body,div,html,p{margin:0;padding:0}body{background-color:#000;font-size:4vmin}body,html{height:100%}.bar{margin:0 auto;margin-top:40vh;width:80%;border-radius:.5vmin;overflow:hidden;background:#666}.bar,.bar i{height:1vmin}.bar i{display:block;width:0;background-color:#999}p{margin-top:2vmin;text-align:center;color:#ddd}li,ol,ul{list-style:none}.joy-con{width:3.2rem;height:3.2rem;background:rgba(0,0,0,.5);bottom:.2667rem;margin-left:-1.6rem}.joy-con,.joy-con .con{position:absolute;border-radius:50%;left:50%}.joy-con .con{width:1.75rem;height:1.75rem;background:rgba(0,0,0,.8);top:50%;margin-left:-.875rem;margin-top:-.875rem}.game-time{position:absolute;right:10px;color:pink}.js-game-score{position:absolute;display:inline-block;left:50%;top:.2rem;height:.6667rem;transform:translateX(-50%);font-size:.4rem;color:#fff;padding:0 .1333rem;background:rgba(0,0,0,.5);display:flex;align-items:center;margin-top:0}@keyframes bottom_up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom_up-enter-active{transform:translateY(100%)}.bottom_up-enter-to{animation:bottom_up .4s ease;animation-fill-mode:forwards}.bottom_up-leave-to{animation:bottom_up .4s ease-in-out;animation-direction:reverse;animation-fill-mode:forwards}.rule_dialog .rule_title{width:4.9867rem;transform:translateY(-1px)}.rule_btn{width:1.0267rem;height:1.0267rem;background-color:rgba(0,0,0,.5);border-radius:.4267rem;color:#f9efef;font-size:.3733rem;left:.6rem;top:.8667rem;z-index:1}.rule_btn,.rule_dialog_box{position:absolute;display:flex;justify-content:center;align-items:center}.rule_dialog_box{width:100%;height:100vh;left:0;top:0;z-index:11}.rule_dialog{width:7.08rem;height:5.28rem;background-image:linear-gradient(180deg,#fff,#fff3dd),linear-gradient(#fff,#fff);background-blend-mode:normal,normal;border-radius:.16rem;display:flex;flex-direction:column;align-items:center;position:relative}.rule_dialog .rule_close{width:.8rem;height:.8rem;position:absolute;left:50%;transform:translateX(-50%);bottom:-1.3333rem}.rule_dialog .rule_content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-.4667rem}.rule_dialog .rule_content p{line-height:1;color:#701e04;line-height:.8533rem;font-size:.4267rem}.level_dialog{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;pointer-events:none;position:absolute;z-index:1;left:0;top:0}.level_dialog img{width:4.9067rem}canvas{display:block}body,html{font-size:10vw}*{margin:0;padding:0;box-sizing:border-box}.game_loading_box{width:100%;height:100vh;position:absolute;left:0;top:0;background-size:cover!important;background-position:50%!important;opacity:1;pointer-events:visible;transition:opacity}.game_loading_box.game_loading_box_hide{opacity:0;pointer-events:none}.game_loading_box .poster_music{width:.6667rem;position:absolute;right:.6667rem;top:.6667rem;z-index:1}.game_loading_box .poster_logo{position:absolute;width:8.72rem;top:.64rem;left:50%;transform:translateX(-50%)}.game_loading_box .game_loading{width:6.5733rem;height:.5467rem;background-color:#f9fce9;border-radius:20px;border:3px solid #e95010;position:absolute;bottom:4.44rem;left:50%;transform:translateX(-50%)}.game_loading_box .game_loading i{display:block;width:10%;height:.4667rem;background-color:#e95010;border-radius:.2067rem;transition:width .1s}.game_loading_box .poster_foot{position:absolute;width:100%;bottom:0}.game_loading_box .game_button_box{width:100%;display:flex;justify-content:space-between;position:absolute;bottom:4rem;padding:0 .6667rem}.game_loading_box .game_button_box div{width:4.4267rem;height:1.52rem;background-size:100% 100%!important}.cover{width:100%;height:100vh;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.9)}.cover.rank_cover,.cover.rule_cover{z-index:10}.gameover_dialog_box{position:absolute;width:100%;height:100vh;left:0;top:0}.gameover_dialog{width:8.0267rem;height:10.0933rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding-top:3.52rem;text-align:center}.gameover_dialog .gameover_bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}.gameover_dialog .gameover_popup{width:10rem;position:absolute;left:50%;top:-2.7733rem;transform:translateX(-50%)}.gameover_dialog>h1{width:100%;text-align:center}.gameover_dialog .gameover_score,.gameover_dialog>h1{color:#fff;font-size:.6667rem;position:relative;z-index:1}.gameover_dialog .gameover_score{display:inline-flex;height:.9067rem;background-color:#0276b1;border-radius:.2rem;align-items:center;padding:0 .2667rem;margin-top:.6667rem;white-space:nowrap}.gameover_dialog .gameover_score img{height:100%;margin-right:.2667rem}.gameover_dialog .gameover_btn_box{width:100%;position:relative;z-index:1;height:1.3733rem;display:flex;justify-content:space-between;padding:0 .5rem;margin-top:1.8rem}.gameover_dialog .gameover_btn_box img{height:100%}.rank_dialog{width:100%;height:100vh;position:absolute;left:0;top:0;display:flex;flex-direction:column;overflow:hidden;align-items:center;z-index:11}.rank_dialog .rank_close{width:.8rem;height:.8rem;position:absolute;top:.64rem;right:.4rem}.rank_dialog .rank_title{display:block;width:5.3733rem;height:2.84rem;margin:.6667rem auto 0}.rank_dialog .rank_title_label{width:8.2267rem;display:flex;align-items:center;font-size:.4rem;padding:0 .88rem 0 .4267rem;color:#feb351;margin:.0733rem auto .4rem}.rank_dialog .rank_title_label>li:first-child{width:1.6533rem}.rank_dialog .rank_title_label>li:nth-child(2){flex:1}.rank_dialog .rank_title_label>li:nth-child(3){width:2.52rem;text-align:right}.rank_dialog .rank_scroll{flex:1;overflow-y:auto;margin-bottom:1.5933rem;width:8.24rem}.rank_dialog .rank_scroll li{width:8.24rem;height:1.0933rem;background-size:100% 100%!important;display:flex;justify-content:space-between;align-items:center;padding-bottom:.1333rem;margin-bottom:.15rem}.rank_dialog .rank_scroll li .rank_num{width:1.6533rem;display:flex;justify-content:center;align-items:center;font-size:.48rem;color:#555}.rank_dialog .rank_scroll li .rank_num img{width:.6533rem}.rank_dialog .rank_scroll li .rank_username{flex:1;font-size:.3733rem;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank_dialog .rank_scroll li .rank_score{width:2.52rem;text-align:right;font-size:.3733rem;color:#701e04;padding-right:.2933rem}.rank_dialog .my_rank{width:100%;height:2.3333rem;background-size:100% 100%!important;position:absolute;bottom:0;left:0;padding:.76rem .2267rem .4267rem .3467rem;display:flex;justify-content:space-between;align-items:center}.rank_dialog .my_rank .rank_name{font-size:.44rem;color:#511800;padding-left:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank_dialog .my_rank .rank_score{color:#fff;font-size:.44rem;padding-right:.44rem;text-align:right}