/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}.countdown .inner,body,html,svg:not(:root){overflow:hidden}.common-container,body,sub,sup{position:relative}body,html{-webkit-text-size-adjust:100%}html{font-family:sans-serif;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,html{width:100%}body{margin:0;font:28px/1.2 Heiti SC,Helvetica Neue,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-webkit-user-select:none}ul{list-style:none}#common-landscape,#common-loading,#common-pc,#common-share{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10000;display:none}.cover,.stage2_bg{z-index:20;display:none}#common-landscape-center,#common-loading-center,#common-pc-center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#common-loading{background-color:#fff}#common-landscape,#common-pc{background:#000}#common-landscape-center:before{content:'';display:block;width:1em;height:2em;margin:0 auto 1em;background:url(https://c.m.163.com/nc/qa/activity/tiewhitepaper20170628/img/common-landscape-phone.png) center no-repeat;background-size:100% 100%;-webkit-animation:common-landscape 2.4s ease infinite;animation:common-landscape 2.4s ease infinite}#common-landscape-center:after{content:'为了更好的体验，请使用竖屏浏览';display:block;color:#fff;text-align:center;font-size:.32em}#common-pc-center img{display:block;border:10px solid #fff;margin:0 auto 60px}#common-pc-center:before{content:'';display:block;position:absolute;left:50%;top:113px;width:50px;height:50px;margin-left:-25px;background:url(https://c.m.163.com/nc/qa/activity/tiewhitepaper20170628/img/common-pc-logo.png) center no-repeat;background-size:100% 100%;border-radius:9px}#common-pc-center:after{content:'为了更好的体验，请使用手机扫描二维码浏览';display:block;color:#fff;text-align:center;font-size:20px}#common-share{background:url(https://c.m.163.com/nc/qa/activity/tiewhitepaper20170628/img/common-share-tip.png) right top no-repeat,rgba(0,0,0,.6);background-size:60% auto}.common-container{left:0;top:0;width:750px;height:100%}@-webkit-keyframes common-landscape{0%{-webkit-transform:rotate(90deg);opacity:0}15%{-webkit-transform:rotate(90deg);opacity:1}50%,85%{-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform:rotate(0);opacity:0}}@keyframes common-landscape{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}15%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:1}50%,85%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:0}}@font-face{font-family:number;src:url(../img/technonomicon.ttf)}.common-container,body,html{height:100%;background:#000}p,ul{margin:0;padding:0}.loading{position:absolute;left:0;top:0;height:100%;width:100%;z-index:20;background:linear-gradient(#213e51,#162b32) #162b32}.loading .loading_area{position:absolute;left:50%;top:50%;width:248px;height:248px;margin:-300px 0 0 -124px;background:url(../img/loading_area.png) no-repeat}.loading .loading_area .loading_target li,.loading .loading_area:after{top:0;width:248px;height:248px;left:0;position:absolute}.loading .loading_area:after{content:"";background:url(../img/loading_scan.png) no-repeat;-webkit-animation:rotate 1.2s linear infinite;-o-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite}.loading .loading_area .loading_target li:nth-child(1){background:url(../img/loading_target1.png) no-repeat;animation:loading_target .8s linear infinite}.loading .loading_area .loading_target li:nth-child(2){background:url(../img/loading_target2.png) no-repeat;animation:loading_target .8s linear infinite}.loading .loading_area .loading_target li:nth-child(3){background:url(../img/loading_target3.png) no-repeat;animation:loading_target .8s linear .4s infinite}.loading .loading_area p{margin-left:-100px;font-size:32px;line-height:60px;color:#fff;text-align:center;width:450px;margin-top:0;transform:translate(0,40px);opacity:0;transition:transform 1s ease-out,opacity .4s ease-in}.loading .loading_area p:nth-child(1){margin-top:260px}.loading .loading_area p:nth-child(2){transition-delay:.4s}.loading .loading_area p:nth-child(3){transition-delay:.8s}.loading .loading_area p:nth-child(4){transition-delay:1.2s}.loading .loading_area p:nth-child(5){transition-delay:1.6s}.loading .loading_area p:nth-child(6){transition-delay:2s}.loading .percent{display:none;position:absolute;left:-50px;top:290px;width:350px;font:28px/1 "";color:#fff;text-align:center}.loading.active .loading_area p{opacity:1;transform:translate(0,0)}@keyframes loading_target{from,to{opacity:1}50%{opacity:0}}.cover{position:absolute;left:0;top:0;height:100%;width:100%;background:url(../img/cover_bg.png) center center no-repeat;background-size:100% 100%}.cover .logo{position:absolute;left:126px;top:94px;width:504px;height:40px;background:url(../img/cover_logo_2.png) no-repeat}.cover .title{position:absolute;left:0;top:-130px;width:750px;height:950px;background:url(../img/cover_title.png) no-repeat}.cover .line{position:absolute;left:0;top:50%;width:680px;height:440px;margin-top:-80px;background:url(../img/cover_line.png) no-repeat;transform:translate(-650px,-500px);transition:.6s ease-out .6s}.cover .cloud1{position:absolute;left:0;bottom:0;width:750px;height:1022px;background:url(../img/cover_cloud1.png) no-repeat;opacity:0;transition:.5s linear .5s}.cover .cloud_r_2{position:absolute;right:0;top:50%;width:502px;height:536px;margin-top:-174px;background:url(../img/cover_cloud_r_2.png) right top no-repeat;transform:translate(500px,0);transition:.8s ease-out}.cover .cloud4,.cover .cloud_l_3{transform:translate(-400px,0);position:absolute}.cover .cloud_l_3{left:0;top:50%;width:370px;height:520px;margin-top:-140px;background:url(../img/cover_cloud_l_3.png) no-repeat;transition:.8s ease-out}.cover .cloud4{left:0;top:50%;width:312px;height:488px;margin-top:-620px;background:url(../img/cover_cloud4.png) no-repeat;transition:.8s ease-out .2s}.cover .cloud5{position:absolute;right:0;top:50%;width:292px;height:380px;margin-top:-550px;background:url(../img/cover_cloud5.png) no-repeat;transform:translate(300px,0);transition:.8s ease-out .2s}.cover .cloud6,.cover .cloud7{transform:translate(-400px,0);left:0}.cover .cloud6,.cover .cloud7,.cover .cloud8{transition:.8s ease-out .4s;top:50%;position:absolute}.cover .cloud6{width:434px;height:416px;margin-top:60px;background:url(../img/cover_cloud6.png) no-repeat}.cover .cloud7{width:750px;height:900px;margin-top:-200px;background:url(../img/cover_cloud7.png) no-repeat}.cover .cloud8{right:0;width:436px;height:480px;margin-top:-160px;background:url(../img/cover_cloud8.png) no-repeat;transform:translate(400px,0)}.cover .cloud9{position:absolute;left:0;bottom:0;width:750px;height:430px;background:url(../img/cover_cloud9.png) no-repeat;transform:translate(0,440px);transition:.8s ease-out .6s}.cover .cloud10{position:absolute;right:0;top:50%;width:560px;height:784px;margin-top:-360px;background:url(../img/cover_cloud10.png) no-repeat;opacity:0;transition:.8s ease-out .8s}.cover .cloud11{position:absolute;left:150px;top:50%;width:450px;height:450px;margin-top:-60px;background:url(../img/cover_cloud11.png) no-repeat}.cover .plane{position:absolute;left:50px;top:50%;width:660px;height:330px;margin-top:-90px;background:url(../img/cover_plane2.png) no-repeat;transform:translate(700px,200px) rotate(0) scale(1);opacity:0}.cover .btn{position:absolute;left:180px;bottom:100px;width:400px;height:150px;background:url(../img/cover_btn.png) no-repeat;transform:translate(0,20px);opacity:0;transition:.4s linear 1.4s}.stage2_bg,.stage2_bg .cloud1,.stage2_bg:before{left:0;position:absolute}.cover.active .title{animation:cover_title 1s steps(1) forwards}.cover.active .plane{animation:cover_plane 1s ease-out .6s forwards,cover_plane_loop 2s linear 1.6s infinite}.cover.active .cloud11{animation:cover_cloud11 1.2s steps(1) .2s forwards}.cover.active .btn{animation:cover_btn 2.6s steps(1) 2s infinite}.cover.active .btn,.cover.active .cloud1,.cover.active .cloud10{opacity:1}.cover.active .btn,.cover.active .cloud4,.cover.active .cloud5,.cover.active .cloud6,.cover.active .cloud7,.cover.active .cloud8,.cover.active .cloud9,.cover.active .cloud_l_3,.cover.active .cloud_r_2,.cover.active .line{transform:translate(0,0)}@keyframes cover_btn{0%{background-position:0 0}3.33%{background-position:-400px 0}6.67%{background-position:-800px 0}10.00%{background-position:-1200px 0}13.33%{background-position:-1600px 0}16.67%{background-position:0 -150px}20.00%{background-position:-400px -150px}23.33%{background-position:-800px -150px}26.67%{background-position:-1200px -150px}30.00%{background-position:-1600px -150px}33.33%{background-position:0 -300px}36.67%{background-position:-400px -300px}40.00%{background-position:-800px -300px}43.33%{background-position:-1200px -300px}46.67%{background-position:-1600px -300px}50.00%{background-position:0 -450px}53.33%{background-position:-400px -450px}56.67%{background-position:-800px -450px}60.00%{background-position:-1200px -450px}63.33%{background-position:-1600px -450px}66.67%{background-position:0 -600px}70.00%{background-position:-400px -600px}73.33%{background-position:-800px -600px}76.67%{background-position:-1200px -600px}80.00%{background-position:-1600px -600px}83.33%{background-position:0 -750px}86.67%{background-position:-400px -750px}90.00%{background-position:-800px -750px}93.33%{background-position:-1200px -750px}96.67%{background-position:-1600px -750px}100.00%{background-position:0 -900px}}@keyframes cover_plane{0%{transform:translate(700px,200px) rotate(0) scale(1);opacity:1}100%{transform:translate(0,0) rotate(0) scale(1);opacity:1}}@keyframes cover_plane_loop{0%,100%{transform:translate(0,0) rotate(0) scale(1);opacity:1}50%{transform:translate(0,20px) rotate(0) scale(1);opacity:1}}@keyframes cover_title{0%{background-position:0 0}9.09%{background-position:-750px 0}18.18%{background-position:0 -950px}27.27%{background-position:-750px -950px}36.36%{background-position:0 -1900px}45.45%{background-position:-750px -1900px}54.55%{background-position:0 -2850px}63.64%{background-position:-750px -2850px}72.73%{background-position:0 -3800px}81.82%{background-position:-750px -3800px}90.91%{background-position:0 -4750px}100.00%{background-position:-750px -4750px}}@keyframes cover_cloud11{0%{background-position:0 0}7.14%{background-position:-450px 0}14.29%{background-position:-900px 0}21.43%{background-position:-1350px 0}28.57%{background-position:0 -450px}35.71%{background-position:-450px -450px}42.86%{background-position:-900px -450px}50.00%{background-position:-1350px -450px}57.14%{background-position:0 -900px}64.29%{background-position:-450px -900px}71.43%{background-position:-900px -900px}78.57%{background-position:-1350px -900px}85.71%{background-position:0 -1350px}92.86%{background-position:-450px -1350px}100.00%{background-position:-900px -1350px}}.stage2_bg{top:0;height:100%;width:100%;background:linear-gradient(#085881,#458ecc) #458ecc}.stage2_bg:before{content:"";bottom:0;width:375px;height:1325px;background:url(../img/stage2_bg_wave.png) center center;animation:stage2_bg_wave 2.5s steps(1) infinite;transform:scale(2);transform-origin:0 100%}.stage2_bg .cloud1{top:0;width:586px;height:592px;background:url(../img/stage2_cloud1.png) no-repeat;animation:stage2_cloud1 20s linear infinite}.stage2_bg .cloud2{position:absolute;right:0;top:0;width:530px;height:814px;background:url(../img/stage2_cloud2.png) no-repeat;animation:stage2_cloud1 20s linear -10s infinite}.app,.toolbar{left:0;width:100%;display:none;position:absolute;z-index:20}.stage2_bg.active:before{transition:20s linear;transform:scale(2) translate(0,600px)}@keyframes stage2_bg_wave{0%{background-position:0 0}7.14%{background-position:-375px 0}14.29%{background-position:-750px 0}21.43%{background-position:-1125px 0}28.57%{background-position:-1500px 0}35.71%{background-position:0 -1325px}42.86%{background-position:-375px -1325px}50.00%{background-position:-750px -1325px}57.14%{background-position:-1125px -1325px}64.29%{background-position:-1500px -1325px}71.43%{background-position:0 -2650px}78.57%{background-position:-375px -2650px}85.71%{background-position:-750px -2650px}92.86%{background-position:-1125px -2650px}100.00%{background-position:-1500px -2650px}}@keyframes stage2_cloud1{0%{transform:translate(0,-800px)}100%{transform:translate(0,1800px)}}.app{top:0;height:100%}.toolbar{top:22px;height:90px;background:url(../img/scorebar.png) center top no-repeat}.toolbar .stage_num,.toolbar .stars,.toolbar .status_txt,.toolbar .time{position:absolute;left:50px;top:30px;width:200px;height:30px;font:25px/26px number;color:#e1ebf2;text-align:center}.toolbar .time{display:none;left:290px}.toolbar .status_txt{left:290px;font-size:20px}.toolbar .stage_num{left:556px}.videowrap{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:20;background:#fff}.videowrap video{position:absolute;left:0;bottom:0;display:block;width:750px;height:1448px}.backcover,.countdown,.filter,.ready,.result,.result_dom .result_text{display:none}.videowrap .skip{position:absolute;right:10px;top:20px;width:100px;height:50px;font:24px/50px "";color:#fff;text-align:center}.backcover{position:absolute;left:0;top:0;height:100%;width:100%;z-index:20;background:url(../img/backcover_bg.jpg)}.backcover:after,.backcover:before{content:"";position:absolute;left:0;pointer-events:none}.backcover:after{top:0;width:750px;height:494px;background:url(../img/backcover_header.png) no-repeat}.backcover:before{bottom:0;width:750px;height:494px;background:url(../img/backcover_footer.png) no-repeat}.backcover.backcover_suc:after{background-image:url(../img/backcover_header_suc.png)}.backcover.backcover_suc .backcover_inner .text{background:url(../img/backcover_text_suc.png) no-repeat}.backcover.backcover_suc .backcover_inner .text span{left:270px;top:44px}.backcover.backcover_suc .backcover_inner .result_text{padding-top:26px}.backcover.backcover_suc .backcover_inner .result_text:before{background-image:url(../img/backcover_result_bg_suc.png)}.backcover.backcover_suc .backcover_inner .result_text span{vertical-align:middle;font-size:36px;color:#ffe535}.backcover.active .backcover_inner .name{animation:backcover_name .52s linear forwards}.backcover.active .backcover_inner .text{animation:backcover_text .75s steps(1) forwards}.backcover.active .backcover_inner .text span{opacity:1;transition:opacity .4s linear .2s}.backcover.active .backcover_inner .ability{animation:backcover_ability 2.13s steps(1) .4s forwards}.backcover.active .backcover_inner .result_text:before{animation:backcover_name .52s linear .2s forwards}.backcover.active .backcover_inner .result_text p{opacity:1;transition:opacity .4s linear .48s}.backcover.active .backcover_inner .type{opacity:1}.backcover.active .backcover_inner .type.type1{transition:opacity .4s linear 1.6s}.backcover.active .backcover_inner .type.type4{transition:opacity .4s linear 1.8s}.backcover.active .backcover_inner .type.type2{transition:opacity .4s linear 2s}.backcover.active .backcover_inner .type.type5{transition:opacity .4s linear 2.2s}.backcover.active .backcover_inner .type.type3{transition:opacity .4s linear 2.32s}.backcover.active .btns{opacity:1;transform:translate(0,0);transition:all .6s linear 2s}.backcover .btns{position:absolute;left:0;bottom:0;width:750px;height:204px;background:url(../img/backcover_btns.png?1) left bottom no-repeat;opacity:0;transform:translate(0,10px)}.backcover .btns .btn{position:absolute;left:80px;bottom:70px;width:280px;height:80px;font:700 30px/70px "";color:#fff;text-align:center;text-shadow:0 2px 2px #126582}.backcover .btns .share{left:auto;right:80px}.backcover #result_img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;display:block;-webkit-touch-callout:initial}.backcover .backcover_inner{position:absolute;left:0;top:100px;right:0;bottom:140px;overflow:auto;padding:10px 84px}.backcover .backcover_inner .name{font:28px/42px "";color:#fff;opacity:0}.backcover .backcover_inner .name span{font-size:40px}.backcover .backcover_inner .text{width:640px;height:75px;margin-top:20px;background:url(../img/backcover_text.png) no-repeat;position:relative}.backcover .backcover_inner .text span{position:absolute;left:40px;top:46px;width:100px;text-align:center;font:30px/1 "";color:#fff;opacity:0}.backcover .backcover_inner .result_text{position:relative;box-sizing:border-box;width:630px;margin:40px 0 0 -24px;height:88px;padding-top:28px;font:700 30px/1 "";color:#fff;text-align:center}.backcover .backcover_inner .result_text:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/backcover_result_bg.png) center top no-repeat;opacity:0}.backcover .backcover_inner .result_text p{opacity:0}.backcover .backcover_inner .ability{position:relative;width:560px;height:500px;margin-top:8vmax;background:url(../img/backcover_ability.png) no-repeat}.backcover .backcover_inner .type{position:absolute;width:130px;opacity:0}.backcover .backcover_inner .type li{float:left;width:8px;height:9px;margin-right:4px;background:#207895;font-size:0;line-height:1px}.backcover .backcover_inner .type li.active{background:#4ce4ff}.backcover .backcover_inner .type1{left:62px;top:54px}.backcover .backcover_inner .type2{left:60px;top:156px}.backcover .backcover_inner .type3{left:62px;top:380px}.backcover .backcover_inner .type4{left:464px;top:56px}.backcover .backcover_inner .type5{left:466px;top:346px}.backcover .logo,.backcover .tips,.ready{left:0;width:100%;position:absolute}.backcover .logo{bottom:-12px;height:100px;margin-top:20px;background:url(../img/backcover_logo_2.png) center center no-repeat}.backcover .tips{bottom:170px;font:20px/1 "";color:rgba(70,222,250,.6);text-align:center}@keyframes backcover_name{from{opacity:0}23%{opacity:.6}53%{opacity:.3}to{opacity:1}}@keyframes backcover_text{0%{background-position:0 0}12.50%{background-position:-640px 0}25.00%{background-position:-1280px 0}37.50%{background-position:0 -75px}50.00%{background-position:-640px -75px}62.50%{background-position:-1280px -75px}75.00%{background-position:0 -150px}87.50%{background-position:-640px -150px}100.00%{background-position:-1280px -150px}}@keyframes backcover_ability{0%{background-position:0 0}3.23%{background-position:-560px 0}6.45%{background-position:-1120px 0}9.68%{background-position:0 -500px}12.90%{background-position:-560px -500px}16.13%{background-position:-1120px -500px}19.35%{background-position:0 -1000px}22.58%{background-position:-560px -1000px}25.81%{background-position:-1120px -1000px}29.03%{background-position:0 -1500px}32.26%{background-position:-560px -1500px}35.48%{background-position:-1120px -1500px}38.71%{background-position:0 -2000px}41.94%{background-position:-560px -2000px}45.16%{background-position:-1120px -2000px}48.39%{background-position:0 -2500px}51.61%{background-position:-560px -2500px}54.84%{background-position:-1120px -2500px}58.06%{background-position:0 -3000px}61.29%{background-position:-560px -3000px}64.52%{background-position:-1120px -3000px}67.74%{background-position:0 -3500px}70.97%{background-position:-560px -3500px}74.19%{background-position:-1120px -3500px}77.42%{background-position:0 -4000px}80.65%{background-position:-560px -4000px}83.87%{background-position:-1120px -4000px}87.10%{background-position:0 -4500px}90.32%{background-position:-560px -4500px}93.55%{background-position:-1120px -4500px}96.77%{background-position:0 -5000px}100.00%{background-position:-560px -5000px}}.ready{top:0;height:100%;z-index:20;background:linear-gradient(rgba(5,30,37,.8),rgba(5,23,32,.66)) rgba(5,30,37,.6)}.ready .title{position:absolute;left:90px;top:50%;width:600px;height:160px;margin-top:-400px;background:url(../img/stage1_title.png) no-repeat;-webkit-transform:scale(5);transform:scale(5);opacity:0;-webkit-transition:all .35s cubic-bezier(.4,.4,.65,1.24);transition:all .35s cubic-bezier(.4,.4,.65,1.24)}.ready .stage_icons,.ready .tip_txt p{opacity:0;transform:translate(0,20px)}.ready .stage_icons{position:absolute;left:20px;top:0;width:100%;height:100%;transition:.4s linear .4s}.ready .stage_icon{position:absolute;left:120px;top:50%;width:70px;height:86px;margin-top:-220px}.ready .stage_icon.active:before,.ready .stage_icon.current:before{background:url(../img/stage_icon1.png) center center no-repeat}.ready .stage_icon:before{content:"";position:absolute;left:-24px;top:0;width:120px;height:130px;background:url(../img/stage_icon1.png) center center no-repeat}.ready .stage_icon:after{content:"";position:absolute;left:0;top:22px;width:70px;height:100%;background:url(../img/stage_icon.png) no-repeat}.ready .stage_icons .stage_icon:nth-child(2){left:220px}.ready .stage_icons .stage_icon:nth-child(2).active:before,.ready .stage_icons .stage_icon:nth-child(2).current:before{background-image:url(../img/stage_icon2.png)}.ready .stage_icons .stage_icon:nth-child(2):before{background-image:url(../img/stage_icon2_lock.png)}.ready .stage_icons .stage_icon:nth-child(3){left:320px}.ready .stage_icons .stage_icon:nth-child(3).active:before,.ready .stage_icons .stage_icon:nth-child(3).current:before{background-image:url(../img/stage_icon3.png)}.ready .stage_icons .stage_icon:nth-child(3):before{background-image:url(../img/stage_icon3_lock.png)}.ready .stage_icons .stage_icon:nth-child(4){left:420px}.ready .stage_icons .stage_icon:nth-child(4).active:before,.ready .stage_icons .stage_icon:nth-child(4).current:before{background-image:url(../img/stage_icon4.png)}.ready .stage_icons .stage_icon:nth-child(4):before{background-image:url(../img/stage_icon4_lock.png)}.ready .stage_icons .stage_icon:nth-child(5){left:520px}.ready .stage_icons .stage_icon:nth-child(5).active:before,.ready .stage_icons .stage_icon:nth-child(5).current:before{background-image:url(../img/stage_icon5.png)}.ready .stage_icons .stage_icon:nth-child(5):before{background-image:url(../img/stage_icon5_lock.png)}.ready .tip_txt{position:absolute;left:0;top:50%;width:100%;height:90px;margin-top:-30px;font:32px/50px "";color:#60f3ea;text-align:center}.ready .tip_txt p{transition:.4s ease-out}.ready .btn,.ready.ready_stage4 .tip_split{-webkit-transform:translate(0,30px);opacity:0;position:absolute}.ready .tip_txt p:nth-child(1){transition-delay:.6s}.ready .tip_txt p:nth-child(2){transition-delay:.7s}.ready .tip_txt p:nth-child(3){transition-delay:.8s}.ready .tip_txt p:nth-child(4){transition-delay:.9s}.ready .tip_txt p:nth-child(5){transition-delay:1s}.ready .btn{left:224px;top:50%;width:300px;height:84px;margin-top:314px;background:url(../img/stage_btn.png) no-repeat;font:34px/84px "";color:#fff;text-shadow:0 2px 2px #126582;text-align:center;transform:translate(0,30px);-webkit-transition:all .4s linear 1.2s;transition:all .4s linear 1.2s}.ready .btn:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:url(../img/stage_btn_light.png) no-repeat}.ready.active .title{-webkit-transform:scale(1);transform:scale(1);opacity:1;animation:stage1_title 1.08s steps(1) .4s forwards}.ready.active .stage_icons{transform:translate(0,0);opacity:1}.ready.active .stage_icons .stage_icon.active:after{transform:translate3d(0,0,0);animation:stage_icon .8s steps(1) .8s,stage_icon2 2.5s steps(1) 1.6s infinite}.ready.active .stage_name{-webkit-transform:scale(1);transform:scale(1);opacity:1}.ready.active .stage_name:before{left:170px}.ready.active .stage_name:after{right:170px}.ready.active .tip_txt p{opacity:1;transform:translate(0,0)}.ready.active .btn,.ready.active .tip_btn,.ready.active .tip_txt{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}.ready.active .btn:before{-webkit-animation:stage_btn_light 2s linear 1.2s infinite;-o-animation:stage_btn_light 2s linear 1.2s infinite;animation:stage_btn_light 2s linear 1.2s infinite}.ready.active .tip_btn{-webkit-animation:tip_btn .4s steps(1) 1.2s infinite;-o-animation:tip_btn .4s steps(1) 1.2s infinite;animation:tip_btn .4s steps(1) 1.2s infinite}@keyframes stage_icon{0%{background-position:0 0}10%{background-position:-70px 0}20%{background-position:-140px 0}30%{background-position:-210px 0}40%{background-position:-280px 0}50%{background-position:-350px 0}60%{background-position:-420px 0}70%{background-position:-490px 0}80%{background-position:-560px 0}90%{background-position:-630px 0}100%{background-position:-770 0}}@keyframes stage_icon2{0%{background-position:-770px 0}4%{background-position:-840px 0}8%{background-position:-910px 0}12%{background-position:-980px 0}16%{background-position:-1050px 0}20%{background-position:-1120px 0}24%{background-position:-1190px 0}28%{background-position:-1260px 0}32%{background-position:-1330px 0}36%{background-position:-1400px 0}40%{background-position:-1470px 0}44%{background-position:-1540px 0}48%{background-position:-1610px 0}52%{background-position:-1680px 0}56%{background-position:-1750px 0}60%{background-position:-1820px 0}64%{background-position:-1890px 0}68%{background-position:0 -85px}72%{background-position:-70px -85px}76%{background-position:-140px -85px}80%{background-position:-210px -85px}84%{background-position:-280px -85px}88%{background-position:-350px -85px}92%{background-position:-420px -85px}100%,96%{background-position:-490px -85px}}.ready.ready_stage2 .title{background:url(../img/stage2_title.png) no-repeat}.ready.ready_stage2 .tip_btn{left:170px;margin-top:-114px;width:410px;height:230px;background:url(../img/stage2_newplayer_btn.png) no-repeat}.ready.ready_stage2.active .title{animation:stage1_title 1.08s steps(1) .4s forwards}.ready.ready_stage2.active .tip_btn{-webkit-animation:tip_btn2 .4s steps(1) 1.2s infinite;-o-animation:tip_btn2 .4s steps(1) 1.2s infinite;animation:tip_btn2 .4s steps(1) 1.2s infinite}.ready.ready_stage3 .title{background:url(../img/stage3_title.png) no-repeat}.ready.ready_stage3 .stage_name:before{left:150px}.ready.ready_stage3 .stage_name:after{right:150px}.ready.ready_stage3 .tip_btn{left:170px;margin-top:-114px;width:360px;height:230px;background:url(../img/stage1_newplayer_btn.png) no-repeat}.ready.ready_stage3.active .title{animation:stage1_title 1.08s steps(1) .4s forwards}.ready.ready_stage3.active .tip_btn{-webkit-animation:tip_btn3 1.7s steps(1) 1.2s infinite;-o-animation:tip_btn3 1.7s steps(1) 1.2s infinite;animation:tip_btn3 1.7s steps(1) 1.2s infinite}.ready.ready_stage4 .title{background:url(../img/stage4_title.png) no-repeat}.ready.ready_stage4 .tip_btn{left:170px;margin-top:-64px;zoom:.6}.ready.ready_stage4 .tip_split{left:370px;top:50%;width:30px;height:353px;margin-top:-150px;background:url(../img/stage4_tip_split.png) no-repeat;transform:translate(0,30px);-webkit-transition:all .4s linear .4s;transition:all .4s linear .4s}.ready.ready_stage4 .plane{position:absolute;left:450px;top:50%;width:162px;height:46px;background:url(../img/stage4_plane.png) no-repeat;-webkit-transform:translate(0,30px);transform:translate(0,30px);opacity:0;-webkit-transition:all .4s linear .4s;transition:all .4s linear .4s}.ready.ready_stage4 .btn{margin-top:354px}.ready.ready_stage4.active .plane,.ready.ready_stage4.active .tip_split{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}.ready.ready_stage4.active .tip_split{-webkit-animation:tip_split .8s steps(1) 1.2s infinite;-o-animation:tip_split .8s steps(1) 1.2s infinite;animation:tip_split .8s steps(1) 1.2s infinite}.ready.ready_stage5 .title{background:url(../img/stage5_title.png) no-repeat}.ready.ready_stage5 .tip_btn{left:170px;margin-top:-114px;width:360px;height:230px;background:url(../img/stage3_newplayer_btn.png) no-repeat}.ready.ready_stage5.active .title{animation:stage1_title 1.08s steps(1) .4s forwards}.ready.ready_stage5.active .tip_btn{-webkit-animation:tip_btn3 1.7s steps(1) 1.2s infinite;-o-animation:tip_btn3 1.7s steps(1) 1.2s infinite;animation:tip_btn3 1.7s steps(1) 1.2s infinite}@keyframes tip_split{0%,100%{background-position:0 0}50%{background-position:-40px 0}}.countdown{position:absolute;left:0;top:0;height:100%;width:100%;z-index:20}.countdown .inner{position:absolute;left:284px;top:50%;width:180px;height:214px;margin-top:-350px}.countdown .inner>div{position:absolute;left:-18px;top:-4px;width:214px;height:220px;font:700 214px/220px "";text-align:center;color:#e5eff2;transform:scale(0);-webkit-transform:scale(0);opacity:1}.countdown.stage1 .tip_icon,.countdown.stage4 .tip_icon{left:240px;width:260px;height:258px;margin-top:280px;animation:tip_btn .4s steps(1) infinite;position:absolute;top:50%}.countdown .countdown5{transition:transform .4s cubic-bezier(.4,.4,.65,1.24) .4s,opacity 40ms linear 1.4s}.countdown .countdown4{transition:transform .4s cubic-bezier(.4,.4,.65,1.24) 1.4s,opacity 40ms linear 2.4s}.countdown .countdown3{transition:transform .4s cubic-bezier(.4,.4,.65,1.24) 2.4s,opacity 40ms linear 3.4s}.countdown .countdown2{transition:transform .4s cubic-bezier(.4,.4,.65,1.24) 3.4s,opacity 40ms linear 4.4s}.countdown .countdown1{transition:transform .4s cubic-bezier(.4,.4,.65,1.24) 4.4s,opacity 40ms linear 5.4s}.countdown.active .countdown1,.countdown.active .countdown2,.countdown.active .countdown3,.countdown.active .countdown4,.countdown.active .countdown5{transform:scale(1);-webkit-transform:scale(1);opacity:0}.countdown.stage1 .tip_icon{background:url(../img/stage1_newplayer_btn.png?2) no-repeat}.countdown.stage4 .tip_icon{background:url(../img/stage4_newplayer_btn.png?2) no-repeat}.countdown.stage4 .tip_icon:after,.countdown.stage4 .tip_icon:before{left:64px;width:32px;height:74px;margin-top:-470px;content:""}.countdown.stage4 .tip_icon:before{position:absolute;top:0;background:url(../img/stage4_newplayer_light.png) -40px 0 no-repeat}.countdown.stage4 .tip_icon:after{position:absolute;top:0;background:url(../img/stage4_newplayer_light.png) no-repeat;animation:stage4_newplayer_light 1.8s linear infinite}.countdown.stage2 .tip_icon{position:absolute;left:80px;bottom:20px;width:600px;height:210px;background:url(../img/stage2_newplayer_btn.png?1) no-repeat;animation:tip_btn2 .4s steps(1) infinite}.countdown.stage3 .tip_icon:after,.countdown.stage3 .tip_icon:before,.countdown.stage5 .tip_icon:after,.countdown.stage5 .tip_icon:before{content:"";position:absolute;left:304px;top:50%;width:148px;height:66px;margin-top:240px;background:url(../img/stage3_newplayer_arr.png) no-repeat}.countdown.stage3 .tip_icon:after,.countdown.stage5 .tip_icon:after{left:280px;width:152px;height:206px;margin-top:310px;background:url(../img/stage3_newplayer_btn.png?1) no-repeat;transform-origin:60% 73%;animation:tip_btn3 2.4s linear infinite}@keyframes stage4_newplayer_light{100%,72%,from{opacity:0}22%,50%{opacity:1}}.result,.result .content,.result .nextbtn,.result .stars li,.result .stars li.star:before,.result .title,.result .title_light{position:absolute;opacity:0}.result{left:0;top:0;height:100%;width:100%;z-index:20;background:linear-gradient(rgba(5,30,37,.8),rgba(5,23,32,.66)) rgba(5,30,37,.6);transition:opacity .2s}.result .board{position:absolute;left:70px;top:50%;width:602px;height:558px;margin-top:-278px;background:url(../img/result_board.png) no-repeat;transition:.2s linear .2s;transform:scale(0,1)}.result .title_light{left:160px;top:50%;width:460px;height:180px;margin-top:-460px;background:url(../img/result_title_light.png) no-repeat;transition:.1s linear .4s}.result .title{left:120px;top:50%;width:530px;height:150px;margin-top:-340px;background:url(../img/stage1_result_title.png) no-repeat;transition:.3s cubic-bezier(.4,.4,.65,1.24) .2s;transform:scale(5)}.result.result2 .title{background-image:url(../img/stage2_result_title.png)}.result.result3 .title{background-image:url(../img/stage3_result_title.png)}.result.result4 .title{background-image:url(../img/stage4_result_title.png)}.result.result5 .title{background-image:url(../img/stage5_result_title.png)}.result .content{left:50px;top:260px;width:500px;font:34px/1.5 "";color:#60f3ea;text-align:center;transition:all .4s ease-out .4s;transform:translate(0,20px)}.result .stars li{left:118px;top:122px;width:110px;height:110px;background:url(../img/result_star_default.png) 8px 2px no-repeat;transition:opacity .4s linear .2s}.result .stars li.star:before{content:"";left:0;top:0;width:100%;height:100%;background:url(../img/result_star_active.png) no-repeat;transform:scale(5);transition:transform .3s cubic-bezier(.4,.4,.65,1.24) .6s,opacity .2s linear .6s}.result .stars li:nth-child(2){left:250px}.result .stars li:nth-child(2).star:before{transition:transform .3s cubic-bezier(.4,.4,.65,1.24) .9s,opacity .2s linear .9s}.result .stars li:nth-child(3){left:382px}.result .stars li:nth-child(3).star:before{transition:transform .3s cubic-bezier(.4,.4,.65,1.24) 1.2s,opacity .2s linear 1.2s}.result .nextbtn{left:150px;top:400px;width:300px;height:84px;font:34px/82px "";text-align:center;color:#fff;text-shadow:0 2px 2px rgba(50,118,140,.5);background:url(../img/next_btn.png) no-repeat;transition:all .4s ease-out .4s;transform:translate(0,20px)}.filter,.result_dom_bg{position:absolute;left:0;top:0;height:100%}.result.active{opacity:1}.result.active .board{transform:scale(1,1)}.result.active .title{animation:stage1_result_title .92s steps(1) .5s forwards;transform:scale(1);opacity:1}.result.active .title_light{animation:title_light 2s steps(1) infinite;opacity:1}.result.active .content,.result.active .nextbtn{transform:translate(0,0);opacity:1}.result.active .stars li{opacity:1}.result.active .stars li.star:before{transform:scale(1);opacity:1;animation:stars .67s steps(1) .9s}.result.active .stars li.star:nth-child(2):before{animation:stars .67s steps(1) 1.2s}.result.active .stars li.star:nth-child(3):before{animation:stars .67s steps(1) 1.5s}.filter{width:100%;z-index:1000}@keyframes title_light{0%{background-position:0 0}3.45%{background-position:-460px 0}6.90%{background-position:-920px 0}10.34%{background-position:-1380px 0}13.79%{background-position:0 -180px}17.24%{background-position:-460px -180px}20.69%{background-position:-920px -180px}24.14%{background-position:-1380px -180px}27.59%{background-position:0 -360px}31.03%{background-position:-460px -360px}34.48%{background-position:-920px -360px}37.93%{background-position:-1380px -360px}41.38%{background-position:0 -540px}44.83%{background-position:-460px -540px}48.28%{background-position:-920px -540px}51.72%{background-position:-1380px -540px}55.17%{background-position:0 -720px}58.62%{background-position:-460px -720px}62.07%{background-position:-920px -720px}65.52%{background-position:-1380px -720px}68.97%{background-position:0 -900px}72.41%{background-position:-460px -900px}75.86%{background-position:-920px -900px}79.31%{background-position:-1380px -900px}82.76%{background-position:0 -1080px}86.21%{background-position:-460px -1080px}89.66%{background-position:-920px -1080px}93.10%{background-position:-1380px -1080px}96.55%{background-position:0 -1260px}100.00%{background-position:-460px -1260px}}@keyframes stage1_result_title{0%{background-position:0 0}9.09%{background-position:-530px 0}18.18%{background-position:-1060px 0}27.27%{background-position:0 -150px}36.36%{background-position:-530px -150px}45.45%{background-position:-1060px -150px}54.55%{background-position:0 -300px}63.64%{background-position:-530px -300px}72.73%{background-position:-1060px -300px}81.82%{background-position:0 -450px}100.00%,90.91%{background-position:-530px -450px}}@keyframes stars{0%{background-position:0 0}12.50%{background-position:-110px 0}25.00%{background-position:-220px 0}37.50%{background-position:-330px 0}50.00%{background-position:-440px 0}62.50%{background-position:-550px 0}75.00%{background-position:-660px 0}87.50%{background-position:-770px 0}100.00%{background-position:-880px 0}}@keyframes tip_btn{0%,100%{background-position:0 0}50%{background-position:0 -260px}}@keyframes tip_btn2{0%,100%{background-position:0 0}50%{background-position:0 -210px}}@keyframes tip_btn3{100%,42%,84%,from{transform:rotate(0)}20%,62%{transform:rotate(18deg)}}@keyframes stage1_title{0%{background-position:0 0}8.33%{background-position:-600px 0}16.67%{background-position:-1200px 0}25.00%{background-position:0 -160px}33.33%{background-position:-600px -160px}41.67%{background-position:-1200px -160px}50.00%{background-position:0 -320px}58.33%{background-position:-600px -320px}66.67%{background-position:-1200px -320px}75.00%{background-position:0 -480px}83.33%{background-position:-600px -480px}91.67%{background-position:-1200px -480px}100.00%{background-position:0 -640px}}@keyframes rotate{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes stage_btn_light{from,to{opacity:1}50%{opacity:0}}.result_dom_bg{width:750px;background:#000}.result_dom,.result_dom .bg{left:0;top:0;height:1170px;position:absolute}.result_dom{width:750px}.result_dom .bg{width:750px;background:url(../img/result_dom_bg_fail2.jpg) no-repeat}.result_dom .name{position:absolute;left:86px;top:150px;font:28px/42px "";color:#fff}.result_dom .name span{font-size:40px}.result_dom .text{position:absolute;left:126px;top:272px;width:100px;text-align:center;font:30px/1 "";color:#fff}.result_dom .type{position:absolute;width:130px}.result_dom .type li{float:left;width:8px;height:9px;margin-right:4px;background:#207895;font-size:0;line-height:1px}.result_dom .type li.active{background:#4ce4ff}.result_dom .type1{left:144px;top:544px}.result_dom .type2{left:142px;top:646px}.result_dom .type3{left:144px;top:872px}.result_dom .type4{left:548px;top:546px}.result_dom .type5{left:548px;top:836px}.result_dom.result_dom_suc .bg{background-image:url(../img/result_dom_bg_suc2.jpg)}.result_dom.result_dom_suc .text{left:344px;top:270px}.result_dom.result_dom_suc .result_text{display:block;position:absolute;left:0;top:368px;width:750px;font:700 30px/1 "";color:#fff;text-align:center}.result_dom.result_dom_suc .result_text span{vertical-align:middle;font-size:36px;color:#ffe535}