*{margin:0;padding:0;}

*{
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5{
    font-weight: normal;
    font-size:0.16rem;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
    color: inherit;
}
i{
    font-style: normal;
}
img{
    display: block;width: 100%;
}
input{
  outline:none;  
  border:none;
}
body{
    margin: 0 auto;
    overflow-x: hidden;
    max-width: 750px;background-size: 7.5rem;
}

html,body{
    margin: 0 auto;
    width: 100%;
    max-width: 750px;
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    min-height: 10rem;
}

/*.pageIndex{
  width: 100%;display: block;position: absolute;top: 0;left: 0;z-index:3;background-color: #fbe29e;height: 100%;
}
.startBtn{
  width: 5.5rem;height: 1.2rem;display: block;
  position: absolute;left: 1rem;top: 8.2rem;
}
.startBtn .ic{
  width: 0.64rem;height: 0.66rem;background-image: url(../img/cursor.png);background-size: 0.64rem;position:absolute;
  left: 4.4rem;top: 0.6rem;
}*/

.pageIndex{
  width: 100%;display: block;position: absolute;top: 0;left: 0;z-index:3;background-image: url(../img/allBg.jpg);height: 100%;
}
.img1{
  padding-top: 0.45rem;
}
.startBtn{
  width: 5.56rem;height: 0.98rem;background-size:5.56rem;background-image: url(../img/btn1-1.png);display: block;margin:  0 auto;margin-top: 0.45rem;
}
.startBtn p{
  color: #fff;font-size: 0.48rem;width: 100%;line-height: 0.92rem;text-align: center;font-weight:bold;
}

.ic1-2{
  width: 7rem;height: 2.1rem;background-size:7rem;background-image: url(../img/ic1-2.png);display: block;margin:  0 auto;margin-top: 0.45rem;background-repeat: no-repeat;
  position: relative;background-size:7rem 100%;
}
.ic1-2 h5{
  font-size: 0.24rem;color: #000;padding: 0.2rem 0 0 0.4rem ;font-weight: bold;
}
.ic1-2 p{
  font-size: 0.22rem;color: #009cdf;padding: 0.1rem 0 0 0.4rem ;
}
.ic1-2 p span{
  color: #000;display: inline-block;font-size: 0.18rem;padding-left:0.12rem;
}

.ic1-2 h4{
  font-size: 0.22rem  ;color: #ff9300;padding: 0.1rem 0 0 0.4rem ;
}
.ic1-2 em{
  width: 0.5rem;height: 0.5rem;background-size: 0.5rem;background-image: url(../img/ic1-1.png);display: block;margin:  0 auto;
  position: absolute;bottom: 0;left: -0.1rem;
}


.pageCal{
  width: 100%;display: none;position: absolute;top: 0;left: 0;z-index:3;
  background: linear-gradient(to bottom, #f5f3ef, #ecf1f0, #c6e9f5);
}

.inputContent{
  width: 6rem;display: block;margin:0 auto;background: #fff;font-size: 0.24rem;
  padding: 0rem 0.3rem;margin-top: -0.3rem; margin-left: 0.45rem;position: relative;z-index:5;padding-bottom:0.5rem;
}
.inputContent p{
  font-size:0.24rem;padding: 0.2rem 0 0 0;
}
.inputBd{
  width: 100%;line-height: 1rem;position: relative;border-bottom:solid 1px #e0e3e7;
}
.inputBd strong{
  font-style: normal;
    position: relative;
    font-size: 0.2rem;
    color: #d55b5b;
    font-weight: normal;
    display: block;
    line-height: 0.24rem;
    padding-bottom: 0.1rem;
}
.inputBd span{
  display: block;font-weight:bold;line-height: 0.4rem;padding-top: 0.3rem;
}
.inputBd input{
  -webkit-appearance:none;
  width: 2.6rem;background: none;border:0;position: absolute;top: 0;right: 1.1rem;height: 1rem;text-align: right;
}
.inputBd .delIcon{
  width: 0.26rem;height: 0.27rem;background-image: url(../img/delIcon.png);display: block;position: absolute;top: 0.34rem;right: 0.6rem;
  background-size: 0.26rem;
}
.inputBd .qa{
  width: 0.26rem;height: 0.27rem;background-image: url(../img/qa.png);display: block;position: absolute;top: 0.34rem;right: 0.1rem;
  background-size: 0.26rem;
}
.inputBd .sltIcon{
  width: 0.24rem;height: 0.15rem;background-image: url(../img/sltIc.png);display: block;position: absolute;top:0.42rem;right: 0.6rem;
  background-size: 0.24rem;
}
.inputBd select{
  background: none;
  border:0;
  position: absolute;
  top: 0;
  height: 1rem;
  text-align: left;
  text-indent: 0.8rem;
}
.btn2-1{
  width: 6.51rem;height: 0.82rem;background-size:6.51rem;background: linear-gradient(to bottom, #26befb,#4089ed);display: block;margin:  0 auto;margin-top: 0.45rem;background-repeat: no-repeat;
  position: relative;border-radius: 0.82rem;margin-bottom: 1rem;
}

.btn2-1 p{
  color: #fff;font-size: 0.36rem;width: 100%;line-height: 0.82rem;text-align: center;
}

.moreBtn{
  width: 6.51rem;height: 0.76rem;display: block;margin:  0 auto;margin-top: 0.45rem;
  position: relative;margin-bottom:1rem;
}

.getAWD,.getPromo{
  width: 3.1rem;height: 0.76rem;position: absolute;top: 0;background-color: #32a1f5;color: #fff;text-align: center;line-height: 0.76rem;
  font-size: 0.28rem;text-align: center;border-radius:0.76rem;
}
.getAWD{
  left: 0;
}
.getPromo{
  right: 0;
}

.pageAWD{
  width: 100%;display: none;position: absolute;top: 0;left: 0;font-size: 0.24rem;z-index:19;background-color:#f5f3ef;
}

.pageAWD h4{
  color: #2e3a48;font-size: 0.3rem;text-align: center;width: 100%;margin-top: 0.45rem;position: relative;
}
.pageAWD h4 span{
  width: 0.5rem;height: 0.5rem;background-image: url(../img/arrLeft.png);display: block;position: absolute;top:0rem;left: 0.1rem;
  background-size: 0.5rem;
}

.awdContent{
   width: 5.78rem;display: block;margin:0 auto;background: #fff;border-radius: 0.1rem;font-size: 0.24rem;
  padding: 0.36rem 0.36rem;margin-top:0.45rem;
}
.pageAWD .img1-1{
  margin-top: 0.24rem;
}
.pageAWD .BlackT{
  width: 3.5rem;height: 0.6rem;background-color: #1e2936;color: #fff;text-align: center;line-height: 0.6rem;
  font-size: 0.28rem;text-align: center;border-radius:0.2rem;margin:0 auto;margin-top: 0.32rem;
}
.pageAWD .ckeT{
  position: relative;margin-top: 0.1rem;padding-left: 0.44rem;
}
.pageAWD .ckeT span{
  width: 0.31rem;height: 0.27rem;background-image: url(../img/icCheck.png);display: block;position: absolute;
  background-size: 0.31rem;top: 0.05rem;left: 0;
}
.pageAWD .floT{
  margin-top:0.2rem;position: relative;display: flex;
}
.pageAWD .floT span{
  display: inline-flex;width: 25%;text-align: center;
}
.pageAWD .floT em{
  font-style: normal;width: 80%;display: block;background-color: #f5f3ef;border-radius: 0.1rem;padding: 0.3rem 0;
}
.pageAWD .awdPros{
  border:solid 1px #388fef;border-radius: 0.15rem;margin-top:0.65rem;
}
.pageAWD .orangeT{
  width: 3.5rem;
  height: 0.5rem;
  color: #fff;
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.28rem;
  text-align: center;
  border-radius:0.25rem;
  position: relative;
  margin:0 auto;
  padding-top:0.1rem;
  font-weight: bold;
  background: linear-gradient(to bottom, #26befb,#4089ed);
  margin-top: -0.3rem;
  text-align: center;
}
.pageAWD .freeCon1{
  padding: 0.1rem 0.2rem 0.2rem 0.2rem;display: flex;flex-wrap: wrap;
}
.pageAWD .freeBd{
  width: 50%;margin-bottom: 0.1rem;position: relative;
}
.pageAWD .freeBd p{
  padding-left: 0.5rem;padding-right:0.1rem;
}
.pageAWD .freeBd span{
  width: 0.43rem;height: 0.21rem;background-image: url(../img/free.png);display: inline-block;position: absolute;
  background-size: 0.43rem;top: 0.05rem;left:0rem;
}

.pageAWD .freeBd span.sale{
  background-image: url(../img/sale.png);
}

.pageAWD .sTips{
  font-size: 0.14rem;
}
.pageAWD .checkCon1{
  padding: 0.4rem 0.1rem 0.2rem 0.1rem;
}

.pageAWD .checkBd{
  width: 100%;margin-bottom: 0.1rem;
}
.pageAWD .checkBd span{
  width: 0.21rem;height: 0.2rem;background-image: url(../img/icCheck-2.png);display: inline-block;position: relative;
  background-size: 0.21rem;top: 0rem;left: 0;margin-right:0.05rem;
}
.pageAWD .returnIndex{
  width: 3.1rem;height:1rem;background-color: #32a1f5;color: #fff;text-align: center;
  font-size: 0.28rem;text-align: center;border-radius:0.76rem;margin: 0 auto;margin-top: 0.45rem;margin-bottom: 0.45rem;
}
.pageAWD .returnIndex p{
  padding-top:0.15rem;display: block;
}
.pageAWD .returnIndex span{
  font-size: 0.22rem;display: block;
}

.pagePromo .returnIndex{
  width: 3.1rem;height:1rem;background-color: #32a1f5;color: #fff;text-align: center;
  font-size: 0.28rem;text-align: center;border-radius:0.76rem;margin: 0 auto;margin-top: 0.45rem;margin-bottom: 0.45rem;
}
.pagePromo .returnIndex p{
  padding-top:0.15rem;display: block;
}
.pagePromo .returnIndex span{
  font-size: 0.22rem;display: block;
}


.pagePromo{
  width: 100%;display: none;position: absolute;top: 0;left: 0;font-size: 0.24rem;z-index:3;
}

.pagePromo h4{
  color: #fff;font-size: 0.3rem;text-align: center;width: 100%;margin-top: 0.45rem;position: relative;
}
.pagePromo h4 span{
  width: 0.5rem;height: 0.5rem;background-image: url(../img/arrLeft.png);display: block;position: absolute;top:0rem;left: 0.1rem;
  background-size: 0.5rem;
}
.pagePromo .awdContent{
   width: 6.2rem;
  padding: 0.36rem 0.24rem;
}
.pagePromo .img1-3{
  margin-top: 1rem;
}

.pagePromo .BlackT{
  width: 5.78rem;height: 0.6rem;background-color: #1e2936;color: #fff;text-align: center;line-height: 0.6rem;
  font-size: 0.28rem;text-align: center;border-radius:0.2rem;margin:0 auto;
}
.pagePromo .orangeT{
  width: 3.5rem;height: 0.5rem;color: #000;text-align: center;line-height: 0.5rem;
  font-size: 0.28rem;text-align: center;border-radius:0.25rem;margin: 0 auto;margin-top: 0.24rem;font-weight: bold;
}
.pagePromo .sTips{
  font-size: 0.14rem;margin-top: 0.2rem;
}
.pagePromo .awdPros{
  background:#e6faff; border-radius: 0.15rem;margin-top:0.65rem;position: relative;padding: 0.1rem 0 0 0;
}
.pagePromo .freeCon1{
  padding: 0.1rem 0.2rem 0.2rem 0.2rem;display: flex;flex-wrap: wrap;
}
.pagePromo .freeBd{
  width: 50%;margin-bottom: 0.1rem;position: relative;
}
.pagePromo .freeBd p{
  padding-left: 0.5rem;padding-right:0.1rem;
}
.pagePromo .freeBd span{
  width: 0.43rem;height: 0.21rem;background-image: url(../img/free.png);display: inline-block;position: absolute;
  background-size: 0.43rem;top: 0.05rem;left:0rem;
}

.pagePromo .freeBd span.sale{
  background-image: url(../img/sale.png);
}

.pagePromo .proTes{
  margin-top:0.24rem;
}
.pagePromo .proTes p{
  color: #000;font-size: 0.24rem;font-weight: bold;
}
.pagePromo .proTes h4{
  color: #ff9300;font-size: 0.24rem;font-weight: bold;text-align: left;margin-top:0.1rem;
}
.pagePromo .proTes p span{
  color: #33b9ff;font-size: 0.2rem;font-weight: bold;display: inline;
}

.pageRs{
  width: 100%;display: block;position: absolute;top: 0;left: 0;font-size: 0.24rem;background-color: #f5f3ef;opacity: 0;
}

.pageRs .rsCon{
  background-color: #fff;width: 6.9rem;margin:0 auto;margin-top: -0.35rem;position:relative;
  text-align: center;font-size:0.28rem;padding:0.3rem 0;
}
.pageRs .rsCon p{
  margin-bottom: 0.3rem;
  /* padding: 0 0.2rem; */
}
.pageRs .rsCon p span{
  color: #008cff;font-size: 0.36rem;
}
.pageRs .rsCon p span strong{
  color: #ff9300;
}

.getAWDBtn{
  width: 5.56rem;height: 1.3rem;background-size:5.56rem;background: linear-gradient(to bottom, #26befb,#4089ed);display: block;margin:  0 auto;margin-top: 0.45rem;position: relative;
  border-radius: 1.3rem;
}
.getAWDBtn p{
  color: #fff;font-size: 0.36rem;width: 100%;line-height: 0.8rem;text-align: center;
}
.getAWDBtn span{
  color: #fff;font-size: 0.12rem;position: absolute;top: 0.62rem;left: 0%;width: 100%;text-align: center;
}
.joinBtn{
  width: 5.56rem;height: 0.98rem;background-size:5.56rem;background: linear-gradient(to bottom, #26befb,#4089ed);display: block;margin:  0 auto;margin-top: 0.45rem;position: relative;
  border-radius: 0.98rem;
}
.joinBtn p{
  color: #fff;font-size: 0.36rem;width: 100%;line-height: 0.8rem;text-align: center;
}
.joinBtn span{
  color: #fff;font-size: 0.18rem;position: absolute;top: 0.62rem;left: 50%;transform: translateX(-50%);
}
.pageRs .btms{
  text-align: center;
}
.pageRs .returnIndex{
  width: 3rem;height:0.76rem;background-color: #32a1f5;color: #fff;text-align: center;line-height: 0.76rem;
  font-size: 0.28rem;text-align: center;border-radius:0.76rem;margin: 0.4rem 0.2rem;display: inline-block;
}

.pageRs .fastAwd{
  width: 3rem;height:0.76rem;background-color: #32a1f5;color: #fff;text-align: center;line-height: 0.76rem;
  font-size: 0.28rem;text-align: center;border-radius:0.76rem;margin: 0.4rem 0.2rem;display: inline-block;
}

.pageRs .sTips{
  font-size: 0.2rem;padding: 0 0.5rem;margin-bottom: 1rem;
}
.errMsg{
  width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index:999;display: none;
}
.errMsg .bg{
  width: 100%;height: 100%;background: #000;opacity: 0.8;
}

.errMsg .bd{
  width: 60%;color: #fff;top: 50%;transform: translateY(-50%);text-align: center;left: 20%;
  font-size: 0.24rem;position: absolute;background: #fff;border-radius: 10px;
}
.errMsg .bd p{
  text-align: center;padding-top: 0.5rem;padding-bottom: 0.5rem;color: #000;
  padding-left: 0.3rem;padding-right: 0.3rem;
}

.tableT{
  text-align: center;font-size: 0.28rem;padding-bottom: 0.2rem;
}
.rsHtml{
  background: #efefef;
    width: 6rem;
    margin: 0 auto;
    padding: 0.2rem 0.2rem 0.1rem 0.2rem;
    margin-bottom: 0.2rem;
}
.rsHtml strong{
  color: #0071f5;
}

.layout{
  width: 100%;height: 100%;
  position: absolute;top:0;left: 0;z-index: 99;font-size: 0.24rem;display: none;
}
.layout img{
  width: 0.5rem;display: inline-block;
}
.layout .bg{
  width: 100%;height: 100%;
  position: absolute;top:0;left: 0;background-color: #000;opacity: 0.75;
}
.layout .bd{
  width: 5.4rem;
  position: absolute;top:3rem;left: 0.75rem;background-color: #fff;padding:0.3rem;
}
.layout .tableBd{
  width: 5.4rem;border-radius: 0.1rem;border:solid 2px #0071f5;
}
.layout .tables{
  border-bottom:dashed 1px #9ee0fb;border-radius: 0.1rem;display: flex;
}
.layout .tables.nobd{
  border-bottom:0;
}
.layout .tables .td{
  flex: 1;border-right:dashed 1px #9ee0fb;
}
.layout .tables .tdDes{
  flex: 1;
}
.layout .tables .trTitle{
  background-color:#388fef;padding: 0.2rem;text-align: center;
}
.layout .tables .trSecTitle{
  background-color:#9ee0fb;padding: 0.2rem;text-align: center;
}
.layout .tables .trSecTitle span{
  width: 0.16rem;height: 0.14rem;background-image: url(../img/img3.png);position: relative;display: inline-block;background-size: 0.16rem;
  margin-left:0.1rem;
}
.layout .tables .tr{
  text-align: center;padding: 0.2rem;min-height: 1rem;height: 100%;
}
.layout .tables .trdes{
  text-align: center;padding: 0.2rem;min-height: 1rem;
}
#sltBat{
      width: 2rem;
    height: 1.2rem;
}
#is_hot{
  width: 1.5rem;
  text-align: left;
  right: 0;
}


.qrLay{
  width: 100%;height: 100%;
  position: fixed;top:0;left: 0;z-index: 99;font-size: 0.24rem;display: none;
}
.qrLay img{
  width: 80%;position: relative;display: block;margin: 0 auto; margin-top: 4rem;
}
.qrLay .bg{
  width: 100%;height: 100%;
  position: absolute;top:0;left: 0;background-color: #000;opacity: 0.75;
}
.qrLay .bd{
  width: 100%;
  position: absolute;top:0;left: 0;
}

.qrLay p{
  text-align: center;font-size: 0.24rem;width: 70%;margin: 0 auto;margin-top: 0.5rem;color: #fff;
}