#app[data-v-73de1ffd],.newcomer[data-v-73de1ffd]{position:relative;width:10rem;margin:0 auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:no-repeat 50%/contain;background-position:bottom;background-repeat:no-repeat;background-size:100%;box-sizing:border-box}.header[data-v-73de1ffd]{width:100%;height:13.066667rem;margin-top:-.933333rem;background:no-repeat 50%/contain}.tab[data-v-73de1ffd]{height:1.333333rem;width:10rem;margin-top:-2.666667rem;position:relative;background:no-repeat 50%/contain;background-position:bottom;background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tab.tab-1 .tab-item-1[data-v-73de1ffd],.tab.tab-2 .tab-item-2[data-v-73de1ffd]{width:50%}.tab-item[data-v-73de1ffd]{height:100%;width:50%}.banner[data-v-73de1ffd]{background:no-repeat 50%/contain;background-position:bottom;width:100%;min-height:100vh;position:relative;padding-bottom:3.44rem}.rule[data-v-73de1ffd]{width:100%;position:relative;margin-top:.8rem;margin-bottom:1.333333rem}.rule-image[data-v-73de1ffd]{width:9.693333rem;margin:0 auto}.rank[data-v-73de1ffd]{color:#525252;font-weight:500;padding-top:.266667rem}.refresh[data-v-73de1ffd]{width:.866667rem;height:.866667rem;background-repeat:no-repeat;background-size:cover;text-align:center;margin-left:8.533333rem}.reflash[data-v-73de1ffd]{font-size:.32rem;color:#fff;line-height:2.266667rem;font-weight:700}.rank-item[data-v-73de1ffd]{margin:0 .133333rem;min-height:1.813333rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.item-num-0[data-v-73de1ffd],.item-num-1[data-v-73de1ffd],.item-num-2[data-v-73de1ffd],.item-num[data-v-73de1ffd]{width:1.466667rem;height:1.813333rem;font-size:.426667rem;text-align:center;line-height:1.813333rem}.item-num-0[data-v-73de1ffd],.item-num-1[data-v-73de1ffd],.item-num-2[data-v-73de1ffd]{background:no-repeat 50%/contain;background-size:1.093333rem;background-position:top}.item-content[data-v-73de1ffd]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-bottom:.026667rem solid}.end .item-content[data-v-73de1ffd],.rank-item:last-child .item-content[data-v-73de1ffd]{border-bottom:none}.up-content[data-v-73de1ffd]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.813333rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.item-user-image[data-v-73de1ffd]{width:1.066667rem;height:1.066667rem;border-radius:50%;border:.026667rem solid;overflow:hidden}.fans .item-user-image[data-v-73de1ffd]{border:.026667rem solid}.fans .item-nickname[data-v-73de1ffd]{width:2.666667rem}.fans .item-diamond[data-v-73de1ffd]{background:#fffeea;border:.026667rem solid #caa585}.item-nickname[data-v-73de1ffd]{font-weight:700;margin-left:.133333rem;width:3.333333rem;line-height:.426667rem;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.item-diamond[data-v-73de1ffd]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:.306667rem;margin-right:.266667rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fffeea;padding:.066667rem .266667rem;border:.026667rem solid #caa585;border-radius:.133333rem;font-weight:400}.item-diamond[data-v-73de1ffd]:before{content:"";background:no-repeat 50%/contain;background-image:url(https://res.cdn.pikapika.live/kjliveH5/newcomer9/score.png);width:.533333rem;height:.533333rem;margin-right:.026667rem;margin-left:-.066667rem}.item-diamond.no-before[data-v-73de1ffd]{padding:0 .373333rem;line-height:.72rem}.item-diamond.no-before[data-v-73de1ffd]:before{display:none}.item-text[data-v-73de1ffd]{color:#fff;max-width:2.666667rem;font-size:.306667rem;margin-right:.533333rem;font-weight:400}.info-content[data-v-73de1ffd],.item-text[data-v-73de1ffd]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.info-content[data-v-73de1ffd]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.fans .item-user-image[data-v-73de1ffd]{width:.933333rem;height:.933333rem}.fans .item-diamond[data-v-73de1ffd]{font-size:.24rem}.fans .item-nickname[data-v-73de1ffd]{font-size:.293333rem}.fans-icon[data-v-73de1ffd]{background:no-repeat 50%/contain;width:.84rem;height:.573333rem;margin-right:.133333rem}.end-tip[data-v-73de1ffd]{background:no-repeat 50%/contain;width:5.253333rem;height:2.72rem;display:block;margin:0 auto}.rank-1[data-v-73de1ffd],.rank-2[data-v-73de1ffd],.rank-3[data-v-73de1ffd]{border-radius:.133333rem;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}.rank-1 .item-text[data-v-73de1ffd],.rank-2 .item-text[data-v-73de1ffd],.rank-3 .item-text[data-v-73de1ffd]{margin-right:0;margin-top:.106667rem}.rank-1[data-v-73de1ffd]{width:8.773333rem;height:4rem;padding:0 .533333rem;box-sizing:border-box;background:no-repeat 50%/contain;background-color:#ffe4b6;background-position:bottom;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.rank-2[data-v-73de1ffd],.rank-3[data-v-73de1ffd]{width:3.866667rem;height:4rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.rank-2[data-v-73de1ffd]{background-color:#cdd7ec}.rank-3[data-v-73de1ffd]{background-color:#f1e1de}.rank-pre[data-v-73de1ffd]{background:no-repeat 50%/contain;width:100%;height:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.rank-area[data-v-73de1ffd]{margin:.533333rem 0 .266667rem}.rank-area[data-v-73de1ffd],.reward-image-area[data-v-73de1ffd]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.reward-image-area[data-v-73de1ffd]{width:3.066667rem;height:3rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.user-image[data-v-73de1ffd]{width:1.866667rem;height:1.866667rem;margin-top:.346667rem;border-radius:50%;overflow:hidden}.line[data-v-73de1ffd]{background:no-repeat 50%/contain;width:1.693333rem;height:.533333rem;position:absolute;top:50%;left:51.5%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.reward-area[data-v-73de1ffd]{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;text-align:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.reward-area .item-nickname[data-v-73de1ffd]{margin-left:0;color:#6a193d;font-size:.32rem;line-height:.4rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.reward-area .item-diamond[data-v-73de1ffd]{line-height:.4rem;margin-right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100%;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:transparent;padding:.133333rem;border:none;border-radius:.133333rem}.reward-area .item-diamond[data-v-73de1ffd]:after{margin-top:.06rem}.reward-area .diamond-f[data-v-73de1ffd]{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;color:#ed396c;padding:.133333rem}.reward-area .diamond-f img[data-v-73de1ffd]{width:.533333rem;height:.533333rem}.item-text-color[data-v-73de1ffd]{color:#ed396c}.room-list[data-v-73de1ffd]{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;padding-bottom:1.333333rem}.room-item[data-v-73de1ffd]{width:9.466667rem;height:5.333333rem;overflow:hidden;border-radius:.266667rem;margin-top:.4rem;position:relative}.room-item[data-v-73de1ffd]:after{content:"";position:absolute;width:100%;height:100%;top:0;background:linear-gradient(rgba(0,0,0,.6),transparent 1.6rem,transparent 3.253333rem,rgba(0,0,0,.6))}.room-item .item-nickname[data-v-73de1ffd]{line-height:.666667rem;width:7.2rem}.room-info[data-v-73de1ffd]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.room-info-area[data-v-73de1ffd],.room-info[data-v-73de1ffd]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.room-info-area[data-v-73de1ffd]{position:absolute;z-index:1;bottom:0;width:100%;padding:.24rem .16rem;font-size:.48rem;text-shadow:0 0 .08rem #000;box-sizing:border-box}.item-user-image[data-v-73de1ffd]{position:relative}.rank-1 .l-area[data-v-73de1ffd],.rank-2 .l-area[data-v-73de1ffd],.rank-3 .l-area[data-v-73de1ffd]{top:55%}.room-info-area .l-area[data-v-73de1ffd]{top:50%;right:.213333rem;left:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.empty[data-v-73de1ffd]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#ffcda8;font-weight:700;font-size:.426667rem;line-height:.64rem}.empty-image[data-v-73de1ffd]{width:4.306667rem;margin-bottom:.64rem;margin-top:1.6rem}.room-title[data-v-73de1ffd]{font-size:.371467rem;color:#333;padding:.213333rem 0 0 .213333rem;font-weight:700;box-sizing:border-box;width:9.333333rem;line-height:.533333rem}.bold[data-v-73de1ffd]{color:#fff;font-weight:700}.fans-rank .bold[data-v-73de1ffd]{color:#fff}.sub-tab[data-v-73de1ffd]{height:1.2rem;width:9.066667rem;background:no-repeat 50%/contain;background-position:bottom;background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:.666667rem auto 0}.sub-tab.left[data-v-73de1ffd],.sub-tab.right[data-v-73de1ffd]{width:50%}.sub-tab-item[data-v-73de1ffd]{height:100%;width:50%}.result-img[data-v-73de1ffd]{display:block;margin:0 auto;width:5.226667rem}.to-menu[data-v-73de1ffd]{position:absolute;width:100%;height:1.333333rem;top:67.066667rem}.copy[data-v-73de1ffd]{position:absolute;width:100%;height:2.266667rem;top:23.8rem}.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)}.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%)}