address,article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section{display:block}a,abbr,body,button,fieldset,html,iframe,img{border:0}[hidefocus],a,button,summary{outline:0}blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:400}img{vertical-align:middle;width:100%}address,cite,dfn,em,i,var{font-style:normal}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sub,sup{font-size:83%}code,kbd,pre,samp{font-family:inherit}q:after,q:before{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a,a:hover,del,ins,s,u{text-decoration:none;background:0 0}body,button,input,keygen,legend,select,textarea{font:1em/1.125em arial,"微软雅黑",helvetica;color:#000;outline:0;-webkit-text-size-adjust:none}a,a:hover{color:#333}#percent,.a1,.a3,.a5{color:#fff;font-size:12px}body,html{width:100%;height:100%;max-width:750px;margin:0 auto;background-color:#fdf8f4;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.hide{display:none}.block,.music.active .music_on,.music_off{display:block}.rel{position:relative}.ab{position:absolute}.toast{position:fixed;top:50%;max-width:80%;padding:13px 18px;box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font-size:.8rem;z-index:1000}@-webkit-keyframes btnAnimate{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}}@keyframes btnAnimate{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@-webkit-keyframes arrowAnimate{0%,30%{opacity:0;-webkit-transform:translate(0,-10px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,8px)}}@keyframes arrowAnimate{0%,30%{opacity:0;transform:translate(0,-10px)}60%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,8px)}}@-webkit-keyframes shineAnimate{0%,100%{opacity:1}50%{opacity:0}}@keyframes shineAnimate{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes personAnimate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes personAnimate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.printani{-webkit-animation:dy 3s steps(60,end) forwards;animation:dy 3s steps(50,end) forwards}.drawbtn,.text{animation:btnAnimate 1s ease infinite}@-webkit-keyframes ani{from{width:0%}to{width:100%}}@keyframes ani{from{width:0%}to{width:100%}}@-webkit-keyframes dy{from{width:0}}@keyframes dy{from{width:0}}.loading-page{position:fixed;width:100%;height:100%;top:0;left:0;z-index:2000}#percent{position:absolute;width:100%;left:0;bottom:29%;text-align:center;text-shadow:0 0 .5em #ff3a45,0 0 .5em #ff3a45}.page{width:100%;position:relative}.text{width:32.8%;left:50%;bottom:0;margin-left:-16.4%;-webkit-animation:btnAnimate 1s ease infinite}.next,.test_btn{width:33.86%;margin-left:-16.93%;left:50%}.test_btn{top:0}.next{bottom:10%}.q1,.q2,.q3,.q4,.q5{width:30%;left:50%;top:14%}.p2 .top1,.p3 .top1{top:10%}.p2 .top2,.p3 .top2{top:41%}.p2 .top3,.p3 .top3{top:73%}.p4 .top1{top:9%}.p1.outpage,.p2.outpage,.p3.outpage,.p4.outpage,.p5.outpage{z-index:1}.p1{z-index:8}.p2{z-index:7}.p3{z-index:6}.p4{z-index:5}.p5{z-index:4}.p4 .top2{top:43%}.p4 .top3{top:78%}.p5 .top1{top:10%}.module{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0;z-index:1000}.wrap{top:15%;width:74.66%;left:50%;margin-left:-37.33%}.container_vertical{position:absolute;top:15%;width:79.2%;left:50%;margin-left:-39.6%;height:75%;overflow:hidden;padding-right:6%}.rulepop{background-image:url(//www.dpfile.com/app/activity-103575-7agslzsknilk/assets/images/rulepopbg.652d5a5643db39a0f91bacb408605446.jpg);background-size:100% 100%;position:fixed}.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}.container_vertical .swiper-slide{height:auto}.swiper-scrollbar{position:absolute;bottom:5px;right:0;width:3px;height:78%;background-color:#434343;border-radius:0;z-index:1000}.swiper-scrollbar-drag{background:#fff;border-radius:45px;height:4px;top:-2px;box-shadow:0 0 .5em #ff3a45,0 0 .5em #ff3a45}.rule_close{width:8%;top:-5%;right:2.5%}.rule_btn{width:16.13%;top:15%;right:5.5%}.drawbtn{width:34.13%;left:50%;margin-left:-17.065%;bottom:-3%;-webkit-animation:btnAnimate 1s ease infinite}.back,.back_btn{width:7.46%;left:5.5%}.back_btn{bottom:0}.back{top:-5%}.city{width:100%;top:0;left:0}.music_box{position:fixed;width:5.66%;top:.5%;right:4%;z-index:999}.stop,.z_questionBox{top:0;z-index:100;position:absolute;width:100%}.btnani{animation:btnAnimate 1s ease infinite;-webkit-animation:btnAnimate 1s ease infinite}.music.active{animation:music 1.2s linear infinite;-webkit-animation:music 1.2s linear infinite;-moz-animation:music 1.2s linear infinite;-ms-animation:music 1.2s linear infinite}.animation .back,.music.active .music_off,.music_on{display:none}.music,.music img{width:100%;height:100%}.stop{right:0;height:100%}@keyframes music{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes music{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.z_questionBox{left:0;overflow:hidden}.z_questionMain{position:absolute;left:0;width:100%;top:45%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.z_question_border{width:90.8%;margin:0 auto;position:relative}.z_question_borderLeft,.z_question_borderRight{width:3%;height:82%;position:absolute;top:7%;overflow:hidden}.z_question_borderLeft{left:1.2%}.z_question_borderRight{right:1.8%}.z_questionLight,.z_question_light_out{position:absolute;top:0;left:0;width:100%;height:100%}.z_questionLight{background:#fbf6eb}.z_question_borderMask{width:100%;height:100%;mask:url(//www.dpfile.com/app/activity-103575-7agslzsknilk/assets/images/question_light.7a4f4ea3e73f28b3278828203ee1e5ad.png);-webkit-mask:url(//www.dpfile.com/app/activity-103575-7agslzsknilk/assets/images/question_light.7a4f4ea3e73f28b3278828203ee1e5ad.png);-webkit-mask-size:100% 100%}.z_question_light_out{z-index:2}.z_question_light_out img{height:100%}.z_questionLight1{animation:shine1 .6s linear alternate infinite;-webkit-animation:shine1 .6s alternate linear infinite}@-webkit-keyframes shine1{0%{transform:translateY(0)}100%{transform:translateY(100%)}}@keyframes shine1{0%{transform:translateY(0)}100%{transform:translateY(100%)}}.z_questionLight2{animation:shine2 .5s linear alternate infinite;-webkit-animation:shine2 .5s alternate linear infinite}@-webkit-keyframes shine2{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes shine2{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.question{width:77.2%;left:50%;margin-left:-38.6%;top:5%}.text1,.text2,.text3,.text4,.text5{width:77.2%;left:50%;margin-left:-38.6%;top:15%}.icons{width:100%;left:0;top:50%}.ans{width:16.53%;left:54%;top:50%}.top2{top:44%}.top3{top:77%}.q1_wrap{left:0;top:0;width:100%;height:100%}.a2,.a4,.a6{font-size:12px;color:#f3657c}.transition{transition:.5s all ease;-webkit-transition:.5s all ease}.fadeDown,.fadeUp{transform:none;-webkit-transform:none;opacity:1}.animation .fadeUp{transform:translateY(calc(-2*(100vw/375*50)));-webkit-transform:translateY(calc(-2*(100vw/375*50)));opacity:0}.animation .fadeDown{transform:translateY(calc(6*(100vw/375*50)));-webkit-transform:translateY(calc(6*(100vw/375*50)));opacity:0}.delay1s{transition-delay:.1s;-webkit-transition-delay:.1s}