@media screen and (min-width:960px){.app[data-v-1973c494]{width:10rem;margin:0 auto;position:relative;display:block}}.loading[data-v-1973c494]{top:unset!important;left:unset!important;-webkit-transform:unset!important;-ms-transform:unset!important;transform:unset!important}#app[data-v-1973c494]{font-weight:bolder;background-color:#220f05}#app .banner img[data-v-1973c494]{width:10rem}#app .nav-wrap[data-v-1973c494]{width:10rem;height:2.026667rem;margin-top:-.8rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1}#app .nav-wrap.n1-hover[data-v-1973c494]{background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/tab1.png) no-repeat 50%/100% 100%}#app .nav-wrap.n2-hover[data-v-1973c494]{background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/tab2.png) no-repeat 50%/100% 100%}#app .nav-wrap .nav-bar[data-v-1973c494]{width:50%;height:100%}#app .main-wrap[data-v-1973c494]{padding-bottom:2.666667rem}#app .main-wrap.gaiyao[data-v-1973c494]{padding-bottom:0}#app .main-wrap .rule .r-rule[data-v-1973c494]{width:10rem}#app .main-wrap .rule .rule2[data-v-1973c494]{width:10rem;height:12.346667rem;background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/rule2.png) no-repeat 50%/100% 100%;padding-top:4.266667rem;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}#app .main-wrap .rule .rule2 .btn1[data-v-1973c494]{width:4.933333rem;margin-bottom:.4rem;-webkit-filter:grayscale(0);filter:grayscale(0)}#app .main-wrap .rule .rule2 .btn1.hui[data-v-1973c494]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}#app .main-wrap .rule .rule2 .area-day[data-v-1973c494]{width:8.186667rem;height:1.706667rem;background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/area-day-bg.png) no-repeat 50%/100% 100%;position:relative;margin-bottom:.4rem}#app .main-wrap .rule .rule2 .area-day .day[data-v-1973c494]{position:absolute;top:.24rem;right:3.066667rem;width:.8rem;text-align:center;color:#ff0;font-weight:700}#app .main-wrap .rule .rule2 .word[data-v-1973c494]{width:7.426667rem;margin-bottom:.4rem}#app .main-wrap .rule .rule2 .btn2[data-v-1973c494]{width:4.933333rem}#app .main-wrap .list[data-v-1973c494]{background-color:#f2f1f0;width:9.333333rem;border-radius:.266667rem;margin:1.333333rem auto 0;position:relative;min-height:8rem}#app .main-wrap .list .list-title[data-v-1973c494]{width:7.24rem;position:absolute;top:-.8rem;left:50%;margin-left:-3.613333rem}#app .main-wrap .list .list-area[data-v-1973c494]{padding:1.333333rem 0}#app .main-wrap .list .list-area .user-item[data-v-1973c494]{width:9rem;border:.026667rem solid #eb7294;border-radius:.133333rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding:.4rem 0;box-sizing:border-box;margin:0 auto .266667rem;color:#404040;background-color:#fff}#app .main-wrap .list .list-area .user-item.top1[data-v-1973c494]{width:9rem;height:2.64rem;background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/rank1-bg.png) no-repeat 50%/100% 100%;padding:.4rem 0 .4rem .533333rem;border:none}#app .main-wrap .list .list-area .user-item.top1 .rank[data-v-1973c494]{text-indent:-133.32rem}#app .main-wrap .list .list-area .user-item.top1 .user-head[data-v-1973c494]{width:1.6rem;height:1.6rem;border:.053333rem solid #ffc600;margin-top:.133333rem}#app .main-wrap .list .list-area .user-item.top1 .user-head .hg[data-v-1973c494]{width:.626667rem;height:.453333rem;background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/hg1.png) no-repeat 50%/100% 100%;position:absolute;top:-.4rem;left:50%;margin-left:-.306667rem}#app .main-wrap .list .list-area .user-item.top1 .user-name[data-v-1973c494]{width:2.533333rem}#app .main-wrap .list .list-area .user-item.top1 .user-score[data-v-1973c494]{width:2.56rem;background-color:#fef8d5}#app .main-wrap .list .list-area .user-item.top2[data-v-1973c494]{width:9rem;height:2.64rem;background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/rank2-bg.png) no-repeat 50%/100% 100%;padding:.4rem 0 .4rem .533333rem;border:none}#app .main-wrap .list .list-area .user-item.top2 .rank[data-v-1973c494]{text-indent:-133.32rem}#app .main-wrap .list .list-area .user-item.top2 .user-head[data-v-1973c494]{width:1.6rem;height:1.6rem;border:.053333rem solid #c8c8c8;margin-top:.133333rem}#app .main-wrap .list .list-area .user-item.top2 .user-head .hg[data-v-1973c494]{width:.626667rem;height:.453333rem;background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/hg2.png) no-repeat 50%/100% 100%;position:absolute;top:-.4rem;left:50%;margin-left:-.306667rem}#app .main-wrap .list .list-area .user-item.top2 .user-name[data-v-1973c494]{width:2.533333rem}#app .main-wrap .list .list-area .user-item.top2 .user-score[data-v-1973c494]{width:2.56rem;background-color:#eee}#app .main-wrap .list .list-area .user-item.top3[data-v-1973c494]{width:9rem;height:2.64rem;background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/rank3-bg.png) no-repeat 50%/100% 100%;padding:.4rem 0 .4rem .533333rem;border:none}#app .main-wrap .list .list-area .user-item.top3 .rank[data-v-1973c494]{text-indent:-133.32rem}#app .main-wrap .list .list-area .user-item.top3 .user-head[data-v-1973c494]{width:1.6rem;height:1.6rem;border:.053333rem solid #e9c2a5;margin-top:.133333rem}#app .main-wrap .list .list-area .user-item.top3 .user-head .hg[data-v-1973c494]{width:.626667rem;height:.453333rem;background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/hg3.png) no-repeat 50%/100% 100%;position:absolute;top:-.4rem;left:50%;margin-left:-.306667rem}#app .main-wrap .list .list-area .user-item.top3 .user-name[data-v-1973c494]{width:2.533333rem}#app .main-wrap .list .list-area .user-item.top3 .user-score[data-v-1973c494]{width:2.56rem;background-color:#faebe1}#app .main-wrap .list .list-area .user-item .rank[data-v-1973c494]{color:#fff;width:1.066667rem;font-size:.533333rem;text-align:center;text-shadow:#eb7294 .026667rem 0 0,#eb7294 0 .026667rem 0,#eb7294 -.026667rem 0 0,#eb7294 0 -.026667rem 0}#app .main-wrap .list .list-area .user-item .user-head[data-v-1973c494]{width:1.333333rem;height:1.333333rem;border:.053333rem solid #61c2ff;border-radius:50%;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:.266667rem;position:relative}#app .main-wrap .list .list-area .user-item .user-head img[data-v-1973c494]{width:100%;border-radius:50%}#app .main-wrap .list .list-area .user-item .user-name[data-v-1973c494]{font-size:.4rem;width:2.666667rem;padding:.053333rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-right:.266667rem;font-weight:700}#app .main-wrap .list .list-area .user-item .user-score[data-v-1973c494]{border-radius:.133333rem;background-color:#ffe7e8;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;width:2.693333rem;height:.72rem;padding:0 .133333rem}#app .main-wrap .list .list-area .user-item .user-score img[data-v-1973c494]{width:.48rem;margin-right:.133333rem}#app .main-wrap .list .next-page[data-v-1973c494]{width:2.773333rem;height:1.08rem;background:url(https://res.cdn.pikapika.live/kjliveH5/musicNightS9/more.png) no-repeat 50%/100% 100%;position:absolute;bottom:-.533333rem;left:50%;margin-left:-1.386667rem}.toast{position:fixed;left:50%;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);word-wrap:break-word;padding:.266667rem;text-align:center;z-index:3;font-size:.426667rem;line-height:.586667rem;max-width:80%;color:#fff;border-radius:.16rem;background:rgba(0,0,0,.7);overflow:hidden}.toast,.toast.middle{top:50%}.toast.top{top:10%}.toast.bottom{top:90%}.fade-enter-active,.fade-leave-active{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.fade-enter,.fade-leave-active{-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.loading-container[data-v-4539927a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:1.066667rem;margin-bottom:1.066667rem;text-align:center;width:100%}.loading-container .emptyPng[data-v-4539927a]{width:6.106667rem;height:auto}.loading-container .notStartPng[data-v-4539927a]{width:5.48rem;height:3.84rem}.loading-container .emptyTips[data-v-4539927a]{text-align:center;line-height:1.066667rem;font-size:.373333rem}.loading[data-v-4539927a]{width:.666667rem;height:.666667rem;margin:.533333rem auto}.loading img[data-v-4539927a]{width:.666667rem;height:.666667rem;margin:0 auto}.l-area[data-v-353d20ec]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:.573333rem;height:.4rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.l[data-v-353d20ec]{background-color:#fff;height:.013333rem;width:.08rem;position:absolute;border-radius:.026667rem;bottom:0}@-webkit-keyframes a{0%{height:.066667rem}50%{height:.266667rem}to{height:.066667rem}}@keyframes a{0%{height:.066667rem}50%{height:.266667rem}to{height:.066667rem}}@-webkit-keyframes b{0%{height:.066667rem}50%{height:.333333rem}to{height:.066667rem}}@keyframes b{0%{height:.066667rem}50%{height:.333333rem}to{height:.066667rem}}@-webkit-keyframes c{0%{height:.066667rem}50%{height:.4rem}to{height:.066667rem}}@keyframes c{0%{height:.066667rem}50%{height:.4rem}to{height:.066667rem}}.l-1[data-v-353d20ec]{left:.053333rem;-webkit-animation:a 1s infinite alternate ease;animation:a 1s infinite alternate ease}.l-2[data-v-353d20ec]{left:.24rem;-webkit-animation:b 1.3s infinite alternate ease-out;animation:b 1.3s infinite alternate ease-out}.l-3[data-v-353d20ec]{right:.053333rem;-webkit-animation:c 1.5s infinite alternate ease-out;animation:c 1.5s infinite alternate ease-out}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:.013333rem dotted;cursor:help}hr{display:block;height:.013333rem;border:0;border-top:.013333rem solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}em,i{font-style:normal}ol,ul{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}a,a:hover{text-decoration:none}a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0)}q:after,q:before{content:""}img{border:0;display:block}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}html{overflow-y:scroll}.hide{display:none}.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}.clearfix{zoom:1}.clear{clear:both}body{position:relative;font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB W3,Heiti SC,Helvetica,sans-serif;font-weight:300;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{line-height:1;font-family:PingFang SC,-apple-system,Helvetica Neue,Helvetica,Nimbus Sans L,Arial,Liberation Sans,Hiragino Sans GB,Source Han Sans CN,Source Han Sans SC,Microsoft YaHei,Wenquanyi Micro Hei,WenQuanYi Zen Hei,ST Heiti,SimHei,WenQuanYi Zen Hei Sharp,sans-serif;-webkit-tap-highlight-color:transparent;background:#fff;color:#fff}input{outline:none;border:0}.dottline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-wrap{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;background:rgba(0,0,0,.1);z-index:2}.loading{position:absolute;top:50%;left:50%;width:1.333333rem;height:1.333333rem;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}