body,html,main,section{width:100%;height:100%;overflow:hidden}body{font-family:"Microsoft YaHei",Helvetica,"Heiti SC"}main{max-width:8.7rem;margin:0 auto;position:relative}section{position:absolute;top:0;left:0;opacity:0;z-index:1;-webkit-transition:opacity .5s;transition:opacity .5s}section.active{opacity:1;z-index:4}.btn{position:absolute;left:50%;margin-left:-1.57rem;display:block;width:3.14rem;height:.84rem}.btns{text-align:center;font-size:0}.btns *{display:inline-block;vertical-align:top;width:2.96rem;height:.84rem}.content{position:absolute;left:50%;width:6.44rem;margin-left:-3.22rem;top:0;height:100%}.p0{padding-top:6.76rem;text-align:center}.p0 div,.p0 p{position:relative;z-index:2;margin:0 auto}.p0 .bar{width:3.5rem;height:.08rem;background:#fff;border-radius:.04rem;-webkit-box-shadow:0 0 .1rem rgba(0,0,0,.1);-ms-box-shadow:0 0 .1rem rgba(0,0,0,.1);-o-box-shadow:0 0 .1rem rgba(0,0,0,.1);box-shadow:0 0 .1rem rgba(0,0,0,.1)}.p0 .bar span{display:block;height:100%;background:#313131;border-radius:.04rem;width:0}.p0 p{font-size:.26rem;line-height:.6rem}.p0 img{display:block;width:8.7rem;height:12.8rem;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}section#video{top:0;z-index:3;opacity:1;left:-100vw;-webkit-transition:none!important;transition:none!important}section#video.active{left:0!important;z-index:2!important}section#video video{display:block;width:100%;height:100%}section#video #skip{position:absolute;z-index:99;right:.2rem;top:.2rem;width:1rem;height:.4rem;background:url(../images/skip.png?v=c6b54c) center center no-repeat;background-size:.82rem .26rem}.p1{background:url(../images/p1.jpg?v=c6b54c) center center no-repeat;background-size:8.7rem 12.8rem}.p1 .btn{bottom:2.1rem;background:url(../images/p1_btn.png?v=c6b54c) center center no-repeat;background-size:100% 100%}.p1 .openrule{position:absolute;left:50%;display:inline-block;padding:0 .1rem;line-height:.4rem;color:#ac0000;font-size:.24rem;text-decoration:underline;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:.96rem}.rule{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:-1;opacity:0}.rule.active{z-index:99;opacity:1}.rule>div{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5.92rem;height:7.52rem;margin-top:-.8rem;background:url(../images/rule.png?v=c6b54c) center center no-repeat;background-size:100% 100%}.rule>div .scroller{position:absolute;left:.66rem;right:.66rem;top:1.58rem;bottom:.7rem;overflow:auto}.rule>div .scroller div{padding:.24rem .44rem;text-align:justify;font-size:.2rem;line-height:.4rem}.rule>div .close{position:absolute;bottom:-2rem;left:50%;width:.68rem;height:1.44rem;margin-left:-.34rem;background:url(../images/close.png?v=c6b54c) center center no-repeat;background-size:100% 100%}.p2{background:url(../images/p2.jpg?v=c6b54c) center center no-repeat;background-size:8.7rem 12.8rem}.p2 .checkbox_list{padding-top:4.44rem}.p2 .checkbox_list .checkbox{display:block;width:100%;height:1rem;margin-bottom:.22rem;position:relative;overflow:hidden}.p2 .checkbox_list .checkbox input{width:0;height:0;position:absolute;left:-100vw}.p2 .checkbox_list .checkbox span{display:block;height:100%;background:url(../images/checkbox.png?v=c6b54c) 4.44rem .2rem no-repeat;background-size:1.82rem .7rem}.p2 .checkbox_list .checkbox input:checked~span{background-image:url(../images/checbox_checked.png?v=c6b54c)}.p2 .btn{background:url(../images/p2_btn.png?v=c6b54c) center center no-repeat;background-size:100% 100%;bottom:.9rem}.p3{background:url(../images/p3.jpg?v=c6b54c) center center no-repeat;background-size:8.7rem 12.8rem}.p3 .result{padding-top:4.24rem}.p3 .result li{height:1rem;margin-bottom:.22rem;padding-top:.64rem;font-size:0;padding-left:1.68rem}.p3 .result li i,.p3 .result li span{display:inline-block;vertical-align:top;height:.18rem;line-height:.18rem;font-size:.24rem;color:#00736d}.p3 .result li span{width:2.8rem;background:#00736d;margin-right:.06rem}.p3 .result li i{padding-right:.26rem;background:url(../images/piao.png?v=c6b54c) right center no-repeat;background-size:contain}.p3 .btns{position:absolute;left:0;width:100%;bottom:.9rem;text-align:center}.p3 .btns .btn_share{background:url(../images/btn_share.png?v=c6b54c) center center no-repeat;background-size:100% 100%}.p3 .btns .btn_form{margin-left:.2rem;background:url(../images/btn_form.png?v=c6b54c) center center no-repeat;background-size:100% 100%}.p4{background:url(../images/p4.jpg?v=c6b54c) center center no-repeat;background-size:8.7rem 12.8rem}.p4 form{display:block;width:100%;height:100%;padding-top:5.6rem}.p4 form input{background:0 0;font-size:.4rem;text-align:center;height:.94rem;width:5.6rem;display:block;margin:0 auto;outline:0;border:0}.p4 .btn{bottom:1.16rem;background:url(../images/btn_ok.png?v=c6b54c) center center no-repeat;background-size:100% 100%}.share{position:absolute;z-index:-1;opacity:0;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);padding-top:2rem}.share.active{z-index:99;opacity:1}.share .arrow{position:absolute;top:.1rem;right:.2rem;width:.8rem;height:1.56rem;background:url(../images/arrow.png?v=c6b54c) center center no-repeat;background-size:100% 100%}.share .text{margin:0 auto;width:4.52rem;height:1.02rem;background:url(../images/share_text.png?v=c6b54c) center center no-repeat;background-size:100% 100%}#music{position:absolute;z-index:5;right:.2rem;top:.2rem;width:.5rem;display:none;height:.5rem;background:url(../images/music.png?v=c6b54c) center center no-repeat;background-size:100% 100%}#music.playing{-webkit-animation:rotate 3s infinite linear;animation:rotate 3s infinite linear}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}