@charset "UTF-8";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%}.hiden{display:none}.barrage-container{pointer-events:none;position:absolute;width:100%;height:21%;top:0}.barrage-container .barrage{width:100%;height:33%;position:absolute;overflow:hidden;line-height:2.6em;font-size:1.2em;color:#fff;z-index:110}.barrage-container .barrage .bar-txt{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:barrage linear;animation:barrage linear;-webkit-animation-duration:5s;animation-duration:5s;position:absolute;width:100%;height:100%;overflow:hidden}.barrage-container .line-2{margin-top:13%}.barrage-container .line-3{margin-top:26%}.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 .fly{width:25%;height:9%;background-image:url(static/css/i/fly.png);background-repeat:no-repeat;background-size:auto 100%;position:absolute;bottom:20%;left:-20%;z-index:10;pointer-events:none}.page0 .fly-move{-webkit-animation:fly 5s linear;animation:fly 5s linear}.page0 .paizi{z-index:20;left:10%;width:40%;height:19%;position:absolute;bottom:0;background-image:url(static/css/i/paizi.png);background-size:100% 100%;background-size:50%;pointer-events:none;-webkit-animation:fadeOut 1s linear;animation:fadeOut 1s linear}.page0 .bg,.page0 .paizi{background-position:50%;background-repeat:no-repeat}.page0 .bg{width:100%;height:100%;background-size:cover;background-color:#7ed8e1}.page0 .bg .bg-title{background-image:url(static/css/i/bg_title.png);width:76%;height:10%;background-size:100% auto;top:15%;left:12%}.page0 .bg .bg-mid,.page0 .bg .bg-title{background-repeat:no-repeat;background-color:#7ed8e1;position:absolute}.page0 .bg .bg-mid{width:100%;height:100%;background-size:100%;background-image:url(static/css/i/bg_mid.jpg);background-position:0 50%}.page0 .bg .bg-mid1{background-image:url(static/css/i/bg_mid1.jpg)}.page0 .btn1-animate{-webkit-animation:tada 1s linear;animation:tada 1s linear}.page0 .btn1{left:10%;width:80%;height:12%;position:absolute;bottom:8%;background-image:url(static/css/i/start_btn.png);background-position:50%;background-size:100% 100%;background-repeat:no-repeat}.page-paper{overflow:hidden;position:relative;width:100%;height:100%;background-image:url(static/css/i/bg.jpg);background-position:50%;background-size:174%}.page-paper canvas{margin-top:-5%}.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:30%;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% 100% ；}.page-paper .finger .up{-webkit-animation:up 1s linear forwards;animation:up 1s linear forwards}.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-paper .bottom-mark{z-index:10;position:fixed;width:90%;height:25%;background-image:url(static/css/i/dash.png);bottom:1%;background-size:90% auto;background-position:50% 100%;background-repeat:no-repeat;font-family:sans-serif;margin-left:5%}.page-paper .bottom-mark .m{position:absolute;width:5%;height:20%;font-size:1.7em;bottom:14%}.page-paper .bottom-mark .m0{left:11.4%}.page-paper .bottom-mark .m1{left:18.7%}.page-paper .bottom-mark .m2{left:26.5%}.page-paper .bottom-mark .m3{left:34.2%}.page-paper .bottom-mark .pointer{position:absolute;width:2%;height:32%;background-size:100% 100%;bottom:33%;right:28%;background-image:url(static/css/i/arrow.png);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:all 1s;transition:all 1s}.page-paper .bottom-mark .pointer-cover{width:20%;height:44%;bottom:15%;right:19%;border-radius:100%;background-color:#000;position:absolute;z-index:1}.page-paper .bottom-mark .speed-mark{position:absolute;width:20%;height:44%;font-size:2.5em;bottom:10%;right:19%;color:#fff;text-align:center;z-index:2}.page-paper .game-end-mask{background-color:#000;opacity:.6;position:absolute;width:100%;height:100%;z-index:100}.page-paper .game-end-panel{background-color:#3a3737;width:90%;height:60%;position:absolute;border-radius:1em;overflow:hidden;margin-left:5%;margin-top:12%;z-index:110}.page-paper .game-end-panel .panel{width:100%;height:100%;border-radius:1em;overflow:hidden}.page-paper .game-end-panel .panel .up-bar{width:100%;height:85%;background-image:url(static/css/i/f.png);background-repeat:no-repeat;background-size:100%;text-align:center;color:#fff;position:relative}.page-paper .game-end-panel .panel .up-bar .txt-title{padding-top:16%;width:100%}.page-paper .game-end-panel .panel .up-bar .txt-number{font-family:PingFangSC-Regular;font-size:4.5em;color:#13e4f8;margin-top:3%}.page-paper .game-end-panel .panel .up-bar .txt-ren{position:absolute;margin-top:-14%;right:29%;font-size:1.4em}.page-paper .game-end-panel .panel .up-bar .share-btn{width:30%;margin:0 auto;height:2em;border:1px solid #fff;border-radius:1em;line-height:2em;margin-top:4%}.page-paper .game-end-panel .panel .up-bar .txt1{position:absolute;bottom:7%;width:100%}.page-paper .game-end-panel .panel .bottom-bar{width:100%;height:15%;background-color:#474648}.page-paper .game-end-panel .panel .bottom-bar .rank-left{width:33%;height:100%;float:left;background-image:url(static/css/i/medal.png);background-repeat:no-repeat;background-size:auto 40%;background-position:50%}.page-paper .game-end-panel .panel .bottom-bar .rank-right{width:67%;height:100%;float:left;color:#fff;line-height:3.2em;text-indent:20%}.page-paper .game-again-bottom{width:100%;height:15%;margin-top:12%;bottom:8%;position:absolute;z-index:110}.page-paper .game-again-bottom .again-btn{margin-left:15%;width:70%;height:60%;position:absolute;background-image:url(static/css/i/bottom_2.png);background-repeat:no-repeat;background-size:auto 100%;background-position:50%}.page-rank{overflow:hidden;position:absolute;width:100%;height:100%;background-color:#7ed8e1;background-position:50%;background-size:174%;z-index:100;top:0;left:0}.page-rank .home-btn{right:2%;width:20%;height:7%;background-image:url(static/css/i/home.png);background-repeat:no-repeat;background-size:auto 100%;top:2%;position:absolute}.page-rank .txt{width:100%;height:2em;line-height:2em;font-size:1.3em;margin:3% 0 3% 5%}.page-rank .rank-list{width:90%;height:85%;background-color:#fff;border-radius:1em;margin-left:5%;overflow-y:scroll}.page-rank .rank-list ul{width:100%;height:100%;margin:0;padding:0;font-family:PingFangSC-Regular}.page-rank .rank-list ul li{width:90%;height:10%;list-style:none;margin-top:2%;border-bottom:1px solid #ccc;margin-left:5%}.page-rank .rank-list ul li .l{float:left;height:100%}.page-rank .rank-list ul li .st1{background-image:url(static/css/i/uico/st1.png)}.page-rank .rank-list ul li .st1,.page-rank .rank-list ul li .st2{background-repeat:no-repeat;background-size:auto 60%;background-position:50%}.page-rank .rank-list ul li .st2{background-image:url(static/css/i/uico/st2.png)}.page-rank .rank-list ul li .st3{background-image:url(static/css/i/uico/st3.png);background-repeat:no-repeat;background-size:auto 60%;background-position:50%}.page-rank .rank-list ul li .num{width:15%;font-size:1.6em;line-height:2em;text-align:center;color:#aaa}.page-rank .rank-list ul li .img{width:17%;text-align:center;background-image:url(static/css/i/uico/1.png);background-repeat:no-repeat;background-size:auto 66%;background-position:50%}.page-rank .rank-list ul li .name{width:45%;text-indent:5%;line-height:3em}.page-rank .rank-list ul li .meter{width:20%;line-height:3em;color:#ff6c64}.share-mask{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.5);z-index:200;top:0;left:0}.share-mask .share-arrow{width:100%;height:40%;background-image:url(static/css/i/uico/st2.png);background-repeat:no-repeat;background-size:auto 60%}.end-bar{position:absolute;width:100%;height:3em;background:rgba(0,0,0,.7);z-index:200;top:38%;color:#fff;line-height:3em;font-size:1.2em;text-align:center;-webkit-animation:fadeIn 1s linear;animation:fadeIn 1s linear;pointer-events:none}.end-bar .end-num{font-weight:700;color:#f9ff11;font-size:2em;display:inline-block;padding-left:.2em;padding-right:.2em}@-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 barrage{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes barrage{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes fly{0%{left:-20%;bottom:20%}30%{bottom:39%;left:50%}50%{bottom:39%;left:75%}60%{bottom:62%;left:54%}70%{bottom:59%;left:16%}80%{bottom:39%;left:43%}90%{bottom:62%;left:83%}to{bottom:86%;left:-31%}}@keyframes fly{0%{left:-20%;bottom:20%}30%{bottom:39%;left:50%}50%{bottom:39%;left:75%}60%{bottom:62%;left:54%}70%{bottom:59%;left:16%}80%{bottom:39%;left:43%}90%{bottom:62%;left:83%}to{bottom:86%;left:-31%}}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJhcHAuY3NzIiwic291cmNlUm9vdCI6IiJ9*/