.img_100{width:100%;height:100%}
.btn{background-color:transparent;outline:0;padding:0;border:none;cursor:pointer}
.wrapper{background:url(../images/bg.jpg) no-repeat 0 0/100% 100%;width:7.5rem;height:39.5rem;margin:0 auto;position:relative;overflow:hidden}
.topbar{background:url(../images/topbar_bg.png) no-repeat 0 0/100% 100%;width:7.5rem;height:1.1rem;position:fixed;top:0;left:50%;margin-left:-3.75rem;z-index:99}
.topbar-logo{width:1.93rem;height:.81rem;position:absolute;top:.1rem;left:.24rem}
.topbar-btn{width:3.8rem;height:.83rem;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;position:absolute;top:.14rem;right:.46rem}
.topbar-btn a{width:1.9rem;height:.83rem}
.s1-go{display:block;width:3.88rem;height:1.01rem;margin:8.96rem auto 0;cursor:pointer}
.s1-arrow{width:.53rem;height:.43rem;margin:.24rem auto 0}
.s1-arrow img{-webkit-animation:arrowAni 1s linear infinite;animation:arrowAni 1s linear infinite}
@-webkit-keyframes arrowAni{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes arrowAni{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.s2{position:relative}
.s2-title{width:5.93rem;height:1.55rem;margin:.56rem auto 0}
.s2-signInBox{position:relative}
.s2-signInBox .s2-signIn{width:1.73rem;height:1.28rem;position:absolute;cursor:pointer}
.s2-signInBox .s2-signIn .s2-signIn-0{width:1.67rem;height:1.21rem;position:absolute;top:0;left:0;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}
.s2-signInBox .s2-signIn .s2-signIn-1{width:1.73rem;height:1.28rem;position:absolute;top:-.08rem;left:-.02rem;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.s2-signInBox .s2-signIn.on .s2-signIn-0{opacity:0}
.s2-signInBox .s2-signIn.on .s2-signIn-1{opacity:1}
.s2-signInBox .s2-signIn-no{width:.96rem;height:1.13rem}
.s2-signInBox .s2-signIn-no.noGot img{-webkit-filter:brightness(.5);filter:brightness(.5)}
.s2-signInBox .s2-signIn-no.noGot::before{content:"";background:url(../images/s2_reached0.png) no-repeat 0 0/100% 100%;width:.8rem;height:.77rem;position:absolute;top:calc(50% - .385rem);left:calc(50% - .4rem);z-index:1}
.s2-signInBox .s2-signIn1{top:0;left:.4rem}
.s2-signInBox .s2-signIn2{top:.5rem;left:2.2rem}
.s2-signInBox .s2-signIn3{top:0;left:4.1rem}
.s2-signInBox .s2-signIn4{top:.5rem;left:5.8rem}
.s2-signInBox .s2-signIn5{top:1.8rem;left:6rem}
.s2-signInBox .s2-signIn6{top:2.1rem;left:4.6rem}
.s2-signInBox .s2-signIn7{top:2rem;left:2.6rem}
.s2-signInBox .s2-signIn8{top:2.2rem;left:.6rem}
.s2-signInBox .s2-signIn9{top:3.6rem;left:.2rem}
.s2-signInBox .s2-signIn10{top:4.4rem;left:2.2rem}
.s2-signInBox .s2-signIn11{top:3.8rem;left:4.2rem}
.s2-signInBox .s2-signIn12{top:4.8rem;left:6.1rem}
.s2-signInBox .s2-signIn13{top:6rem;left:4.6rem}
.s2-signInBox .s2-signIn14{top:6rem;left:2.4rem}
.s2-signInBox .s2-signIn15{top:7rem;left:.8rem}
.s2-signInBox .s2-signIn16{top:7.8rem;left:2.8rem}
.s2-signInBox .s2-signIn.got .s2-signIn-0{-webkit-filter:brightness(.5);filter:brightness(.5)}
.s2-signInBox .s2-signIn.got::before{content:"";background:url(../images/s2_reached.png) no-repeat 0 0/100% 100%;width:1.48rem;height:1.01rem;position:absolute;top:calc(50% - .5rem);left:calc(50% - .74rem);z-index:1}
.s2-logs{width:1.83rem;height:1.45rem;margin-top:8rem;margin-left:5.06rem}
.s2-slideway{position:relative}
.s2-slideway{width:7.2rem;height:.24rem;border-radius:.1rem;background-color:#751212;border:.05rem solid #5b1612;margin:1.12rem auto 0}
.s2-bar{display:block;width:0;height:100%;background-color:#f6c03c;border-radius:.1rem;-webkit-transition:width .3s linear;transition:width .3s linear;position:relative}
.s2-bar::after{content:"";width:.3rem;height:.3rem;background-color:#ffef4f;border:.05rem solid #f34d19;border-radius:50%;position:absolute;top:50%;right:-.15rem;margin-top:-.15rem}
.s2-bar.day0{width:0}
.s2-bar.day1{width:.08rem}
.s2-bar.day2{width:.34rem}
.s2-bar.day3{width:.9rem}
.s2-bar.day4{width:1.46rem}
.s2-bar.day5{width:2rem}
.s2-bar.day6{width:2.54rem}
.s2-bar.day7{width:3.12rem}
.s2-bar.day8{width:3.6rem}
.s2-bar.day9{width:3.86rem}
.s2-bar.day10{width:4.1rem}
.s2-bar.day11{width:4.64rem}
.s2-bar.day12{width:5.2rem}
.s2-bar.day13{width:5.5rem}
.s2-bar.day14{width:5.76rem}
.s2-bar.day15{width:6.08rem}
.s2-bar.day16{width:100%}
.s2-iconBox{position:relative}
.s2-iconBox .s2-icon{width:1.03rem;height:1.13rem;position:absolute;top:-1.2rem;-webkit-filter:brightness(.6);filter:brightness(.6);cursor:pointer}
.s2-iconBox .s2-icon.got{-webkit-filter:brightness(1);filter:brightness(1)}
.s2-iconBox .s2-icon.on{-webkit-animation:tada 1s infinite both;animation:tada 1s infinite both;-webkit-filter:brightness(1);filter:brightness(1)}
@-webkit-keyframes tada{
0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate(-3deg);transform:scale3d(.95,.95,.95) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate(3deg);transform:scale3d(1.05,1.05,1.05) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate(-3deg);transform:scale3d(1.05,1.05,1.05) rotate(-3deg)}
100%{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes tada{
0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate(-3deg);transform:scale3d(.95,.95,.95) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate(3deg);transform:scale3d(1.05,1.05,1.05) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate(-3deg);transform:scale3d(1.05,1.05,1.05) rotate(-3deg)}
100%{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.s2-iconBox .s2-icon3{left:.6rem}
.s2-iconBox .s2-icon5{left:1.68rem}
.s2-iconBox .s2-icon7{left:2.84rem}
.s2-iconBox .s2-icon11{left:4.34rem}
.s2-iconBox .s2-icon16{left:6.3rem}
.s2-iconBox .s2-icon.got img{-webkit-filter:brightness(.5);filter:brightness(.5)}
.s2-iconBox .s2-icon.got::before{content:"";background:url(../images/s2_reached0.png) no-repeat 0 0/100% 100%;width:.8rem;height:.77rem;position:absolute;top:calc(50% - .385rem);left:calc(50% - .4rem);z-index:1}
.s2-dayBox{position:relative}
.s2-dayBox li{width:.1rem;height:.1rem;position:absolute;top:.2rem;background-color:#591410;border-radius:50%;color:#591410;text-align:center;font-size:.2rem;font-weight:700;white-space:nowrap;line-height:.1rem}
.s2-dayBox li.on{background-color:#f4c84f;color:#ffd49f}
.s2-dayBox li:first-child{left:.24rem}
.s2-dayBox li:nth-child(2){left:.5rem}
.s2-dayBox li:nth-child(3){background-color:transparent;left:.78rem}
.s2-dayBox li:nth-child(4){left:1.6rem}
.s2-dayBox li:nth-child(5){background-color:transparent;left:1.94rem}
.s2-dayBox li:nth-child(6){left:2.7rem}
.s2-dayBox li:nth-child(7){background-color:transparent;left:3rem}
.s2-dayBox li:nth-child(8){left:3.74rem}
.s2-dayBox li:nth-child(9){left:4rem}
.s2-dayBox li:nth-child(10){left:4.24rem}
.s2-dayBox li:nth-child(11){background-color:transparent;left:4.5rem}
.s2-dayBox li:nth-child(12){left:5.34rem}
.s2-dayBox li:nth-child(13){left:5.64rem}
.s2-dayBox li:nth-child(14){left:5.92rem}
.s2-dayBox li:nth-child(15){left:6.22rem}
.s2-dayBox li:nth-child(16){background-color:transparent;left:6.48rem}
.s2-btnBox{width:6.24rem;height:.8rem;margin:.6rem auto 0;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}
.s2-btnBox a{width:2.96rem;height:.8rem}
.s2-tips{width:6.79rem;height:1.12rem;margin:.2rem auto 0}
.s2-rules{width:7.5rem;padding:0 .58rem;color:#fdc698;line-height:1.2;font-size:.2rem;margin-top:.4rem}
.s2-rules p{font-weight:700;color:#fdc698;font-size:.24rem}
.s3{position:relative}
.s3-title{width:5.93rem;height:1.55rem;margin:1.32rem auto 0}
.swiper-s3{width:6.14rem;height:3.55rem;margin-top:.52rem;margin-left:.67rem}
.swiper-pagination-s3{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-.5rem}
.swiper-pagination-s3 .swiper-pagination-bullet{width:.15rem;height:.15rem;background-color:#fff;margin-right:.14rem}
.s3-detail{width:1.97rem;height:.6rem;cursor:pointer;position:absolute;bottom:.2rem;left:50%;margin-left:-.985rem}
.s3-icon{width:.84rem;height:.74rem;position:absolute;top:1.96rem;left:.56rem;z-index:1;pointer-events:none}
footer{background:url(../images/footer.png) no-repeat 0 0/100% 100%;width:7.5rem;height:2.12rem;margin-top:.46rem;overflow:hidden;position:relative}
.footer-link{width:4rem;height:.34rem;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;margin-top:.8rem;margin-left:2.1rem}
.footer-link a{width:50%;height:100%}
.goTop{width:.61rem;height:.73rem;position:absolute;right:.1rem;top:.7rem}
.mask{background-color:#000;border-top:1px solid #000;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}
.mask.on{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;z-index:9997}
.dialog{display:none;position:fixed;top:50%;left:50%;z-index:9999}
.dialog.on{display:block}
.dialog-close{width:.39rem;height:.39rem;position:absolute;top:.4rem;right:.3rem;z-index:99}
.dialog-login{background:url(../images/dialog/bg_login.png) no-repeat 0 0/100% 100%;width:6.69rem;height:3.58rem;margin-left:-3.345rem;margin-top:-1.79rem}
.dialog-loginBtn{display:block;width:2.96rem;height:.8rem;margin:2.28rem auto 0}
.dialog-get{background:url(../images/dialog/bg_get.png) no-repeat 0 0/100% 100%;width:6.69rem;height:3.58rem;margin-left:-3.345rem;margin-top:-1.79rem}
.dialog-get-desc{width:3.9rem;height:.46rem;line-height:.46rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:1.88rem;margin-top:1.56rem}
.dialog-get-icon{width:.8rem;height:.46rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.dialog-get-icon img{width:.8rem;height:.8rem}
.dialog-get-name{color:#fefdce;font-size:.24rem;font-weight:700}
.dialog-get-codeBox{width:3.9rem;height:.46rem;line-height:.46rem;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;margin-left:1.88rem;margin-top:.2rem}
.dialog-get-code{background-color:#a42b28;width:2.78rem;height:.46rem;text-align:center;color:#ffe1c7;font-weight:700;font-size:.16rem}
.dialog-get-copy{width:.96rem;height:.46rem;background-color:#fefdce;text-align:center;line-height:.46rem;color:#a42d28;font-size:.2rem;font-weight:700}
.dialog-logs{background:url(../images/dialog/bg_logs.png) no-repeat 0 0/100% 100%;width:6.69rem;height:6.87rem;margin-left:-3.345rem;margin-top:-3.435rem}
.dialog-logs-title{color:#fff;font-size:.4rem;font-weight:700;text-align:center;margin-top:.84rem}
.dialog-logs-subtitle{width:4.54rem;height:.4rem;margin:.28rem auto 0;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;border-bottom:1px solid #f5a19d}
.dialog-logs-subtitle span:first-child{font-size:.26rem;color:#fff;text-align:center;width:1.54rem;height:.4rem;line-height:.4rem}
.dialog-logs-subtitle span:nth-child(2){font-size:.26rem;color:#fff;text-align:center;width:1.94rem;height:.4rem;line-height:.4rem}
.dialog-logs-subtitle span:last-child{font-size:.26rem;color:#fff;text-align:center;width:1.08rem;height:.4rem;line-height:.4rem}
.dialog-logs-list{width:4.54rem;height:4.36rem;margin:0 auto;overflow-x:hidden;overflow-y:auto}
.dialog-logs-list li{width:4.54rem;height:.7rem;border-bottom:1px dashed #9a9a9a;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-logs-list li .dialog-logs-info{width:1.54rem;height:.7rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:.14rem;color:#fcccb4;line-height:1.5}
.dialog-logs-list li .dialog-logs-code{width:1.93rem;height:.7rem;font-size:.18rem;color:#fcccb4;line-height:.7rem}
.dialog-logs-list li .dialog-logs-copy{width:1.08rem;height:.7rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.dialog-logs-list li .dialog-logs-copy i{width:.78rem;height:.36rem;text-align:center;line-height:.36rem;font-size:.2rem;color:#a42d28;font-weight:700;background-color:#fefdce;font-style:normal}
.dialog-activity{background:url(../images/dialog/bg_activity.png) no-repeat 0 0/100% 100%;width:6.69rem;height:6.87rem;margin-top:-3.435rem;margin-left:-3.22rem}
.swiper-container-activity{width:6.28rem;height:100%;margin-left:.12rem}
.swiper-container-activity .swiper-slide img{display:block;width:5.58rem;height:3.03rem;margin:.74rem auto 0}
.swiper-container-activity .swiper-slide p{width:5.58rem;height:2.9rem;margin:.1rem auto 0;font-size:.2rem;color:#fff;line-height:1.8;overflow-x:hidden;overflow-y:auto}
.activity-next::after,.activity-prev::after{display:none}
.activity-prev{background:url(../images/dialog/prev.png) no-repeat 0 0/100% 100%;width:.4rem;height:.57rem;cursor:pointer;left:-.5rem}
.activity-next{background:url(../images/dialog/next.png) no-repeat 0 0/100% 100%;width:.4rem;height:.57rem;cursor:pointer;right:-.3rem}