html {
  font-size: 14px;
}
body {
  font-family: "Microsoft Yahei, 微软雅黑, Arial";
  overflow-x: hidden;
  /* position: relative; */
  background-color: #c9402e;
  margin: 0;
  background: url("../images/pc.png") center center no-repeat;
  background-size: cover;
}
.leftqrcode{
  position: fixed;
  right: 5px;
  width: 1.3rem;
  height: 1.3rem;
  top: 20%;
}

.leftqrcode:hover{
  width: 3.3rem;
  height: 3.3rem;
}

.leftqrcode img{
  width: 100%;
  height: 100%;
  /* border-radius: 5px; */
}

.top {
  /* background: url("../images/pc.png")   no-repeat top; 
  background-size: cover; */
}

.top .logo {
  margin: 0 auto;
  width: 14.4rem;
  height: 7.63rem;
}

.top .logo img {
  width: 100%;
  height: 100%;
  z-index: -1;
}

.content {
  background: url("../images/bg2.png") no-repeat;
  background-size: 16.03rem 12.38rem;
  margin: 0 auto;
  width: 16.03rem;
  height: 12.38rem;
  /* padding: 0.73rem; */
  margin-top: -1.9rem;
  margin-bottom: 1rem;
  position: relative;
}

.content .title {
  padding-top: 0.77rem;
  width: 8.46rem;
  height: 0.84rem;
  margin: 0 auto;
}

.content .title img {
  width: 100%;
  height: 100%;
}

.content .step {
  margin: 0 auto;
  margin-top: 0.88rem;
  padding: 0.73rem;
  padding-top: 0;
}

.content .step img {
  width: 4.28rem;
  height: 6.32rem;
  margin-right: 0.7rem;
}
.content .step img:last-child {
  margin-right: 0rem;
}
.content .foot {
  margin: 0 auto;
  margin-top: 0.44rem;
  display: table;
}

.content .foot .text {
  /* padding-top: 0.71rem; */
  padding-right: 1.21rem;
  font-size: 0.2rem;
  margin-left: 4.85rem;
  display: table-cell;
  vertical-align: middle;
}

.content .foot .ercode {
  display: table-cell;
  width: 1.93rem;
  height: 1.93rem;
}

.content .foot .ercode img {
  width: 100%;
  height: 100%;
}