body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0}body{font-family:'Microsoft YaHei','STHeiti',Helvetica,Arial,sans-serif}table,td,tr,th{font-size:12px}li{list-style-type:none}table{margin:0 auto}img{border:0;vertical-align:top}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:400}q:before,q:after{content:''}i{font-style:normal}abbr,acronym{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}input,textarea,select,option{font-family:'Microsoft YaHei','STHeiti',Helvetica,Arial,sans-serif}a{text-decoration:none;outline:none}a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}[v-cloak]{display:none}@-webkit-keyframes scale{0%{-webkit-transform:scale(0.5)}100%{-webkit-transform:scale(2)}}@keyframes scale{0%{transform:scale(0.5)}100%{transform:scale(2)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes slide_step1{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100%)}}@keyframes slide_step1{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.main{position:absolute;top:0;left:0;width:100%;height:100%;right:0;bottom:0;overflow:hidden}.rotate{-webkit-animation:rotate 5.0s infinite linear;animation:rotate 5.0s infinite linear}.fade_out{-webkit-animation:fade-out 2.0s linear forwards;animation:fade-out 2.0s linear forwards}.fade_in{-webkit-animation:fade-in 2.0s linear forwards;animation:fade-in 2.0s linear forwards}.fade_in_q{-webkit-animation:fade-in 1.0s linear forwards;animation:fade-in 1.0s linear forwards}.loading{position:absolute;top:0;left:0;width:100%;height:100%;right:0;bottom:0;overflow:hidden;background-color:#fff;z-index:50}.loading em{display:block;width:1rem;height:1rem;background-color:#ffff60;-ms-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;top:50%;left:50%;margin-top:-0.5rem;margin-left:-0.5rem;-webkit-animation:scale 1.0s infinite linear;animation:scale 1.0s infinite linear}.slide{width:100%;height:100%;position:absolute;left:0;top:0}section{width:100%;height:100%;overflow:hidden;position:relative}.sprite-hook{background:url('/webdoki/spages/src/image/next_three-s03f2a3ca8c.png') no-repeat}.adv{position:absolute;width:100%;height:1.37rem;left:0;bottom:0;z-index:5}.adv img{display:block;width:100%}.main{background-image:url("http://rescdn.dokidokilive.com/festatic/fe/doki/image/20180601/5.png");background-size:cover;background-repeat:no-repeat;background-color:#49d8ff}.slide .s1 .s1_1{width:7.49rem;height:8.8rem;background-image:url("http://rescdn.dokidokilive.com/festatic/fe/doki/image/20180601/6.png");background-size:contain;background-repeat:no-repeat;margin:0.5rem auto 0}.slide .s1 .arrow{width:2.66rem;height:1.95rem;background-image:url('/webdoki/spages/src/image/next_three-s03f2a3ca8c.png');background-position:0 -3.68rem;background-size:2.96rem 5.63rem;background-repeat:no-repeat;position:absolute;left:4rem;bottom:1.9rem}.slide .s1 .go{position:absolute;left:50%;bottom:0.66rem;width:4.72rem;height:1.1rem;-ms-border-radius:.55rem;-o-border-radius:.55rem;-moz-border-radius:.55rem;-webkit-border-radius:.55rem;border-radius:.55rem;background-color:#fff;-ms-transform:translate(-50%);-moz-transform:translate(-50%);-webkit-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%);-moz-box-shadow:0px 0.08rem 0px #f3b328;-webkit-box-shadow:0px 0.08rem 0px #f3b328;box-shadow:0px 0.08rem 0px #f3b328;overflow:hidden}.slide .s1 .go button{width:4.68rem;position:relative;left:0.04rem;top:0.06rem;height:1rem;line-height:1rem;text-align:center;font-weight:bolder;display:block;font-size:0.6rem;color:#3d0909;-ms-border-radius:.5rem;-o-border-radius:.5rem;-moz-border-radius:.5rem;-webkit-border-radius:.5rem;border-radius:.5rem;-moz-box-shadow:0.08rem 0.08rem 0px #ffde4a;-webkit-box-shadow:0.08rem 0.08rem 0px #ffde4a;box-shadow:0.08rem 0.08rem 0px #ffde4a;background-color:#fff14a;outline:none;border-width:0}.slide .s1 .go button:active{opacity:0.5}.slide .s1 .x{bottom:0.96rem}.slide .s2 .s2_1{width:7.5rem;height:4rem;background-image:url("http://rescdn.dokidokilive.com/festatic/fe/doki/image/20180601/3.png");background-size:contain;background-repeat:no-repeat;margin:0 auto}.slide .s2 .question{width:7.5rem;margin:0.4rem auto 0}.slide .s2 .question .q_w h1{font-size:0.36rem;height:0.36rem;line-height:0.36rem;color:#3d0909;font-weight:bold;margin-bottom:0.2rem;margin-left:1.15rem;width:6.2rem}.slide .s2 .question .q_w ul{width:5.2rem;margin:0 auto}.slide .s2 .question .q_w ul li{width:100%;height:0.8rem;background-color:#fff;-ms-border-radius:.08rem;-o-border-radius:.08rem;-moz-border-radius:.08rem;-webkit-border-radius:.08rem;border-radius:.08rem;margin-bottom:0.18rem;overflow:hidden}.slide .s2 .question .q_w ul li div{width:5.16rem;height:0.76rem;background-color:#ffde4a;position:relative;left:0.04rem;top:0.04rem;-webkit-border-top-left-radius:0.08rem;-webkit-border-top-right-radius:0.04rem;border-top-left-radius:0.08rem;border-top-right-radius:0.04rem;-webkit-border-bottom-left-radius:0.04rem;-webkit-border-bottom-right-radius:0.08rem;border-bottom-left-radius:0.04rem;border-bottom-right-radius:0.08rem}.slide .s2 .question .q_w ul li div p{width:5.1rem;height:0.7rem;line-height:0.7rem;font-size:0.36rem;font-weight:bolder;color:#3d0909;background-color:#fff14a;-webkit-border-top-left-radius:0.08rem;border-top-left-radius:0.08rem;-webkit-border-bottom-right-radius:0.08rem;border-bottom-right-radius:0.08rem;text-indent:0.6rem}.slide .s2 .question .q_w ul li:active{opacity:0.5}.slide .s3 .shade{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.8;z-index:20}.slide .s3 .pop{z-index:30;position:absolute;width:100%;top:50%;left:50%;display:block;-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.slide .s3 .pop img{display:block;width:100%}.slide .s3 .pop p{color:#fff;font-size:0.24rem;text-align:center;height:0.5rem;line-height:0.5rem}.slide .s3 .s3_1{width:7.5rem;height:8.2rem;background-image:url("http://rescdn.dokidokilive.com/festatic/fe/doki/image/20180601/4.png");background-size:contain;background-repeat:no-repeat;position:relative;overflow:hidden}.slide .s3 .s3_1 .tw{width:1.82rem;height:.7rem;background-image:url('/webdoki/spages/src/image/next_three-s03f2a3ca8c.png');background-position:0 0;background-size:2.96rem 5.63rem;background-repeat:no-repeat;position:absolute;top:0.24rem;right:0.24rem}.slide .s3 .s3_1 .tw:active{opacity:0.5}.slide .s3 .s3_1 .am{width:1.8rem;height:1.14rem;background-image:url('/webdoki/spages/src/image/next_three-s03f2a3ca8c.png');background-position:0 -.78rem;background-size:2.96rem 5.63rem;background-repeat:no-repeat;position:absolute;left:0.45rem;top:4.15rem}.slide .s3 .s3_1 .am:active{opacity:0.5}.slide .s3 .s3_1 .redo{font-size:0.3rem;color:#3737cf;position:absolute;font-weight:bolder;bottom:2rem;right:0.4rem}.slide .s3 .s3_1 .text_w{width:6.8rem;margin:6.7rem auto 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.slide .s3 .s3_1 .text_w div{font-size:0.24rem;line-height:0.28rem;color:#3737cf;font-weight:bolder;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:0.6rem}.slide .s3 .s3_1 .text_w div:nth-child(1){-webkit-box-flex:1;-moz-box-flex:1;-moz-box:1;-moz-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}.slide .s3 .s3_1 .text_w div:nth-child(2){-webkit-box-flex:2;-moz-box-flex:2;-moz-box:2;-moz-flex:2;-ms-flex:2;-webkit-flex:2;flex:2}.slide .s3 .s3_1 .text_w div:nth-child(3){-webkit-box-flex:1;-moz-box-flex:1;-moz-box:1;-moz-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}.slide .s3 .btn{width:6.3rem;margin:0.36rem auto 0}.slide .s3 .btn button{float:left;border-width:0;outline:0;width:2.96rem;height:0.76rem;background-size:cover;background-color:transparent;-ms-border-radius:.38rem;-o-border-radius:.38rem;-moz-border-radius:.38rem;-webkit-border-radius:.38rem;border-radius:.38rem}.slide .s3 .btn button:active{opacity:0.5}.slide .s3 .btn .share{width:2.96rem;height:.76rem;background-image:url('/webdoki/spages/src/image/next_three-s03f2a3ca8c.png');background-position:0 -2rem;background-size:2.96rem 5.63rem;background-repeat:no-repeat;margin-right:0.32rem}.slide .s3 .btn .download{width:2.96rem;height:.76rem;background-image:url('/webdoki/spages/src/image/next_three-s03f2a3ca8c.png');background-position:0 -2.84rem;background-size:2.96rem 5.63rem;background-repeat:no-repeat}