/* reset */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu,iframe{margin:0;padding:0;list-style:none;}
body{-webkit-text-size-adjust:none; font-size: 0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,button,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
img[src=''],img:not([src]){opacity: 0;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
:focus{outline: none;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-999em;}
body,html{background-color: #1f7ae6;overflow-x: hidden;width: 100%;}
body{max-width: 750px;margin: 0 auto;}
header,#afooter {width:100%;margin:0 auto;}

.listflex{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.listflexleft{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;}
.listcenter{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
.text_center{display: flex;align-items: center;justify-content: center;}
.listszcenter{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;flex-direction:column;-webkit-flex-direction:column;align-content: space-between;-webkit-align-content: space-between;}
@font-face {
  font-family: 'AlibabaPuHuiTi';
  src: url(../font/AlibabaPuHuiTiMEDIUM.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SourceHanSerifCN';
  src: url(../font/SourceHanSerifCNRegular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.wrap{width: 100%;position: relative;font-family: 'AlibabaPuHuiTi';}
.pageIN {animation: fadeIN 1s both;-webkit-backface-visibility: hidden;}
.pageOUT {animation: fadeOUT 1s both;-webkit-backface-visibility: hidden;}
.page{display: none;}
.page.on{display: block;}
.index {max-width: 750px;min-height: 13.34rem;width: 100%;height: 100vh;/*position: absolute;left: 50%;transform: translateX(-50%);top: 0;*/background: url(../images/bg1.jpg) no-repeat 50% 50%/cover;overflow: hidden;}

.play_cont1{position: relative;left: 0;top: 0;width: 100%;height: 100%;}
.guide{width: 100%;height: 100%;min-height: 16.24rem;background: url(../images/bg1_guide.jpg) no-repeat 50% 50%;background-size: 100% auto;overflow: hidden;}
.guide_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.guide_bg video {pointer-events: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;background: url(../images/bg1_guide.jpg) no-repeat 50% 50%/cover;}
.test_img{width: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.play_img{width: 7.5rem;position: absolute;left: 0;top: 0.3rem;z-index: 2;}
.index_copyright{width: 100%;position: absolute;left: 0;bottom: 0rem;z-index: 2;display: none;}

.play_start{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-size: 100% auto;z-index: 9;}
.btn_skip{display: block;font-size: 0.26rem;color: #fff;line-height: 0.36rem;position: absolute;right: 0.5rem;top: 0.8rem;z-index: 9;}
.btn_skip::before{content: '';display: inline-block;width: 100%;height: 0.02rem;background: #fff;position: absolute;left: 0;bottom: -1px;}
.play_name{width: 100%;height: 0.58rem;position: absolute;left: 0;top: 50%;margin-top: -5.2rem;font-size: 0.6rem;color: #fff;line-height: 0.6rem;text-align: center;font-weight: bold;}
.play_name::before{content: '';display: inline-block;width: 0.12rem;height: 0.12rem;background: #fff;display: inline-block;vertical-align: middle;margin-right: 0.3rem;transform: rotate(45deg);}
.play_name::after{content: '';display: inline-block;width: 0.12rem;height: 0.12rem;background: #fff;display: inline-block;vertical-align: middle;margin-left: 0.3rem;transform: rotate(45deg);}
.play_txt{width: 3.04rem;height: 0.84rem;background: url(../images/p1_txt1.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;top: 50%;margin: -4.64rem 0 0 -1.52rem;text-indent: -999em;}
.btn_group{width: 100%;position: absolute;left: 0;bottom: 50%;margin-bottom: -5.8rem;}
.btn_group a{display: block;width: 1.34rem;height: 1.82rem;margin: 0 1.1rem;}
.btn_group a img{width: 100%;animation: bounce 1.2s linear infinite alternate;-webkit-animation: bounce 1.2s linear infinite alternate;}
.btn_group a p{width: 100%;height: 0.5rem;line-height: 0.5rem;text-align: center;font-size: 0.26rem;color: #fff;}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.play_cont2{position: relative;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/bg1_playmask2.png) no-repeat center/cover;}
.btn_order{display: block;width: 3.72rem;height: 0.99rem;background: url(../images/btn_order.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;top: 50%;margin: 4.2rem 0 0 -1.86rem;text-indent: -999em;}
.btn_order.btn_zhih{background: url(../images/btn_orderzhih.png) no-repeat 50% 0/100% 100%;}
.order_tip{width: 100%;position: absolute;left: 0;top: 50%;margin-top: 5.2rem;font-size: 0.26rem;color: #ffffff;line-height: 0.6rem;text-align: center;} 

.content{width: 100%;background: url(../images/bg2.jpg) no-repeat 50% 0/100% auto;}
.btn_gostore{display: block;width: 0.94rem;height: 0.93rem;background: url(../images/btn_gostore.png) no-repeat 50% 0/100% 100%;position: fixed;right: -0.17rem;top: 4.2rem;text-indent: -999em;}
.btn_gostore.btn_zhih{background: url(../images/btn_gostorezhih.png) no-repeat 50% 0/100% 100%;}
.btn_followfb{display: block;width: 0.94rem;height: 0.92rem;background: url(../images/btn_followfb.png) no-repeat 50% 0/100% 100%;position: fixed;right: -0.17rem;top: 5.28rem;text-indent: -999em;}
.part1{width: 100%;height: 14.04rem;}
.team_tit{width: 100%;height: 4.03rem;text-indent: -999em;}
.team_list{width: 6.9rem;margin: 0 auto;}
.team_list li{width: 1.65rem;}
.team_list li img{display: block;width: 100%;}
.team_list li p{width: 1.63rem;height: 0.47rem;margin: 0.15rem auto 0.24rem;font-size: 0.2rem;color: #162a8f;line-height: 0.47rem;text-align: center;background: url(../images/team_num.png) no-repeat 50% 0/100% 100%;}
.team_list li a{display: block;width: 1.63rem;height: 0.54rem;background: url(../images/btn_teamchoose.png) no-repeat 50% 0/100% 100%;margin: 0 auto;text-indent: -999em;}
.team_list li a.btn_zhih{background: url(../images/btn_teamchoosed.png) no-repeat 50% 0/100% 100%;}
.btn_teamrecord{font-size: 0.28rem;color: #ffffff;line-height: 0.56rem;text-align: center;font-weight: bold;position: absolute;right: 0.34rem;top: 3.42rem;}
.btn_teamrecord::after{display: block;content: '';width: 100%;height: 0.02rem;background: #fff;position: absolute;left: 0;top: 0.46rem;}

.part2{width: 100%;height: 19.03rem;}
.ordernum_tit{width:100%;height: 3.45rem;text-indent: -999em;}
.pross{width: 100%;position: relative;}
.pross_bg{width: 0.14rem;height: 11.60rem;background: url(../images/pross_bg.png) no-repeat center/cover;position: absolute;left: 0.84rem;top: 0.1rem;}
.charts{width: 0.14rem;height: 0;background: url(../images/charts.png) no-repeat 50% 100%/100% 100%;position: absolute;left: 0;bottom: 0;}
.pross_bar li{position: absolute;left: 1.04rem;}
.pross_bar li::before{display: block;content: '';width: 1.4rem;height: 1.4rem;background: url(../images/charts_icon.png) no-repeat center/100% 100%;position: absolute;left: -0.8rem;top: -0.46rem;}
.pross_bar li:nth-child(1){top: 10.1rem;}
.pross_bar li:nth-child(2){top: 7.6rem;}
.pross_bar li:nth-child(3){top: 5.1rem;}
.pross_bar li:nth-child(4){top: 2.6rem;}
.pross_bar li:nth-child(5){top: 0;}
.pross_bar li img{display: block;width: 5.61rem;}
.pross_bar li .show{display: none;}
.pross_bar li.on img{display: none;}
.pross_bar li.on img.show{display: block;}
.pross_bar li.on::before{display: block;content: '';width: 1.4rem;height: 1.4rem;background: url(../images/charts_iconh.png) no-repeat center/100% 100%;position: absolute;left: -0.8rem;top: -0.46rem;}
.pross_list{width: 100%;box-sizing: border-box;padding-left: 1.55rem;padding-top: 0.06rem;}
.pross_list li{width: 100%;height: 1.8rem;margin-top: 0.7rem;}
.pross_list li dl{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;}
.pross_list li dl dd{width: 1.92rem;height: 100%;}
.pross_list li dl img{display: block;width: 1.72rem;margin: 0 auto;}
.pross_list li dl dd p{width: 100%;height: 0.32rem;font-size: 0.2rem;color: #ffffff;line-height: 0.32rem;text-align: center;}
.btn_golettery{display: block;width: 3.72rem;height: 0.99rem;background: url(../images/p3_btnget.png) no-repeat center/cover;text-indent: -999em;margin: 0.3rem auto 0;}

.part3{width: 100%;height: 15.75rem;}
.lottery_tit{width: 100%;height: 1.9rem;text-indent: -999em;}
.lottery_main{width: 100%;height: 7.65rem;}
.flash{width: 6.68rem;height: 6.45rem;background: url(../images/flash.png) no-repeat center/cover; margin: 0 auto;position: relative;margin: 0 auto;box-sizing: border-box;padding: 0.02rem 0 0 0;}
.award_carousel{width: 6.42rem;height: 0.4rem;margin: 0 auto 0.1rem;box-sizing: border-box;padding: 0.02rem 0.02rem 0.02rem 0.55rem;}
.awardSwiper{width: 100%;height: 100%;font-size: 0.18rem;color: #ffffff;line-height: 0.4rem;overflow: hidden;letter-spacing: -1px;}
.awardSwiper .swiper-wrapper {transition-timing-function: linear !important;}
.awardSwiper .swiper-wrapper .swiper-slide{width: 100%;height: 100%;overflow: hidden;}
.lottery_part{width: 100%;height: 5.26rem;margin: 0 auto;}
.lottery{width: 6.59rem;height: 5.26rem;margin: 0 auto;position: relative;}
.lottery img{display: block;width: 100%;height: 100%;}
.btn_lottery{display: block;width: 2.65rem;height: 0.89rem;background: url(../images/btn_lottery.png) no-repeat center/cover;margin: 0 auto 0;text-indent: -999em;animation: pulses 1s ease infinite alternate;animation: none;}  
@keyframes pulses{0%{transform: scale(1);}100%{transform:scale(1.1);}}
.lotterycontent_disable{background: none !important;}
.btn_lottery.btn_zhih{filter: grayscale(100%);-webkit-filter: grayscale(100%);pointer-events: none;animation: none;}
.lotterycontent_hover{width: 2.21rem !important;height: 1.88rem !important;background: url(../images/lottery_light.png) no-repeat 50% 0/100% 100% !important;}
.lottery_info{width: 5.64rem;height: 0.6rem;margin: 0 auto;font-size: 0.28rem;color: #ffffff;line-height: 0.56rem;text-align: center;font-weight: bold;}
.lottery_info a{color: #ffee83;position: relative;}
.lottery_info a::after{display: block;content: '';width: 100%;height: 0.02rem;background: #ffee83;position: absolute;left: 0;top: 0.46rem;}
.lottery_info p{font-size: 0.3rem;}
.lottery_info span{color: #ffee83;}
.task_tit{width: 5.71rem;height: 0.7rem;margin: 0 auto;background: url(../images/task_tit.png) no-repeat center/cover;text-indent: -999em;}
.task_list{width: 6.52rem;margin: 0 auto;}
.task_list li{width: 100%;height: 0.69rem;position: relative;box-sizing: border-box;padding: 0 0.17rem 0 0.26rem;margin-bottom: 0.13rem;}
.task_list li:nth-of-type(1){background: url(../images/task1.png) no-repeat center/cover;}
.task_list li:nth-of-type(2){background: url(../images/task2.png) no-repeat center/cover;}
.task_list li:nth-of-type(3){background: url(../images/task3.png) no-repeat center/cover;}
.task_list li:nth-of-type(4){background: url(../images/task4.png) no-repeat center/cover;}
.task_list li:nth-of-type(5){background: url(../images/task5.png) no-repeat center/cover;}
.task_list div{width: auto;height: 100%;position: absolute;top: 0;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;font-size: 0.22rem;color: #ffffff;line-height: 0.69rem;text-align: left;align-items: center;}
.task_list li:nth-of-type(5) div{left: 1.76rem;}
.task_list li:nth-of-type(2) div{left: 2.8rem;}
.task_list li:nth-of-type(3) div{left: 3.3rem;}
.btn_taskrule{display: block;vertical-align: middle;width: 0.37rem;height: 0.37rem;background: url(../images/btn_taskrule.png) no-repeat center/cover;text-indent: -999em;}
.task_list .btn_task{display: block;width: 1.81rem;height: 0.48rem;text-indent: -999em;position: absolute;right: 0.1rem;top: 50%;margin-top: -0.24rem;}
.btn_taskorder{background: url(../images/btn_taskorder.png) no-repeat center/cover;}
.btn_taskshare{background: url(../images/btn_taskshare.png) no-repeat center/cover;}
.btn_taskinvit{background: url(../images/btn_taskinvit.png) no-repeat center/cover;}
.btn_tasktest{background: url(../images/btn_tasktest.png) no-repeat center/cover;}
.btn_taskgoorder{background: url(../images/btn_taskgoorder.png) no-repeat center/cover;}
.task_list .btn_tasktest.btn_zhih{background: url(../images/btn_tasktested.png) no-repeat center/cover;}
.task_list .btn_taskshare.btn_zhih{background: url(../images/btn_taskshared.png) no-repeat center/cover;}
.task_list .btn_task.btn_zhih{background: url(../images/btn_taskzhih.png) no-repeat center/cover;pointer-events: none;}
.task_list .btn_taskgoorder.btn_zhih{pointer-events: all;}

.part4{width: 100%;height: 11.58rem;}
.test_tit{width: 100%;height: 1.3rem;text-indent: -999em;}
.test_main{width: 100%;position: relative;}
.test_cir1{width: 5.72rem;height: 5.72rem;position: absolute;top: 1.04rem;left: 50%;margin-left: -2.86rem;animation: rotateClockwise 8s linear infinite;}
@keyframes rotateClockwise {
    from {
        transform: rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.test_cir2{width: 5.72rem;height: 5.72rem;position: absolute;top: 1.04rem;left: 50%;margin-left: -2.86rem;animation: rotateCounterClockwise 10s linear infinite;}
@keyframes rotateCounterClockwise {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(-360deg);
    }
}
.test_cont{width: 6.13rem;height: 7.96rem;background: url(../images/test_bg.png) no-repeat center/cover;position: relative;margin: 0 auto;box-sizing: border-box;padding-top: 3.65rem;}
.test_info{display: flex;align-items: center;justify-content: center;width: 5.7rem;margin: 0 auto;height: 1.8rem;font-size: 0.22rem;color: #ffffff;line-height: 0.3rem;text-align: center;}
.selector_group{width: 100%;}
.selector_group div{display: block;width: 1.04rem;height: 0.38rem;background: url(../images/select_bg.png) no-repeat center/cover;appearance: none;border-radius: 0;border: none;box-sizing: border-box;padding: 0 0.05rem;}
.selector_group select{display: block;width: 100%;height: 100%;border: none;background: none;border-radius: 0;font-size: 0.22rem;color: #fff;line-height: 0.38rem;text-align: left;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.selector_group select option {background: #40b1fb;color: #fff;}
.selector_group p{width: 0.66rem;height: 0.38rem;font-size: 0.22rem;color: #fff;line-height: 0.38rem;text-align: left;box-sizing: border-box;padding: 0 0.1rem;}
.btn_test{display: block;width: 3.72rem;height: 0.99rem;background: url(../images/btn_test.png) no-repeat center/cover;text-indent: -999em;margin: 1.12rem auto 0;}

/*pop*/
.poptoast {pointer-events: none;z-index: 9999;position: fixed;left: 0;top: 0;padding: 6%;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;box-sizing: border-box;font-family: 'AlibabaPuHuiTi';}
.poptoast p {margin: 0.2rem 0;}
.poptoast span {padding: 0.3rem 0.5rem;background: rgba(0,0,0,0.8);border-radius: 0.1rem;color: #fff;font-size: 0.24rem;line-height: 1.4;display: inline-block;}
.poptoast p {animation: fadeIN 0.3s both;-webkit-backface-visibility: hidden;}
.poptoast p.off {animation: fadeOUT 0.3s both;-webkit-backface-visibility: hidden;}
@keyframes fadeIN {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeOUT {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
.dialog{z-index: 998;display: none;font-family: 'AlibabaPuHuiTi';}
.dialog.on{display: block;animation: fadeIN 0.5s both;-webkit-backface-visibility: hidden;}
.dialog.off{animation: fadeOUT 0.5s both;-webkit-backface-visibility: hidden;}
.pop_mask{width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: fixed;left: 0;top: 0;z-index: 997;display: none;}
.pop_mask.on{display: block;animation: fadeIN 0.5s both;-webkit-backface-visibility: hidden;}
.pop_mask.off{animation: fadeOUT 0.5s both;-webkit-backface-visibility: hidden;}
.dialog.popup {-webkit-animation: fadeInUpBig .8s ease both;}
@-webkit-keyframes fadeInUpBig{
0%{opacity:0;-webkit-transform:translateY(100%)}
100%{-webkit-transform:translateY(0)}
}
.dialog.popdown {-webkit-animation: fadeOutDownBig .8s ease both;}
@-webkit-keyframes fadeOutDownBig{
0%{-webkit-transform:translateY(0)}
100%{-webkit-transform:translateY(100%)}
}
.popAnimate{top: auto !important;margin-top: 0 !important;bottom: 0 !important;position: fixed !important;}
.dia_close{display: block;width: 0.56rem;height: 0.62rem;background: url(../images/close.png) no-repeat center/cover;position: absolute;right: -0rem;top: -0.12rem;}

.pop_login{width: 5.9rem;height: 5.59rem;background: url(../images/pop_login.png) no-repeat 50% 0/100% 100%;position: fixed;left: 50%;top: 50%;margin: -2.795rem 0 0 -2.95rem;box-sizing: border-box;padding: 1.01rem 0 0;}
.login_tip{width: 100%;height: 0.4rem;font-size: 0.2rem;color: #1954a1;line-height: 0.4rem;text-align: center;}
.login_list{width: 4.2rem;margin: 0 auto;padding-top: 1.65rem;}
.login_list li{width: 100%;height: 0.52rem;line-height: 0.52rem;font-size: 0.2rem;color: #1954a1;border: 0.02rem solid #e5e5e5;background: #ffffff;box-sizing: border-box;padding: 0 0;margin-top: 0.18rem;}
.login_list li select{float: left;width: 1.5rem;height: 100%;font-size: 0.2rem;color: #767676;line-height: 0.52rem;text-align: center;border: none;border-radius: 0;background: none;}
.login_list li input{float: right;width: 2.5rem;height: 100%;border: none;background: none;border-radius: 0;line-height: 0.52rem;border-left: 0.02rem solid #e5e5e5;box-sizing: border-box;padding-left: 0.1rem;font-size: 0.2rem;color: #767676;line-height: 0.52rem;text-align: left;}
.login_list li input::-webkit-input-placeholder {font-size: 0.2rem;color: #9c9c9c;}
.login_list li input:-ms-input-placeholder {font-size: 0.2rem;color: #9c9c9c;}
.login_list li input::placeholder {font-size: 0.2rem;color: #9c9c9c;}
.login_agreement{width: 4.2rem;margin: 0 auto;}
.login_agreement p{width: 100%;height: 0.4rem;padding-top: 0.1rem;line-height: 0.4rem;font-size: 0.2rem;color: #1954a1;text-align: center;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;align-content: center;align-items: center;}
.login_agreement p a{color: #1954a1;}
.login_agreement .checkbox{display: block;width: 0.25rem;height: 0.25rem;background: url(../images/checkbox.png) no-repeat center/cover;margin-right: 0.1rem;vertical-align: middle;}
.login_agreement .checkbox.on{background: url(../images/checkboxed.png) no-repeat center/cover;}
.login_btns{width: 4.2rem;margin: 0 auto;padding-top: 0.1rem;}
.btn_login{display: block;width: 2.28rem;height: 0.61rem;background: url(../images/btn_login.png) no-repeat 50% 0/100% 100%;margin: 0 auto;text-indent: -999em;animation: scaleBtn .6s linear infinite alternate;-webkit-animation: scaleBtn .6s linear infinite alternate;}
@keyframes scaleBtn { 0%{transform: scale(1)} 100%{transform: scale(1.15)} }
@-webkit-keyframes scaleBtn { 0%{-webkit-transform: scale(1)} 100%{-webkit-transform: scale(1.15)} }

.pop_success{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;}
.success_cont{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;width: 100%;font-size: 0.3rem;color: #ffffff;line-height: 0.4rem;text-align: center;}
.success_cont span{font-weight: bold;font-size: 0.34rem;text-decoration: underline;}

.pop_share{width: 100%;height: 3.9rem;background: url(../images/pop_share.png) no-repeat 50% 0/100% 100%;position: fixed;left: 0%;bottom: 0%;margin: 0;box-sizing: border-box;padding: 0.54rem 0 0;}
.pop_share .dia_close{right: 0.18rem;top: 0.18rem;}
.share_list{width: 6.0rem;margin: 0.16rem auto 0;height: 1.38rem;box-sizing: border-box;padding: 0.1rem 0 0;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;background: rgba(255,255,255,0.4);}
.share_list li{width: 1.35rem;height: 100%;margin-right: 0.1rem;}
.share_list a{display: block;width: 100%;height: 100%;font-size: 0.2rem;color: #464545;line-height: 0.34rem;text-align: center;}
.share_list a img{display: block;width: 0.86rem;margin: 0 auto;}
.share_list .copy_area{opacity: 0;position: absolute;right: 0;top: 0;z-index: -999;}

.pop_teamgift{width: 5.9rem;height: 5.49rem;background: url(../images/pop_teamgift.png) no-repeat 50% 0/100% 100%;position: fixed;left: 50%;top: 50%;margin: -2.745rem 0 0 -2.95rem;box-sizing: border-box;padding: 1.12rem 0 0;}
.teamgift_result{width: 4.8rem;margin: 0 auto;height: 0.78rem;font-size: 0.2rem;color: #1954a1;line-height: 0.3rem;text-align: center;display: flex;align-items: center;justify-content: center;}
.pop_teamgiftdj{width: 4.34rem;margin: 0 auto;height: 1.77rem;}
.pop_teamgiftdj li{width: 2.09rem;margin: 0 auto;height: 1.77rem;position: relative;background: url(../images/pop_lotterydj.png) no-repeat center/cover;}
.pop_teamgiftdj img{display: block;width: 100%;}
.pop_teamgiftdj li p{width: 100%;height: 0.4rem;line-height: 0.22rem;font-size: 0.2rem;color: #145cba;text-align: center;position: absolute;left: 0;top: 1.32rem;text-shadow: 0 0 0.04rem #ffffff;}
.teamgift_code{width: 100%;margin: 0.1rem auto 0;height: 0.38rem;line-height: 0.38rem;font-size: 0.2rem;color: #145cba;text-align: center;}
.teamgift_code p{width: 2.94rem;border: 0.02rem solid #d7e5f7;background: #ffffff;box-sizing: border-box;padding: 0 0.25rem;font-size: 0.2rem;color: #145cba;line-height: 0.38rem;text-align: left;}
.btn_teamgiftcopy{display: block;width: 1.94rem;height: 0.52rem;margin: 0.22rem auto 0;background: url(../images/btn_teamgiftcopy.png) no-repeat center/cover;text-indent: -999em;}
.pop_lottery{width: 5.9rem;height: 4.89rem;background: url(../images/pop_lottery.png) no-repeat 50% 0/100% 100%;position: fixed;left: 50%;top: 50%;margin: -2.445rem 0 0 -2.95rem;box-sizing: border-box;padding: 1.12rem 0 0;}
.lottery_result{width: 4.8rem;margin: 0 auto;height: 0.78rem;font-size: 0.2rem;color: #1954a1;line-height: 0.3rem;text-align: center;display: flex;align-items: center;justify-content: center;}
.pop_lotterydj{display: block;width: 2.09rem;height: 1.77rem;background: url(../images/pop_lotterydj.png) no-repeat center/cover;margin: 0 auto;}
.pop_lotterydj img{display: block;width: 100%;}
.lottery_btns{width: 100%;padding-top: 0.06rem;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
.lottery_btns a{display: block;width: 1.94rem;height: 0.52rem;margin: 0 0.12rem;text-indent: -999em;}
.btn_popreward{background: url(../images/btn_popreward.png) no-repeat center/cover;}
.btn_popinvit{background: url(../images/btn_popinvit.png) no-repeat center/cover;}

.pop_record{width: 5.9rem;height: 5.79rem;background: url(../images/pop_record.png) no-repeat 50% 0/100% 100%;position: fixed;left: 50%;top: 50%;margin: -2.895rem 0 0 -2.95rem;box-sizing: border-box;padding: 0.98rem 0 0;}
.record_tips{width: 4.2rem;margin: 0 auto;height: 0.86rem;font-size: 0.2rem;color: #1954a1;line-height: 0.3rem;text-align: center;}
.record_scroll{width: 5.2rem;margin: 0 auto;height: 2.8rem;overflow: auto;}
.record_scroll::-webkit-scrollbar {width: 0.1rem;height: 1px;}
.record_scroll::-webkit-scrollbar-thumb {border-radius: 0.05rem;background: #6fd5ff;}
.record_scroll::-webkit-scrollbar-track {border-radius: 0.05rem;background: #1a58c3;}
.record_table{width: 4.72rem;margin: 0 auto;border-left:1px solid #6fd5ff;border-right:1px solid #6fd5ff;}
.record_table th,.record_table td {font-size: 0.2rem;text-align:center;border-top:1px solid #6fd5ff;border-bottom:1px solid #6fd5ff;height:0.48rem;}
.record_table th {background-color:#d4f2ff;font-size: 0.22rem;color:#145cba;font-weight:bold;text-align:center;}
.record_table tbody td {background-color:#ffffff;color:#145cba;}
.record_table tbody .btn_codecopy{display: block;width: 1.43rem;height: 0.35rem;background: url(../images/btn_popcopy.png) no-repeat center/cover;margin: 0 auto;text-indent: -999em;}
.pop_btnknow{display: block;width: 1.94rem;height: 0.52rem;background: url(../images/pop_btnknow.png) no-repeat 50% 0/100% 100%;margin: 0.14rem auto 0;text-indent: -999em;}

.pop_rules{width: 5.9rem;height: 8.99rem;background: url(../images/pop_rules.png) no-repeat 50% 0/100% 100%;position: fixed;left: 50%;top: 50%;margin: -4.495rem 0 0 -2.95rem;box-sizing: border-box;padding: 1.12rem 0 0;}
.rules_list{width: 5.1rem;margin: 0 auto;}
.rules_list li{font-size: 0.2rem;color: #1954a1;line-height: 0.26rem;text-align: left;box-sizing: border-box;padding: 0 0 0 0.46rem;position: relative;margin-bottom: 0.2rem;}
.rules_list li span{display: block;width: 0.4rem;height: 0.35rem;background: url(../images/rule_icon.png) no-repeat center/cover; position: absolute;left: 0;top: -0.04rem;font-size: 0.18rem;color: #48f3ff;line-height: 0.35rem;text-align: center;}

.pop_invittip{width: 5.9rem;height: 3.1rem;background: url(../images/pop_invittip.png) no-repeat 50% 0/100% 100%;position: fixed;left: 50%;top: 50%;margin: -1.55rem 0 0 -2.95rem;box-sizing: border-box;padding: 1.02rem 0 0;}
.invittip_txt{width: 5.0rem;height: 1.0rem;margin: 0 auto;font-size: 0.2rem;color: #1954a1;line-height: 0.3rem;text-align: center;}
.pop_btnconfirm{display: block;width: 1.94rem;height: 0.52rem;background: url(../images/pop_btnconfirm.png) no-repeat 50% 0/100% 100%;margin: 0 auto;text-indent: -999em;}

.pop_comm{width: 5.9rem;height: 3.1rem;background: url(../images/pop_invittip.png) no-repeat 50% 0/100% 100%;position: fixed;left: 50%;top: 50%;margin: -1.55rem 0 0 -2.95rem;box-sizing: border-box;padding: 1.02rem 0 0;}
.comm_txt{width: 5.0rem;height: 1.48rem;margin: 0 auto;font-size: 0.2rem;color: #1954a1;line-height: 0.3rem;text-align: center;}

.pop_result{width: 7.5rem;height: 11.23rem;position: fixed;left: 50%;top: 50%;margin: -5.615rem 0 0 -3.75rem;}
.pop_result .dia_close{right: 0.34rem;top: -0.37rem;}
.result_tit{width: 3.18rem;height: 0.34rem;background: url(../images/result_tit.png) no-repeat center/cover;margin-left: 1.14rem;text-indent: -999em;}
.result_img{width: 100%;height: 8.99rem;padding-top: 0.4rem;}
.result_img img{display: block;width: 100%;}
.result_btns{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
.result_btns a{display: block;margin: 0 0.3rem;text-indent: -999em;}
.pop_btncreate{width: 2.66rem;height: 0.66rem;background: url(../images/pop_btncreate.png) no-repeat center/cover;}
.pop_btnchange{width: 3.05rem;height: 0.65rem;background: url(../images/pop_btnchange.png) no-repeat center/cover;}
.page_copyright{width: 100%;font-size: 0.22rem;color: #ffffff;line-height: 0.3rem;text-align: center;padding-top: 0.1rem;}

.pop_card{width: 6.09rem;height: 10.36rem;position: fixed;left: 50%;top: 50%;margin: -5.18rem 0 0 -3.045rem;}
.pop_card .dia_close{right: -0.26rem;top: -0.05rem;}
.card_cont{width: 6.09rem;height: 10.36rem;margin: 0 auto;}
.card_img{width: 100%;height: 100%;}
.card .card_img canvas{display: none;}
.card .card_img img{display: block;height: 100%;margin: 0 auto;}
.card_tips{width: 100%;font-size: 0.24rem;color: #ffffff;line-height: 0.66rem;text-align: center;}
.card_tips a{color: #89f8ff;text-decoration: underline;}
.code_img{display: none;}

.ispc #pop_result{transform: scale(0.75);}
.ispc #pop_result .result_img img{width: auto;height: 100%;}
.ispc #pop_card{transform: scale(0.75);}