body{width:7.5rem;margin:0 auto}
.wrap{width:7.5rem;height:13.34rem;position:relative;overflow:hidden}
.s1{background:url(../images/s1-bg.png) no-repeat 0 0/100% 100%;width:7.5rem;height:13.34rem;position:absolute;z-index:3;overflow:hidden;visibility:initial}
.logo{width:1.52rem;height:1.12rem;position:absolute;top:.2rem;left:.2rem}
.logo img{width:100%}
.s1-kv{width:7rem;height:7.4rem;margin:.92rem auto 0;position:relative;z-index:2}
.s1-kv-platform{width:6.16rem;height:4.16rem;position:absolute;bottom:.6rem;left:.6rem}
.s1-kv-billboard{width:2.37rem;height:1.71rem;position:absolute;bottom:2.6rem;left:0;-webkit-animation:billboardAni 1s ease-in-out infinite;animation:billboardAni 1s ease-in-out infinite;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes billboardAni{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes billboardAni{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.s1-kv-hero{width:4.64rem;height:5.2rem;position:absolute;top:0;left:1.4rem}
.s1-kv-slo{width:6.3rem;height:3.44rem;position:absolute;bottom:-.3rem;left:.2rem}
.s1-goActivity{display:block;width:3.42rem;height:1.29rem;margin:0 auto 0;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.s1-goActivity img{width:100%}
.s1-rulesBox{background:url(../images/s1-rulesBg.png) no-repeat 0 0/100% 100%;width:7.17rem;height:3.63rem;margin:0 auto;overflow:hidden}
.s1-rules-title{display:block;width:2.6rem;height:.62rem;margin:.5rem auto 0}
.s1-rules-con{width:5.16rem;height:2.12rem;background-color:#fff;-webkit-box-shadow:-3px 3px 1px #e0bc63;box-shadow:-3px 3px 1px #e0bc63;margin:-.1rem 0 0 1.1rem;border-radius:.2rem;padding:.22rem .15rem;color:#571a00;font-size:.28rem;line-height:1.2}
.s1-leaf{width:1.75rem;height:1.27rem;position:absolute;bottom:.7rem;left:0}
@-webkit-keyframes diamond1Ani{
0%{opacity:0;-webkit-transform:translate(-200%,200%);transform:translate(-200%,200%)}
50%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(200%,-200%);transform:translate(200%,-200%)}
}
@keyframes diamond1Ani{
0%{opacity:0;-webkit-transform:translate(-200%,200%);transform:translate(-200%,200%)}
50%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(200%,-200%);transform:translate(200%,-200%)}
}
.s1-diamond1{position:absolute;top:.5rem;right:.8rem;width:.56rem;height:.72rem;-webkit-animation:diamond1Ani 1s linear infinite;animation:diamond1Ani 1s linear infinite}
.s1-diamond2{position:absolute;top:3.2rem;right:.2rem;width:.72rem;height:.92rem;-webkit-animation:diamond1Ani 1.1s linear infinite;animation:diamond1Ani 1.1s linear infinite}
@-webkit-keyframes diamond2Ani{
0%{opacity:0;-webkit-transform:translate(-200%,-200%);transform:translate(-200%,-200%)}
50%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(200%,200%);transform:translate(200%,200%)}
}
@keyframes diamond2Ani{
0%{opacity:0;-webkit-transform:translate(-200%,-200%);transform:translate(-200%,-200%)}
50%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(200%,200%);transform:translate(200%,200%)}
}
.s1-diamond3{position:absolute;top:7.6rem;right:0;width:.75rem;height:.78rem;-webkit-animation:diamond2Ani 1.2s linear infinite;animation:diamond2Ani 1.2s linear infinite}
@-webkit-keyframes diamond3Ani{
0%{opacity:0;-webkit-transform:translate(200%,-200%);transform:translate(200%,-200%)}
50%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(-200%,200%);transform:translate(-200%,200%)}
}
@keyframes diamond3Ani{
0%{opacity:0;-webkit-transform:translate(200%,-200%);transform:translate(200%,-200%)}
50%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(-200%,200%);transform:translate(-200%,200%)}
}
.s1-diamond4{position:absolute;top:8.6rem;left:0;width:1.06rem;height:1.01rem;-webkit-animation:diamond3Ani 1.3s linear infinite;animation:diamond3Ani 1.3s linear infinite}
@-webkit-keyframes diamond4Ani{
0%{opacity:0;-webkit-transform:translate(200%,200%);transform:translate(200%,200%)}
50%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(-200%,-200%);transform:translate(-200%,-200%)}
}
@keyframes diamond4Ani{
0%{opacity:0;-webkit-transform:translate(200%,200%);transform:translate(200%,200%)}
50%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(-200%,-200%);transform:translate(-200%,-200%)}
}
.s1-diamond5{position:absolute;top:6rem;left:.2rem;width:.64rem;height:.46rem;-webkit-animation:diamond4Ani 1.4s linear infinite;animation:diamond4Ani 1.4s linear infinite}
.s1-diamond6{position:absolute;top:3rem;left:.6rem;width:.59rem;height:.61rem;-webkit-animation:diamond4Ani 1.5s linear infinite;animation:diamond4Ani 1.5s linear infinite}
.s2{background:url(../images/com-bg.png) no-repeat 0 0/100% 100%;width:7.5rem;height:13.34rem;position:absolute;z-index:3;overflow:hidden;visibility:hidden}
.s2-logsBtn{width:2.71rem;height:.98rem;position:absolute;top:.36rem;right:.4rem;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.s2-logsBtn img{width:100%}
.s2-con{background:url(../images/s2-conBg.png) no-repeat 0 0/100% 100%;width:7.47rem;height:10.14rem;margin:1.66rem auto 0;display:inline-block}
.s2-conTop{width:6.59rem;height:3.54rem;display:block;margin:.2rem auto 0}
.s2-conBot{background:url(../images/s2-botConBg.png) no-repeat 0 0/100% 100%;width:6.63rem;height:5.8rem;margin:-.3rem 0 0 .5rem;display:inline-block;position:relative}
.s2-searchTitle{display:block;width:3.83rem;height:.65rem;margin:.65rem 0 0 1.1rem}
.s2-searchBox{width:5.2rem;height:.74rem;margin:0 auto 0;background-color:#fff;-webkit-box-shadow:-3px 3px 1px #e0bc63;box-shadow:-3px 3px 1px #e0bc63;border-radius:.2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:.1rem 0 .1rem .2rem}
.s2-input{width:3.9rem;height:.54rem;float:left;outline:0;border:none;font-size:.28rem;color:#702d00;line-height:.54rem}
input::-webkit-input-placeholder{color:#818181;font-size:.28rem}
.s2-clearBtn{width: .4rem; height: .54rem; float: right; text-align: center; line-height: 0.54rem;}
.s2-clearBtn::after{content: "\d7"; font-size: 0.3rem; color: #7f7e7e;}
.s2-searchBtn{width:.7rem;height:.54rem;float:right;padding:.06rem 0 0 .1rem}
.s2-searchBtn img{width:.33rem;height:.43rem}
.s2-searchResult{width:5.2rem;height:2.2rem;margin:.26rem auto 0;background-color:#fff;-webkit-box-shadow:-3px 3px 1px #e0bc63;box-shadow:-3px 3px 1px #e0bc63;border-radius:.2rem;padding:.2rem .32rem}
.s2-sr-tips{font-size:.28rem;color:#818181}
.s2-sr-con{font-size:.28rem;color:#702d00;width:100%;height:1.56rem;margin-top:.1rem;overflow-y:auto}
.s2-suggest-content{display:none;width:5.2rem;max-height:5rem;overflow-y:auto;overflow-x:hidden;position:absolute;top:2.1rem;left:.7rem;border-radius:.2rem;background-color:#fff;-webkit-box-shadow:-3px 3px 1px #e0bc63;box-shadow:-3px 3px 1px #e0bc63;padding:.1rem .1rem;z-index:3}
.s2-sc-li{display:block;width:5rem;height:.54rem;line-height:.54rem;color:#702d00;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s2-heros{width:6.99rem;height:2.55rem;position:absolute;bottom:.1rem;left:.5rem}
.s3{background:url(../images/com-bg.png) no-repeat 0 0/100% 100%;width:7.5rem;height:13.34rem;position:absolute;z-index:3;overflow:hidden;visibility:hidden}
.s3-countdown{width:4.2rem;position:absolute;top:1.3rem;left:.6rem;margin:0;-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}
.flip-clock-divider.minutes{display:none!important}
.flip-clock-label{display:none!important}
.flip-clock-wrapper ul{width:.8rem;height:1.16rem;font-size:.3rem;background:0 0;color:#fff;line-height:1.16rem;margin:.08rem}
.flip-clock-wrapper .flip{-webkit-box-shadow:none;box-shadow:none}
.flip-clock-wrapper ul li{line-height:1.16rem}
.flip-clock-wrapper ul li a div{font-size:1rem;-webkit-box-shadow:-3px 0 1px #6c3607;box-shadow:-3px 0 1px #6c3607}
.flip-clock-wrapper ul li a .up{border-top-left-radius:6px;border-top-right-radius:6px;top:-.02rem!important}
.flip-clock-wrapper ul li a .down{border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.flip-clock-wrapper ul li a div div.inn{color:#fff;font-size:1rem;background-color:#a54c03}
.flip-clock-divider{width:.2rem;height:1.16rem;margin:.05rem}
.flip-clock-dot.bottom,.flip-clock-dot.top{width:.2rem;height:.2rem;background:#a54c03;-webkit-box-shadow:-3px 0 1px #6c3607;box-shadow:-3px 0 1px #6c3607;border-radius:2px;left:0}
.flip-clock-dot.top{top:.25rem}
.flip-clock-dot.bottom{bottom:.25rem}
.flip-clock-wrapper ul li a div.up:after{display:none}
.s3-charac{width:2.34rem;height:3.61rem;position:absolute;top:.1rem;right:.4rem;z-index:1}
.s3-conBox{background:url(../images/s3-conBg.png) no-repeat 0 0/100% 100%;width:7.47rem;height:7.8rem;margin:2.5rem auto 0;overflow:hidden;position:relative}
.s3-conBox .ladybird{width:.69rem;height:.65rem;position:absolute;top:.98rem;left:2.3rem}
.s3-conTitle{width:2rem;height:.5rem;font-size:.5rem;color:#733607;margin-top:.96rem;margin-left:3.1rem;text-align:left;line-height:.5rem;font-weight:700;letter-spacing:1px}
.s3-questionBox{width:5.4rem;height:2.25rem;margin:.22rem auto 0;background-color:#fff;-webkit-box-shadow:-3px 3px 1px #e0bc63;box-shadow:-3px 3px 1px #e0bc63;border-radius:.2rem;padding:.2rem .32rem;font-size:.28rem;color:#7f7f7f;line-height:1.3;overflow-y:auto;overflow-x:hidden}
.s3-selectBox{width:5.4rem;height:1.74rem;margin:.22rem auto 0;background-color:#fff;-webkit-box-shadow:-3px 3px 1px #e0bc63;box-shadow:-3px 3px 1px #e0bc63;border-radius:.2rem;padding:.2rem .32rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.s3-optionBox{margin-bottom:.1rem;width:2.3rem;height:.6rem;position:relative}
.s3-checkbox{width:.26rem;height:.26rem;float:left;border:2px solid #b4b4b4;position:absolute;left:0}
.selected .s3-checkbox::before{content:"";position:absolute;width:.1rem;height:.1rem;background-color:#7f7f7f;top:50%;left:50%;margin-left:-.05rem;margin-top:-.05rem}
.judge-right::before{content:"";position:absolute;background:url(../images/yes.png) no-repeat 0 0/100% 100%;width:.4rem;height:.32rem;left:-.05rem;top:-.1rem;z-index:3}
.judge-wrong::after{content:"";position:absolute;background:url(../images/no.png) no-repeat 0 0/100% 100%;width:.3rem;height:.29rem;left:-.02rem;top:-.03rem;z-index:3}
.s3-optionBox .s3-option{width:2rem;height:.6rem;font-size:.18rem;color:#7f7f7f;position:absolute;right:0;top:0;text-align:center}
.s3-nextBtn{display:block;width:3.11rem;height:1.15rem;margin:-.6rem auto 0;position:relative;z-index:2;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.aniActive{-webkit-transform:scale(.96) translateY(1%);transform:scale(.96) translateY(1%)}
.s3-nextBtn img{width:100%}
.s3-arms{width:7.5rem;height:2.05rem;position:absolute;bottom:1.8rem;left:0;z-index:1}
.s3-heros{width:6.99rem;height:2.55rem;position:absolute;bottom:.06rem;left:.5rem;z-index:1}
.mask{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);z-index:998;display:none}
.mask.on{display:block}
.noscroll{height:100%;overflow:hidden}
.dialog{background:url(../images/dialog/bg.png) no-repeat 0 0/100% 100%;width:7.49rem;height:4.88rem;position:fixed;top:50%;left:50%;margin-top:-2.44rem;margin-left:-3.745rem;z-index:999;display:none}
.dialog.on{display:block}
.dialog-close{width:.38rem;height:.38rem;position:absolute;top:-.5rem;right:.5rem}
.dialog-close img{width:100%}
.dialog-inner{width:100%;height:100%;overflow:hidden}
.dialog-title-logs{display:block;width:3.28rem;height:.65rem;margin:.8rem auto 0}
.dialog-logs-conBox{width:5.4rem;height:2.46rem;margin:0 auto;background-color:#fff;-webkit-box-shadow:-3px 3px 1px #e0bc63;box-shadow:-3px 3px 1px #e0bc63;border-radius:.2rem;padding:.2rem .32rem}
.dialog-logs-con{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}
.mCSB_dragger_bar{background-color:#e79a29!important}
.mCSB_draggerRail{background-color:#652f03!important;border:1px solid #b68700}
.mCSB_outside+.mCSB_scrollTools{right:.1rem!important}
.mCSB_scrollTools{height:90%!important;top:.1rem!important;opacity:1!important;filter:"alpha(opacity=100)"!important;-ms-filter:"alpha(opacity=100)"!important}
.dialog-logs-con .dialog-logs-conLi{width:4.4rem;height:.5rem;line-height:.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.24rem;color:#765324;margin-bottom:.2rem}
.dialog-logs-con .dialog-logs-conLi .copyBtn{width:.96rem;height:.47rem}
.dialog-logs-con .dialog-logs-conLi .copyBtn img{width:100%}
.dialog-start-con{width:5.4rem;height:2.9rem;margin:1rem auto 0;background-color:#fff;-webkit-box-shadow:-3px 3px 1px #e0bc63;box-shadow:-3px 3px 1px #e0bc63;border-radius:.2rem;padding:.2rem .32rem;position:relative}
.dialog-start-ladybird{width:.69rem;height:.65rem;position:absolute;top:.15rem;left:.2rem}
.dialog-start-tips{font-size:.3rem;color:#683203;text-align:center;margin:.2rem auto 0}
.dialog-start-btnBox{margin:.3rem auto 0;width:4.54rem;height:.85rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.dialog-start-btnBox a{width:1.97rem;height:.85rem}
.dialog-start-btnBox a img{width:100%}
.dialog-start-countdown{font-size:.3rem;color:#683203;text-align:center;margin:.3rem auto 0}
.dialog-result-title{display:block;width:2.76rem;height:.65rem;margin:.8rem auto 0}
.dialog-result-con{width:5.4rem;height:2.24rem;margin:.1rem auto 0;background-color:#fff;-webkit-box-shadow:-3px 3px 1px #e0bc63;box-shadow:-3px 3px 1px #e0bc63;border-radius:.2rem;padding:.4rem .32rem;font-size:.32rem;color:#673106;line-height:1.5}
.dialog-result-comfirm{width:2.46rem;height:1.05rem;position:absolute;bottom:-1.2rem;left:50%;margin-left:-1.23rem}
.dialog-result-comfirm img{width:100%}
.dialog-sorry-title{display:block;width:2.78rem;height:.65rem;margin:.8rem auto 0}
.dialog-sorry-con{width:5.4rem;height:2.24rem;margin:.1rem auto 0;background-color:#fff;-webkit-box-shadow:-3px 3px 1px #e0bc63;box-shadow:-3px 3px 1px #e0bc63;border-radius:.2rem;padding:.6rem .32rem;font-size:.34rem;color:#673106;line-height:1.5;letter-spacing:1px;text-align:center}
.dialog-sorry-logs{width:2.78rem;height:1.05rem;position:absolute;bottom:-1.2rem;left:50%;margin-left:-1.39rem}
.dialog-sorry-logs img{width:100%}
.layui-m-layercont{padding:.5rem .3rem!important}
.layui-m-layer0 .layui-m-layerchild{width:50%!important}
.layui-m-layerbtn{height:.8rem!important;line-height:.8rem!important}