html {
  font-size: 37.5px;
}
body{
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  margin: 0;
  padding: 0;
}
.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 42.667rem;
  height: 29.014rem;
  overflow: hidden;
}

.group_1 {
  background-color: rgba(255, 255, 255, 1);
  width: 42.667rem;
  height: 1.6rem;
}

.section_2 {
  height: 1.6rem;
  margin-left: 2.934rem;
  width: 1.6rem;
  background-image: url("../img/logo@2x123.png");
  background-size: 1.6rem;
}

.block_1 {
  box-shadow: 0px 0px 6px 0px rgba(255, 124, 74, 0.2);
  height: 1.067rem;
  width: 1.067rem;
  margin: 0.267rem 0 0 0.267rem;
}

.group_2 {
  border-radius: 7px;
  height: 1.067rem;
  width: 1.067rem;
}

.section_3 {
  width: 1.067rem;
  height: 1.067rem;


}

.text_1 {
  width: 4.267rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.533rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  margin: 0.534rem 0 0 0.16rem;
}

.block_2 {
  background-color: rgba(51, 51, 51, 1);
  width: 3.2rem;
  height: 1.6rem;
  margin-left: 22.24rem;
}

.text_2 {
  width: 0.907rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.453rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 0.454rem;
  margin: 0.56rem 0 0 1.147rem;
}

.block_3 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  width: 0.107rem;
  height: 0.107rem;
  margin: 0.24rem 0 0.24rem 1.547rem;
}

.text_3 {
  width: 1.067rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.453rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.454rem;
  margin: 0.56rem 5.6rem 0 1.6rem;
}

.group_3 {
  height: 22.4rem;
  width: 42.667rem;
  /* background-image: url("../img/bg1@2x.png");
  background-size:42.667rem,22.4rem ;
  background-repeat: no-repeat; */
 
}

.group_9 {
  position: relative;
  width: 51.2rem;
  height: 22.4rem;
  margin-left: -4.266rem;

  background-image: url("../img/bg1@2x.png");
  background-size:51.2rem,22.4rem ;
  background-repeat: no-repeat;

}

.box_12 {
  width: 20rem;
  height: 13.574rem;
  margin: 4.827rem 0 0 7.467rem;
}

.text_4 {
  width: 20rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.333rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.334rem;
}

.text_21 {
  width: 13.44rem;
  height: 0.96rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.96rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 0.96rem;
  margin-top: 0.534rem;
}

.text_6 {
  width: 17.6rem;
  height: 0.8rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.8rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.8rem;
  margin-top: 1.334rem;
}

.text_7 {
  width: 15.6rem;
  height: 0.8rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.8rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.8rem;
  margin-top: 0.534rem;
}

.group_18 {
  width: 8.214rem;
  height: 0.64rem;
  margin: 1.067rem 0 0 0.534rem;
}

.box_5 {
  /* background-color: rgba(216, 216, 216, 1); */
  /* border-radius: 50%; */
  width: 0.64rem;
  height: 0.64rem;
  background-image: url("../img/newlisticon3.png");
  background-size: .64rem;
}

.text-group_2 {
  width: 7.04rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
}

.group_19 {
  position: relative;
  width: 5.654rem;
  height: 0.64rem;
  margin: 0.534rem 0 0 0.534rem;
}

.image-text_18 {
  width: 5.654rem;
  height: 0.64rem;
}

.group_10 {
  height: 0.64rem;
  width: 0.64rem;
   background-image: url("../img/newlisticon2.png");
   background-size: 0.64rem;
 
}

.group_11 {
  /* background-color: rgba(216, 216, 216, 1); */
  border-radius: 3px;
  height: 0.64rem;
  margin-left: 0.054rem;
  width: 0.534rem;
  opacity: 0;
}

.box_7 {
  background-color: rgba(151, 151, 151, 1);
  height: 0.347rem;
  width: 0.347rem;
  margin: 0.16rem 0 0 0.107rem;
}

.group_12 {
  background-color: rgba(151, 151, 151, 1);
  height: 0.347rem;
  width: 0.347rem;
}

.section_4 {
  height: 0.347rem;
  width: 0.347rem;
  position: relative;
}

.block_8 {
  width: 0.214rem;
  height: 0.214rem;
  margin: 0.054rem 0 0 0.054rem;
}

.block_9 {
  background-color: rgba(151, 151, 151, 1);
  height: 0.24rem;
  width: 0.24rem;
  position: absolute;
  left: 0.054rem;
  top: 0.054rem;
}

.box_8 {
  width: 0.24rem;
  height: 0.24rem;
}

.text-group_3 {
  width: 4.48rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
}

.image-text_19 {
  position: absolute;
  left: 0;
  top: 0;
  width: 5.654rem;
  height: 0.64rem;
}

.group_10 {
  height: 0.64rem;
  width: 0.64rem;
}

.group_11 {
  background-color: rgba(216, 216, 216, 1);
  border-radius: 3px;
  height: 0.64rem;
  margin-left: 0.054rem;
  width: 0.534rem;
}

.box_7 {
  background-color: rgba(151, 151, 151, 1);
  height: 0.347rem;
  width: 0.347rem;
  margin: 0.16rem 0 0 0.107rem;
}

.group_12 {
  background-color: rgba(151, 151, 151, 1);
  height: 0.347rem;
  width: 0.347rem;
}

.section_4 {
  height: 0.347rem;
  width: 0.347rem;
  position: relative;
}

.block_8 {
  width: 0.214rem;
  height: 0.214rem;
  margin: 0.054rem 0 0 0.054rem;
}

.block_9 {
  background-color: rgba(151, 151, 151, 1);
  height: 0.24rem;
  width: 0.24rem;
  position: absolute;
  left: 0.054rem;
  top: 0.054rem;
}

.box_8 {
  width: 0.24rem;
  height: 0.24rem;
}

.text-group_3 {
  width: 4.48rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
}

.group_20 {
  position: relative;
  width: 8.267rem;
  height: 0.667rem;
  margin: 0.534rem 0 0 0.534rem;
}

.image-text_20 {
  width: 8.267rem;
  height: 0.667rem;
}

.group_13 {
  height: 0.64rem;
  width: 0.64rem;
  background-image: url("../img/newlisticon1.png");
   background-size: 0.64rem;
 
}

.block_10 {
  /* background-color: rgba(216, 216, 216, 1); */
  border-radius: 50%;
  height: 0.587rem;
  width: 0.587rem;
  margin: 0.027rem 0 0 0.027rem;
  opacity: 0;
}

.group_14 {
  width: 0.267rem;
  height: 0.134rem;
  margin: 0.32rem 0 0 0.16rem;
}

.text-group_4 {
  width: 7.094rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
}

.image-text_21 {
  position: absolute;
  left: 0;
  top: 0;
  width: 8.267rem;
  height: 0.667rem;
}

.group_13 {
  height: 0.64rem;
  width: 0.64rem;
}

.block_10 {
  background-color: rgba(216, 216, 216, 1);
  border-radius: 50%;
  height: 0.587rem;
  width: 0.587rem;
  margin: 0.027rem 0 0 0.027rem;
}

.group_14 {
  width: 0.267rem;
  height: 0.134rem;
  margin: 0.32rem 0 0 0.16rem;
}

.text-group_4 {
  width: 7.094rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
}

.block_15 {
  /* background-image: linear-gradient(
    135deg,
    rgba(255, 149, 85, 1) 0,
    rgba(255, 59, 59, 1) 100%
  ); */
  width: 6.64rem;
  height: 1.867rem;
  margin-top: 1.334rem;
  background-image: url("../img/IOS.png");
}

.label_4 {
  background-color: rgba(255, 255, 255, 1);
  width: 0.667rem;
  height: 0.854rem;
  margin: 0.48rem 0 0 1.387rem;
}

.text_8 {
  width: 2.507rem;
  height: 0.694rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.666rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 0.667rem;
  margin: 0.587rem 1.387rem 0 0;
}

.block_5 {
  height: 20.534rem;
  width: 17.334rem;
  margin: 1.334rem 5.867rem 0 0.534rem;
}

.section_1 {
  /* box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); */
  height: 18.134rem;
  width: 13.84rem;
  position: relative;
  margin: 1.094rem 0 0 1.627rem;
  background-image: url("../img/newshouji.png");
  background-size:13.84rem,18.134rem ;
  background-repeat: no-repeat;
  background-position-x: 1.627rem;
  background-position-y:1.094rem ;
}

.block_16 {
  height: 17.6rem;
  margin-top: 0.48rem;
  width: 8.587rem;
}

.box_1 {
  /* background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0.694947%,
    rgba(0, 0, 0, 0.3) 100%
  ); */
  width: 2.694rem;
  height: 17.52rem;
  margin: 0.027rem 0 0 5.307rem;
}

.block_17 {
  position: absolute;
  left: 6.987rem;
  top: 0;
  width: 6.854rem;
  height: 18.134rem;
}

.block_11 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  height: 0.694rem;
  width: 0.694rem;
  position: absolute;
  left: 8.24rem;
  top: 11.894rem;
}

.box_10 {
  background-color: rgba(151, 151, 151, 1);
  height: 0.214rem;
  width: 0.214rem;
  margin: 0.347rem 0 0 0.134rem;
}

.section_5 {
  width: 0.214rem;
  height: 0.214rem;
}

.group_6 {
  background-color: rgba(23, 23, 23, 1);
  width: 42.667rem;
  height: 5.014rem;
  justify-content: flex-center;
}

.box_13 {
  width: 6.747rem;
  height: 2.88rem;
  margin: 1.067rem 0 0 6.4rem;
}

.text_9 {
  width: 6.747rem;
  height: 0.427rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.427rem;
}

.text-wrapper_13 {
  width: 6.48rem;
  height: 0.427rem;
  margin-top: 0.8rem;
}

.text_17 {
  width: 1.84rem;
  height: 0.427rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.427rem;
}

.text_18 {
  width: 4.374rem;
  height: 0.427rem;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.426rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.427rem;
}

.text_13 {
  width: 6.134rem;
  height: 0.427rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.427rem;
  margin-top: 0.8rem;
}

.text_11 {
  width: 2.267rem;
  height: 0.427rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.427rem;
  margin: 2.187rem 0 0 14.88rem;
}

.text_12 {
  width: 2.774rem;
  height: 0.427rem;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 0.426rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.427rem;
  margin: 2.187rem 0 0 0.267rem;
}

.group_16 {
  background-color: rgba(216, 216, 216, 1);
  border-radius: 10px;
  width: 2.667rem;
  height: 2.667rem;
  margin: 1.067rem 6.4rem 0 0.267rem;
  background-image: url("../new/img/pc/qrcode.jpg");
  background-size:2.667rem ;
}
.position1{
  background-color: rgba(255, 255, 255, 1);
  width: 100%;
  height: 1.6rem;
  position: absolute;
  z-index: -1;
  top:0;
  left:0;
}
.position2{
  height: 22.4rem;
  width:100vw;
  top:1.6rem;
  position: absolute;
  z-index: -1;
  left:0;
  background: linear-gradient(90deg, #8A4A2C, #7F251F)

}
.position3{
  width: "100%";
  background-color: rgba(23, 23, 23, 1);
  height: 5.014rem;
  width:100vw;
  top:24rem;
  position: absolute;
  z-index: -1;

}