@charset "UTF-8";
* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#info_thing,
#info_sp {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

#info_thing input,
#info_sp input {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

#index {
  background: url("https://qn.mktzr.com/qzxbn/images/index.jpg?v=11") no-repeat
    center/100% 100%;
}

#index #start_btn {
  position: absolute;
  left: 2.8rem;
  top: 10.65rem;
  width: 3.1rem;
  height: 1rem;
}

#index #team_btn {
  position: absolute;
  left: 3.13rem;
  top: 80%;
  width: 2.41rem;
  height: 0.67rem;
}

#index .rank_btn {
  position: absolute;
  left: 5.95rem;
  top: 0.6rem;
  width: 1.42rem;
  height: 0.64rem;
}

#index .rule_btn {
  position: absolute;
  left: 5.95rem;
  top: 0.15rem;
  width: 1.42rem;
  height: 0.41rem;
}

#index .detail_btn {
  position: absolute;
  left: 1.3rem;
  top: 9.57rem;
  width: 1.18rem;
  height: 0.91rem;
}

#index .price_btn {
  position: absolute;
  right: 1.2rem;
  top: 10.4rem;
  width: 1.4rem;
  height: 1.13rem;
}

#index .price_num {
  position: absolute;
  left: 75%;
  top: 10.84rem;
  border-radius: 50%;
  background-color: #e14122;
  position: absolute;
  width: 0.34rem;
  height: 0.34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.24rem;
  font-family: "Source Han Sans CN";
  color: white;
  font-weight: bold;
  text-align: center;
}

#start_game {
  position: absolute;
  left: 2.68rem;
  top: 78%;
  width: 3.31rem;
  height: 1.02rem;
}

@-webkit-keyframes mymove {
  0% {
    -webkit-clip-path: polygon(
      50% 50%,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem
    );
    clip-path: polygon(
      50% 50%,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem
    );
  }
  25% {
    -webkit-clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 50%,
      3rem 50%,
      3rem 50%,
      3rem 50%,
      3rem 50%
    );
    clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 50%,
      3rem 50%,
      3rem 50%,
      3rem 50%,
      3rem 50%
    );
  }
  50% {
    -webkit-clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 50%,
      50% 4.4rem,
      50% 4.4rem,
      50% 4.4rem,
      50% 4.4rem
    );
    clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 50%,
      50% 4.4rem,
      50% 4.4rem,
      50% 4.4rem,
      50% 4.4rem
    );
  }
  75% {
    -webkit-clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 0%,
      3rem 100%,
      0 100%,
      0 50%,
      0 50%
    );
    clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 0%,
      3rem 100%,
      0 100%,
      0 50%,
      0 50%
    );
  }
  100% {
    -webkit-clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 0%,
      3rem 100%,
      0 100%,
      0 0%,
      50% 0
    );
    clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 0%,
      3rem 100%,
      0 100%,
      0 0%,
      50% 0
    );
  }
}

@keyframes mymove {
  0% {
    -webkit-clip-path: polygon(
      50% 50%,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem
    );
    clip-path: polygon(
      50% 50%,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem,
      50% -3rem
    );
  }
  25% {
    -webkit-clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 50%,
      3rem 50%,
      3rem 50%,
      3rem 50%,
      3rem 50%
    );
    clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 50%,
      3rem 50%,
      3rem 50%,
      3rem 50%,
      3rem 50%
    );
  }
  50% {
    -webkit-clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 50%,
      50% 4.4rem,
      50% 4.4rem,
      50% 4.4rem,
      50% 4.4rem
    );
    clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 50%,
      50% 4.4rem,
      50% 4.4rem,
      50% 4.4rem,
      50% 4.4rem
    );
  }
  75% {
    -webkit-clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 0%,
      3rem 100%,
      0 100%,
      0 50%,
      0 50%
    );
    clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 0%,
      3rem 100%,
      0 100%,
      0 50%,
      0 50%
    );
  }
  100% {
    -webkit-clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 0%,
      3rem 100%,
      0 100%,
      0 0%,
      50% 0
    );
    clip-path: polygon(
      50% 50%,
      50% -3rem,
      3rem 0%,
      3rem 100%,
      0 100%,
      0 0%,
      50% 0
    );
  }
}

#relife .box .times {
  font-size: 0.87rem;
  font-family: "郑庆科黄油体Regular";
  color: white;
  line-height: 1.028;
  text-align: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#relife .relife {
  position: absolute;
  left: 2.7rem;
  top: 8.53rem;
  width: 3.31rem;
  height: 0.92rem;
}

#relife .giveup {
  position: absolute;
  left: 3.15rem;
  top: 9.93rem;
  width: 2.41rem;
  height: 0.67rem;
}

#end {
  background: url("https://qn.mktzr.com/qzxbn/images/wnp.png?v=11") no-repeat
    center/100% 100%;
}

/*抽中红包*/
#end[hasPrice="0501"] {
  background: url("https://qn.mktzr.com/qzxbn/images/wped.png?v=11") no-repeat
    center/100% 100%;
}
/*未抽中红包*/
#end[hasPrice="0502"] {
  background: url("https://qn.mktzr.com/qzxbn/images/wpno.png?v=11") no-repeat
    center/100% 100%;
}
/*未抽中红包*/
#end[hasPrice="0503"] {
  background: url("https://qn.mktzr.com/qzxbn/images/wpno.png?v=11") no-repeat
    center/100% 100%;
}
/*未抽红包*/
#end[hasPrice="true"] {
  background: url("https://qn.mktzr.com/qzxbn/images/wp.png?v=11") no-repeat
    center/100% 100%;
}
/*已抽取*/
#end[hasPrice="false"] {
  background: url("https://qn.mktzr.com/qzxbn/images/wpnn.png?v=11") no-repeat
    center/100% 100%;
}

#end .next {
  position: absolute;
  top: 55%;
  left: 14%;
  width: 5%;
  height: 5%;
}

#end .prev {
  position: absolute;
  top: 55%;
  right: 14%;
  width: 5%;
  height: 5%;
}

#end .score {
  font-size: 0.6rem;
  font-family: "YouSheBiaoTiHei";
  color: white;
  line-height: 1.028;
  text-align: center;
  position: absolute;
  top: 3.9rem;
  left: 0;
  width: 100%;
}

#end .hightest {
  background-color: #de2d2d;
  position: absolute;
  left: 3.8rem;
  top: 3.37rem;
  width: 1.1rem;
  height: 0.37rem;
  font-size: 0.2745rem;
  font-family: "Source Han Sans CN";
  color: #ffbe18;
  line-height: 0.37rem;
  text-align: center;
}

#end .history {
  font-size: 0.28rem;
  font-family: "Source Han Sans CN";
  color: white;
  line-height: 1.049;
  position: absolute;
  top: 3.8839rem;
  left: 0;
  width: 100%;
  text-align: center;
}

#end .price {
  display: none;
  position: absolute;
  left: 1.82rem;
  top: 5.6rem;
  width: 5rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#end .price .text_box {
  color: #b51b1b;
  font-weight: bold;
  font-size: 0.8rem;
}

#end .chou {
  display: none;
  position: absolute;
  left: 2.52rem;
  top: 6rem;
  width: 3.71rem;
  height: 0.84rem;
}

#end .btn-show {
  display: none;
  position: absolute;
  left: 3.59rem;
  top: 5.1rem;
  width: 1.5rem;
  height: 1.5rem;
}

#end .price .p_box .img_box {
  width: 100%;
  height: 1.19rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#end .back {
  position: absolute;
  right: 1.4rem;
  top: 7.8rem;
  width: 2.6rem;
  height: 0.85rem;
}

#end[hasPrice="0501"] .back,
#end[hasPrice="0502"] .back {
  position: absolute;
  right: 3rem;
  top: 8.6rem;
  width: 2.6rem;
  height: 0.85rem;
}

#end .restart_btn {
  position: absolute;
  left: 1.4rem;
  top: 7.8rem;
  width: 2.65rem;
  height: 0.85rem;
}

#content canvas {
  /* width: 100% !important; */
  /* height: 100% !important; */
  margin: 0 auto;
  display: block;
  /*background: #94efff;*/
  background: #d8edfe;
}

#content > .score {
  font-size: 0.6rem;
  font-family: "YouSheBiaoTiHei";
  color: white;
  line-height: 1.03;
  text-align: center;
  position: absolute;
  font-weight: bolder;
  top: 1.5rem;
  left: 0%;
  text-align: center;
  width: 100%;
  pointer-events: none;
}

#content .price_box span {
  border-radius: 50%;
  background-color: #e14122;
  position: absolute;
  right: 0;
  top: -0.17rem;
  width: 0.34rem;
  height: 0.34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.24rem;
  font-family: "Source Han Sans CN";
  color: white;
  font-weight: bold;
  text-align: center;
}

#rule {
  background: url("https://qn.mktzr.com/qzxbn/images/rule.png?v=11") no-repeat
    center/100% 100%;
}
#rule .rule_main {
  position: absolute;
  left: 1.32rem;
  top: 2.53rem;
  width: 5.66rem;
  height: 5.6rem;
  overflow: auto;
}

#rule .rule_main img {
  width: 100%;
  height: auto;
  display: block;
}

#rule .close {
  position: absolute;
  right: 1.4rem;
  top: 26%;
  width: 0.69rem;
  height: 0.69rem;
}

/*抽中红包*/
#prize[hasPrice="0501"] {
  background: url("https://qn.mktzr.com/qzxbn/images/wped.png?v=11") no-repeat
    center/100% 100%;
}
/*未抽中红包*/
#prize[hasPrice="0502"] {
  background: url("https://qn.mktzr.com/qzxbn/images/wpno.png?v=11") no-repeat
    center/100% 100%;
}
/*未抽中红包*/
#prize[hasPrice="0503"] {
  background: url("https://qn.mktzr.com/qzxbn/images/dialog-noprize.png?v=11")
    no-repeat center/100% 100%;
}

#prize .price {
  position: absolute;
  text-align: center;
  color: #b51b1b;
  width: 100%;
  height: 0.69rem;
  top: 5.6rem;
  font-size: 0.8rem;
  font-weight: bold;
}

#prize[hasPrice="0501"] .close {
  position: absolute;
  left: 3.1rem;
  top: 8.5rem;
  width: 2.6rem;
  height: 0.9rem;
}

#prize[hasPrice="0502"] .close {
  position: absolute;
  left: 3.1rem;
  top: 8.5rem;
  width: 2.6rem;
  height: 0.9rem;
}

#detail {
  overflow-y: scroll;
}

#detail .bg {
  background: url("https://qn.mktzr.com/qzxbn/images/page-detail.jpg?v=11")
    no-repeat center/100% 100%;
  height: 12.8rem;
}

#detail .person {
  width: 6.88rem;
  height: 3.34rem;
  position: absolute;
  left: 1.06rem;
  top: 1.26rem;
}

#detail .person.person-0 {
  background: url("https://qn.mktzr.com/qzxbn/images/person-0.png?v=11") left
    top/contain no-repeat;
}
#detail .person.person-1 {
  background: url("https://qn.mktzr.com/qzxbn/images/person-1.png?v=11") left
    top/contain no-repeat;
}
#detail .person.person-2 {
  background: url("https://qn.mktzr.com/qzxbn/images/person-2.png?v=11") left
    top/contain no-repeat;
}
#detail .person.person-3 {
  background: url("https://qn.mktzr.com/qzxbn/images/person-3.png?v=11") left
    top/contain no-repeat;
}
#detail .person.person-4 {
  background: url("https://qn.mktzr.com/qzxbn/images/person-4.png?v=11") left
    top/contain no-repeat;
}

#detail .text {
  width: 5.72rem;
  height: 4.88rem;
  position: absolute;
  left: 1.52rem;
  top: 4.99rem;
  font-size: 0.24rem;
  color: #000;
  overflow-y: scroll;
}

#detail .second,
#detail .first {
  width: 100%;
  height: 0.72rem;
  position: absolute;
  left: 0;
  top: 9.95rem;
}

#detail .btn-change {
  width: 3.33rem;
  height: 0.71rem;
  position: absolute;
  left: 1.41rem;
  top: 0rem;
  background: url("https://qn.mktzr.com/qzxbn/images/detail-btn-change.png?v=11")
    left top/contain no-repeat;
}

#detail .close {
  position: absolute;
  left: 4.99rem;
  top: 0rem;
  width: 2.29rem;
  height: 0.72rem;
  background: url("https://qn.mktzr.com/qzxbn/images/detail-btn-close.png?v=11")
    left top/contain no-repeat;
}

#detail .btn-lottery {
  position: absolute;
  left: 2.09rem;
  top: 0;
  width: 4.54rem;
  height: 0.84rem;
  background: url("https://qn.mktzr.com/qzxbn/images/detail-btn-lottery.png?v=11")
    left top/contain no-repeat;
  font-size: 0.4rem;
  color: #fff;
  text-align: center;
  line-height: 0.84rem;
}

/* #detail .btn-viewreward {
  position: fixed;
  right: 0.3rem;
  top: 9.95rem;
  width: 1.24rem;
  height: 1.18rem;
  background: url("https://qn.mktzr.com/qzxbn/images/btn-viewreward.png?v=11")
    left top/contain no-repeat;
} */

#rank {
  background: url("https://qn.mktzr.com/qzxbn/images/page-rank.jpg?v=11")
    no-repeat center/100% 100%;
}

#rank .count {
  position: absolute;
  top: 1.7rem;
  height: 0.65rem;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#rank .count .end {
  width: 5.47rem;
  height: 0.48rem;
  display: none;
}

#rank .count .end img {
  width: 100%;
  height: auto;
  display: block;
}

#rank .count .time_box {
  color: #383838;
  font-size: 0.28rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#rank .count .time_box span {
  background-color: #f15500;
  width: 0.31rem;
  height: 0.58rem;
  border-radius: 0.16rem;
  color: #fff;
  font-size: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0.03rem 0;
}

#rank .count .time_box i {
  text-decoration: none;
  color: #f15500;
  font-style: normal;
  font-size: 0.3rem;
  font-weight: bold;
}

#rank .close {
  position: absolute;
  right: 1.08rem;
  top: 0.55rem;
  width: 2rem;
  height: 0.6rem;
}

#price {
}

#price .price_list {
  position: absolute;
  left: 1.81rem;
  top: 4.46rem;
  width: 5.12rem;
  height: 5.48rem;
  overflow-y: auto;
}

#price .price_list p {
  font-size: 0.36rem;
  text-align: center;
}

#price .price_list .price_item {
  background-color: #fff6de;
  width: 5.12rem;
  height: 1.43rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.2rem;
}

#price .price_list .price_item .price_img_box {
  border-width: 0.02rem;
  border-color: #ffbe18;
  border-style: solid;
  background-color: white;
  width: 1.04rem;
  height: 1.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#price .price_list .price_item .price_img_box img {
  width: 100%;
  height: auto;
  display: block;
}

#price .price_list .price_item .price_img_box[type="8"] {
  background: transparent;
  border-color: transparent;
}

#price .price_list .price_item .price_img_box[type="8"] img {
  width: auto;
  height: 100%;
  display: block;
}

#price .price_list .price_item .price_img_box[type="9"] {
  background: transparent;
  border-color: transparent;
}

#price .price_list .price_item .price_img_box[type="9"] img {
  width: auto;
  height: 100%;
  display: block;
}

#price .price_list .price_item .price_name {
  width: 2.08rem;
  font-size: 0.32rem;
  font-family: "Source Han Sans CN";
  color: #333333;
  margin: 0 0.15rem 0;
}

#price .price_list .price_item .btn {
  font-size: 0.32rem;
  font-family: "Source Han Sans CN";
  color: #333333;
  border-radius: 0.08rem;
  background-color: #ffbe18;
  width: 1.13rem;
  height: 0.59rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#price .price_list .price_item .btn_none {
  width: 1.13rem;
  height: 0.59rem;
  opacity: 0;
}

#price .close {
  position: absolute;
  left: 6.74rem;
  top: 2.91rem;
  width: 0.69rem;
  height: 0.69rem;
}

#end .flex_price {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

#end .flex_price .p_box {
  display: block;
}

#end .next img {
  width: 0.13rem;
  height: 0.23rem;
  display: block;
  margin: 43% auto;
}

#end .prev img {
  width: 0.13rem;
  height: 0.23rem;
  display: block;
  margin: 43% auto;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

#loadFile {
  background: url("https://qn.mktzr.com/qzxbn/images/file_load.png?v=11")
    no-repeat center/100% 100%;
}

#loadFile .precess {
  position: absolute;
  left: 3.08rem;
  top: 7.09rem;
  width: 2.55rem;
  height: 0.41rem;
}

#loadFile .process {
  background-color: #ffd2d3;
  width: 0%;
  height: 100%;
  -webkit-animation: loadf 1s linear infinite;
  animation: loadf 1s linear infinite;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@-webkit-keyframes loadf {
  0% {
    width: 0;
  }
  100% {
    width: 2.55rem;
  }
}

@keyframes loadf {
  0% {
    width: 0;
  }
  100% {
    width: 2.55rem;
  }
}

#rank .rank_list {
  position: absolute;
  transform: translate(-50%);
  left: 50%;
  top: 4.05rem;
  width: 6.1rem;
  height: 5.2rem;
  line-height: 0.53rem;
  color: #333333;
  overflow-y: scroll;
  font-size: 0.23rem;
}

#rank .rank_list .item {
  display: flex;
  flex-flow: row nowrap;
  height: 0.64rem;
  line-height: 0.64rem;
  border-bottom: 0.02rem solid #f5f5f5;
}

#rank .rank_list .item:first-child {
  border-radius: 0.05rem;
}

#rank .rank_list .item .index {
  width: 1.4rem;
  text-align: center;
  font-weight: bolder;
  font-size: 0.3rem;
}

#rank .rank_list .item .index.rank-1 {
  background: url("https://qn.mktzr.com/qzxbn/images/1.png?v=11") center center
    no-repeat;
  background-size: auto 80%;
  color: transparent;
}

#rank .rank_list .item .index.rank-2 {
  background: url("https://qn.mktzr.com/qzxbn/images/2.png?v=11") center center
    no-repeat;
  background-size: auto 80%;
  color: transparent;
}

#rank .rank_list .item .index.rank-3 {
  background: url("https://qn.mktzr.com/qzxbn/images/3.png?v=11") center center
    no-repeat;
  background-size: auto 80%;
  color: transparent;
}

#rank .rank_list .item .head {
  margin-left: 0.8rem;
}

#rank .rank_list .item .head img {
  width: 0.53rem;
  height: 0.53rem;
  border: 0.02rem solid #ebebeb;
  border-radius: 50%;
}

#rank .rank_list .item .nick {
  width: 2.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  font-size: 0.24rem;
}

#rank .rank_list .item .num {
  flex: 1;
  text-align: center;
  font-size: 0.24rem;
  padding-right: 0.3rem;
  box-sizing: border-box;
}

#rank .rank_list .item .time.center {
  padding-right: 0.5rem;
}

#login {
  background: url("https://qn.mktzr.com/qzxbn/images/dialog-login.png?v=11")
    no-repeat center/100% 100%;
}

#login input {
  font-size: 0.25rem;
  box-sizing: border-box;
  color: #333;
  text-align: center;
  line-height: 0.73rem;
  padding: 0 0.2rem;
  background: none;
  outline: none;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

#login .tel {
  position: absolute;
  left: 1.8rem;
  top: 4.9rem;
  width: 5.03rem;
  height: 0.87rem;
}

#login .verify {
  position: absolute;
  left: 1.8rem;
  top: 6.06rem;
  width: 3.01rem;
  height: 0.87rem;
}

#login .btn-getVerify {
  position: absolute;
  left: 5.1rem;
  top: 6.06rem;
  width: 1.73rem;
  height: 0.87rem;
  text-align: center;
  color: #fff;
  line-height: 0.87rem;
  font-size: 0.26rem;
}

#login .btn-submit {
  position: absolute;
  left: 2.68rem;
  top: 7.38rem;
  width: 3.02rem;
  height: 0.83rem;
}