body,canvas,html{margin:0;padding:0}body,html{height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{position:relative;width:100%;height:100%}.music{position:absolute;width:12%;height:7%;background-image:url(static/css/i/music_on.png);z-index:95;background-repeat:no-repeat;background-position:50%;background-size:100%;right:3%;top:1%;-webkit-animation:music-rotate 2s linear infinite;animation:music-rotate 2s linear infinite}.off{background-image:url(static/css/i/music_off.png);-webkit-animation:none;animation:none}.page0{z-index:90}.page0,.page0 .loading{position:absolute;width:100%;height:100%}.page0 .loading{z-index:10;background-color:#000;color:#fff;text-align:center}.page0 .loading .loading-img{width:20%;display:block;margin:60% auto 8%}.page0 .loading .loading-p{margin:.2em}.page0 .bg{width:100%;height:100%;background-image:url(static/css/i/bg_page0.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}.page0 .bg .intor-shou{pointer-events:none;width:28%;height:10%;background-image:url(static/css/i/start_finger.png);position:absolute;bottom:17%;z-index:1;right:16%;background-size:100% 100%;-webkit-animation:intor-shou-move 1s linear infinite alternate;animation:intor-shou-move 1s linear infinite alternate}.page0 .bg .w-animate{-webkit-animation:start-zoom .2s linear 2 alternate;animation:start-zoom .2s linear 2 alternate}.page0 .bg .w{position:absolute;background-position:50%;background-size:100% auto;background-repeat:no-repeat}.page0 .bg .w1{background-image:url(static/css/i/w/1.png);width:14%;height:18%;top:12%;left:10%;-webkit-animation-delay:0s;animation-delay:0s}.page0 .bg .w2{background-image:url(static/css/i/w/2.png);width:14%;height:18%;top:12%;left:26.2%;-webkit-animation-delay:.08s;animation-delay:.08s}.page0 .bg .w3{background-image:url(static/css/i/w/3.png);width:14%;height:18%;top:12%;left:42.4%;-webkit-animation-delay:.16s;animation-delay:.16s}.page0 .bg .w4{background-image:url(static/css/i/w/4.png);width:14%;height:18%;top:12%;left:58.6%;-webkit-animation-delay:.24s;animation-delay:.24s}.page0 .bg .w5{background-image:url(static/css/i/w/5.png);width:14%;height:18%;top:12%;left:74.8%;-webkit-animation-delay:.32s;animation-delay:.32s}.page0 .bg .w6{background-image:url(static/css/i/w/w1.png);left:9%;-webkit-animation-delay:.3s;animation-delay:.3s}.page0 .bg .w6,.page0 .bg .w7{width:21%;height:20%;top:26.5%}.page0 .bg .w7{background-image:url(static/css/i/w/w2.png);left:34%;-webkit-animation-delay:.35s;animation-delay:.35s}.page0 .bg .w8{background-image:url(static/css/i/w/w3.png);width:21%;height:20%;top:26.5%;left:60%;-webkit-animation-delay:.4s;animation-delay:.4s}.page0 .bg .w9{background-image:url(static/css/i/w/w4.png);width:5%;height:20%;top:26.5%;left:84%;-webkit-animation-delay:.45s;animation-delay:.45s}.page0 .btn1{left:6%;width:88%;height:16%;position:absolute;bottom:6%;background-image:url(static/css/i/start_btn.png);background-position:50%;background-size:100% 100%;background-repeat:no-repeat}.page0 .btn1.touch{background-image:url(static/css/i/start_btn_touch.png)}.page-paper{background-image:url(static/css/i/bg.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}.page-paper,.page-paper .report-mask{position:absolute;width:100%;height:100%}.page-paper .report-mask{background-color:rgba(0,0,0,.88);color:#fff;text-align:center;z-index:20}.page-paper .report-mask .report-img{width:30%;display:block;margin:30% auto 10%;-webkit-animation:zoomIn .2s linear forwards;animation:zoomIn .2s linear forwards}.page-paper .report-mask .txt-main{font-size:1.2em;font-weight:700;background-image:url(static/css/i/async.png);background-position:50%;background-size:auto 100%;background-repeat:no-repeat}.page-paper .report-mask .txt-main #dot_loop{position:absolute;display:inline-block;margin-left:23%;text-align:left;color:#d3cbc3}.page-paper .report-mask .txt1{font-size:1.1em;margin-bottom:1%}.page-paper .report-mask .txt2{color:#e2e2e2;-webkit-transform:translateY(500%);transform:translateY(500%);opacity:0;-webkit-animation:txtToUp 2s linear forwards;animation:txtToUp 2s linear forwards;position:absolute;width:100%}.page-paper .report-mask .report-popup{position:absolute;width:78%;height:66%;background-image:url(static/css/i/report-popup.png);background-size:100% 100%;left:12%;top:16%;z-index:1;-webkit-animation:zoomIn .2s linear forwards;animation:zoomIn .2s linear forwards}.page-paper .report-mask .report-popup .reson{width:53%;height:19%;background-position:50%;background-size:100% auto;background-repeat:no-repeat;top:50%;position:absolute;left:24%}.page-paper .report-mask .report-popup .reson.reson1{background-image:url(static/css/i/reson1.png)}.page-paper .report-mask .report-popup .reson.reson2{background-image:url(static/css/i/reson2.png)}.page-paper .report-mask .report-popup .reson.reson3{background-image:url(static/css/i/reson3.png)}.page-paper .report-mask .report-popup .again-btn{background-image:url(static/css/i/again.png);background-size:auto 100%;width:70%;height:9%;position:absolute;bottom:3%;left:14%;background-repeat:no-repeat;background-position:50%}.page-paper .report-mask .report-popup .report-btn{background-image:url(static/css/i/report-popup-btn.png);background-size:100% 100%;width:75%;height:15%;position:absolute;bottom:14%;left:14%}.page-paper .report-mask .report-popup .report-btn.touch{background-image:url(static/css/i/report-popup-btn_touch.png)}.page-paper .report-mask .report-btn{-webkit-animation:fadeInUp .3s linear forwards;animation:fadeInUp .3s linear forwards}.page-paper .intor-mask{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.85);color:#fff;text-align:center;z-index:20}.page-paper .intor-mask .intor{width:80%;height:66%;margin:27% auto 0;background-image:url(static/css/i/intor.png);position:relative;-webkit-animation:zoomIn .2s linear forwards;animation:zoomIn .2s linear forwards}.page-paper .intor-mask .intor,.page-paper .intor-mask .intor-close{background-position:50%;background-size:100% 100%;background-repeat:no-repeat}.page-paper .intor-mask .intor-close{width:70%;height:17%;position:absolute;bottom:5%;left:16%;background-image:url(static/css/i/start_test.png)}.page-paper .intor-mask .intor-close.touch{background-image:url(static/css/i/start_test_touch.png)}.page-paper .finger{pointer-events:none;width:100%;height:100%;position:absolute;z-index:10}.page-paper .finger .f-left{background-image:url(static/css/i/left_hand.png);-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation:hand1 3s infinite;animation:hand1 3s infinite}.page-paper .finger .f-left,.page-paper .finger .f-right{z-index:8;position:relative;background-repeat:no-repeat;background-position:50%;background-size:100%;width:50%;height:100%;float:left}.page-paper .finger .f-right{background-image:url(static/css/i/right_hand.png);-webkit-transform:translateY(-10%);transform:translateY(-10%);-webkit-animation:hand2 3s linear infinite;animation:hand2 3s linear infinite}.page-paper .finger .f-txt{font-size:.7em;z-index:7;position:absolute;width:100%;height:30%;top:55%;-webkit-transform:translateY(200%);transform:translateY(200%)}.page-paper .finger .f-txt p{text-align:center;color:#5f543e}.page-paper .finger .f-txt .down-tip{background-size:100%;width:10%;height:20%;background-image:url(static/css/i/down-tip.png);margin:6% auto;display:block;-webkit-animation:blink 1.5s linear .5s infinite alternate;animation:blink 1.5s linear .5s infinite alternate;background-repeat:no-repeat;background-size:100% auto}.page-paper .finger .up{-webkit-animation:up 1s linear forwards;animation:up 1s linear forwards}.page-paper .bottom-mark{z-index:10;position:fixed;width:100%;height:20%;background-image:url(static/css/i/bottom.png);bottom:0;background-size:contain;background-position:50% 100%;background-repeat:no-repeat;font-family:sans-serif}.page-paper .bottom-mark .time{position:absolute;width:20%;bottom:30%;left:9%}.page-paper .bottom-mark .meter{position:absolute;width:32%;bottom:27%;right:17%;font-size:2em;text-align:right}.page-paper .bubble{pointer-events:none;height:4em;position:absolute;width:100%;line-height:4em;margin-top:30%}.page-paper .bubble .reverse{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.page-paper .bubble .left{float:left}.page-paper .bubble .right{float:right}.page-paper .bubble .b0{width:2em;background-image:url(static/css/i/b0.png);background-repeat:no-repeat}.page-paper .bubble .b0,.page-paper .bubble .b1{height:100%;display:block;background-size:100% 100%}.page-paper .bubble .b1{background-image:url(static/css/i/b1.png);background-repeat:repeat-x;line-height:3.5em}.page-paper .bubble .b2{width:1.5em;height:100%;display:block;background-image:url(static/css/i/b2.png);background-repeat:no-repeat;background-size:100% 100%}.page-result{z-index:50}.page-result,.page-result .result-img{position:absolute;width:100%;height:100%}.page-result .r1{background-image:url(static/css/i/bg_btn1.png)}.page-result .r2{background-image:url(static/css/i/bg_btn2.png)}.page-result .r3{background-image:url(static/css/i/bg_btn3.png)}.page-result .r4{background-image:url(static/css/i/bg_btn4.png)}.page-result .r5{background-image:url(static/css/i/bg_btn5.png)}.page-result .result-bottom{width:100%;height:20.612%;position:absolute;bottom:0;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.page-result .result-button-save{width:40%;left:8%;background-image:url(static/css/i/ill_save.png);pointer-events:none}.page-result .result-button,.page-result .result-button-save{height:9%;bottom:6%;position:absolute;background-repeat:no-repeat;background-size:100% 100%}.page-result .result-button{width:80%;right:10%;background-image:url(static/css/i/button.png);-webkit-animation:result-button-zoom 1.5s linear infinite alternate;animation:result-button-zoom 1.5s linear infinite alternate}.page-result .result-button.touch{background-image:url(static/css/i/button_touch.png)}.page-last{position:absolute;z-index:70;width:100%;height:100%}.page-last .bg{width:100%;height:100%;background-image:url(static/css/i/page_last_bg.jpg)}.page-last .bg,.page-last .bg .box{background-position:50%;background-size:100% 100%;background-repeat:no-repeat}.page-last .bg .box{position:absolute;top:24%;left:20%;width:60%;height:40%;background-image:url(static/css/i/last.gif)}.page-last .bg .btn-shop{width:84%;height:16%;position:absolute;bottom:11%;background-image:url(static/css/i/mi_btn.png);background-position:50%;background-size:100% 100%;background-repeat:no-repeat;left:7%}.page-last .bg .btn-shop.touch{background-image:url(static/css/i/mi_btn_touch.png)}.page-last .bg .btn-again{width:50%;height:6%;position:absolute;bottom:2.5%;left:25%}@-webkit-keyframes hand1{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}5%{opacity:1}60%{opacity:1;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}}@keyframes hand1{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}5%{opacity:1}60%{opacity:1;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}}@-webkit-keyframes hand2{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}20%{opacity:0}25%{opacity:1}60%{opacity:1;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}}@keyframes hand2{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}20%{opacity:0}25%{opacity:1}60%{opacity:1;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}}@-webkit-keyframes blink{0%{opacity:1}to{opacity:.1}}@keyframes blink{0%{opacity:1}to{opacity:.1}}@-webkit-keyframes up{0%{-webkit-transform:translateY(200%);transform:translateY(200%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes up{0%{-webkit-transform:translateY(200%);transform:translateY(200%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes txtToUp{0%{-webkit-transform:translateY(500%);transform:translateY(500%);opacity:0}20%{opacity:1}80%{opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}}@keyframes txtToUp{0%{-webkit-transform:translateY(500%);transform:translateY(500%);opacity:0}20%{opacity:1}80%{opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}}@-webkit-keyframes start-zoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes start-zoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes result-button-zoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes result-button-zoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes intor-shou-move{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(-15%) translateY(28%);transform:translateX(-15%) translateY(28%)}}@keyframes intor-shou-move{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(-15%) translateY(28%);transform:translateX(-15%) translateY(28%)}}@-webkit-keyframes music-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes music-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJhcHAuY3NzIiwic291cmNlUm9vdCI6IiJ9*/