.room-card{position:relative;width:272px;height:224px;margin-right:16px;margin-bottom:24px;float:left;background:#fff;border-radius:6px;overflow:hidden;transition:transform .3s}.room-card:hover{transform:scale(1.05);box-shadow:0 0 16px 0 rgba(0,0,0,.15)}.theme-dark .room-card{background:transparent}.theme-dark .room-card .room-info{background:hsla(0,0%,100%,.05);border-radius:0 0 6px 6px}.theme-dark .room-card .room-info .room-name{color:#fff}.theme-dark .room-card .room-info .user{color:hsla(0,0%,100%,.5)}@media (max-width:1680px){.screen-md .room-card{width:230px;height:198px;margin-right:12px}}@media (max-width:1360px){.screen-sm .room-card{width:241px;height:206px;margin-right:12px}}.room-card:hover .room-card-image:after{background:rgba(0,0,0,.6)}.room-card:hover .room-action{display:flex}.room-card:hover .wrap-hot{display:none}.room-card:hover .room-card-content .player{z-index:1000;opacity:1}.room-card.room-card-slider .room-card-content .player{z-index:0;opacity:1}.room-card.room-card-slider .room-action{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%)}.room-card.room-card-slider:hover .room-action{display:flex}.room-card .room-card-content{position:absolute;width:100%;bottom:72px;top:0;left:0;overflow:hidden;cursor:pointer}.room-card .room-card-content .player{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0;transition:opacity 1.5s}.room-card .room-card-content .mike-list{right:9px;top:4px}.room-card .room-card-content .mike-list.big{right:6px;top:0}.room-card .room-card-content .game-name-wrap{position:absolute;bottom:0;left:0;display:flex;align-items:center;width:100%;padding:16px 8px 10px 14px;overflow:hidden;font-size:12px;color:#fff;box-sizing:border-box;background-image:linear-gradient(180deg,rgba(43,45,51,0),rgba(43,45,51,.5) 39%,#2b2d33)}.room-card .room-card-content .game-name-wrap .game-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-card .room-card-content .game-name-wrap .room-mode{display:flex;align-items:center;margin-left:6px;font-size:12px;color:hsla(0,0%,100%,.8);flex-shrink:0}.room-card .room-card-content .game-name-wrap .room-mode .svg-icon{margin-right:2px;width:16px;height:16px}.room-card .room-card-content .label-live{position:absolute;display:flex;align-items:center;left:6px;top:6px;width:66px;height:20px;border-radius:10px;font-size:12px;color:#fff;background-image:linear-gradient(270deg,rgba(0,0,0,.4) 2%,rgba(0,0,0,.8))}.room-card .room-card-content .label-live .icon{margin-right:4px;width:20px;height:20px}.room-card .room-card-image{display:block;width:100%;height:100%;background-size:100% auto!important;background-position:50%!important;transition:transform 1s}.room-card .room-card-image:after{content:"";display:block;position:absolute;width:100%;height:100%;transition:background 1s;z-index:2}.room-card .room-card-image.disabled{cursor:default}.room-card .room-info{box-sizing:border-box;position:absolute;bottom:0;padding:0 14px;width:100%;height:72px;overflow:hidden;text-align:left}.room-card .room-info.disabled{cursor:default}.room-card .room-info .room-name{margin-top:8px;display:flex;align-items:center;overflow:hidden;font-size:15px;color:#333}.room-card .room-info .room-name .svg-icon{margin-right:8px;flex-shrink:0;width:12px;height:12px}.room-card .room-info .room-name .icon-private-room{margin-right:8px;width:44px;height:16px;background-image:url(/_nuxt/img/icon-private-room.3c784f7.png);background-size:100% 100%}.room-card .room-info .room-name span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-card .room-info .user{margin-top:4px;display:flex;align-items:center;color:#8f8f8f;font-size:12px;overflow:hidden;height:32px}.room-card .room-info .user .avatar{width:16px;height:16px;border-radius:50%}.room-card .room-info .user .user-name{margin-left:6px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-card .room-info .user .icon-hot{margin-right:1px;width:12px;height:12px}.room-card .wrap-hot{display:flex;align-items:center}.room-card .room-action{box-sizing:border-box;display:none;align-items:center;justify-content:center;width:130px;height:32px;border-radius:16px;font-size:14px;color:#fff;text-align:center;cursor:pointer;background-image:linear-gradient(270deg,#ff6a38,#ff8933)}.room-card .room-action .svg-icon{width:18px;height:14px;margin-right:4px}.room-card .room-action:hover{background-image:linear-gradient(270deg,#ff8040,#ffb726)}.room-card.room-card-inside{width:348px;height:196px;background:transparent}.room-card.room-card-inside .room-card-content{bottom:0}.room-card.room-card-inside .room-card-content .game-name{color:hsla(0,0%,100%,.8);z-index:10}.room-card.room-card-inside .room-card-image:before{display:block;position:absolute;content:"";bottom:0;left:0;width:100%;height:78px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}.room-card.room-card-inside .room-info{position:static}.room-card.room-card-inside .room-name{position:absolute;left:14px;bottom:28px;right:14px;font-size:16px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.77)}.room-card.room-card-inside .user .avatar{position:absolute;right:8px;top:8px;width:24px;height:24px;border:1px solid #fff}.room-card.room-card-inside .inside-hidden{display:none}.room-card.room-card-slider{margin-right:0;margin-bottom:0;border-radius:0}.room-card.room-card-slider .room-card-content{bottom:0}.room-card.room-card-slider .room-card-content .game-name{color:hsla(0,0%,100%,.8);z-index:10}.room-card.room-card-slider:hover{transform:scale(1);box-shadow:none}.room-card.room-card-slider:hover .wrap-hot{display:flex}.room-card.room-card-slider .room-name{font-size:15px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5)}.room-card.room-card-slider .room-info .user .user-name{flex:none;flex-shrink:0;margin-right:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:hsla(0,0%,100%,.8)}.room-card.room-card-slider .room-card-image:before{display:block;position:absolute;content:"";bottom:0;left:0;width:100%;height:60px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 39%,#000)}.room-card.room-card-slider .label-live{top:8px;left:8px}.room-card.room-card-slider .room-info{padding:0 16px}.room-card.room-card-thumb{margin-right:0;margin-bottom:0;border-radius:0}.room-card.room-card-thumb .room-card-content{bottom:0}.room-card.room-card-thumb .room-card-content .game-name{color:hsla(0,0%,100%,.8);z-index:10}.room-card.room-card-thumb:hover{transform:scale(1);box-shadow:none}.room-card.room-card-thumb:hover .room-card-image:after{display:none}.room-card .icon-mute{position:absolute;z-index:100;right:16px;bottom:8px;cursor:pointer}.room-card .fade-enter-active,.room-card .fade-leave-active{transition:opacity 1.5s}.room-card .fade-enter,.room-card .fade-leave-to{opacity:0}.mp4-video-wraper[data-v-330c964c] video{width:100%;height:100%;background:#000;-o-object-fit:cover;object-fit:cover}.mike-list[data-v-3149078c]{position:absolute;display:flex;align-items:center;transform:scale(.5);transform-origin:right top}.mike-list.big[data-v-3149078c]{transform:scale(1)}.mike-list .mike-item[data-v-3149078c]{display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin-right:0}.mike-list .mike-item.host[data-v-3149078c]{position:relative;width:60px;height:60px;margin-right:1px}.mike-list .mike-item.host[data-v-3149078c]:before{position:absolute;display:block;content:"";width:1px;height:22px;right:-1px;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.5)}.mike-list .mike-item .icon-empty[data-v-3149078c]{width:32px;height:32px}.avatar-wrap[data-v-5895c5a0]{position:relative}.avatar-wrap .image[data-v-5895c5a0]{width:100%;height:100%;border-radius:50%;box-sizing:border-box;line-height:1}.avatar-wrap .image.avatar[data-v-5895c5a0]{width:48px;height:48px}.avatar-wrap .image.avatar.host[data-v-5895c5a0]{width:60px;height:60px}.avatar-wrap .image.icon-empty[data-v-5895c5a0]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.95)}.avatar-wrap .image.icon-empty .svg-icon[data-v-5895c5a0]{width:100%;height:100%}.avatar-wrap .icon-host[data-v-5895c5a0]{left:50%;transform:translateX(-50%)}.avatar-wrap .icon-ban[data-v-5895c5a0],.avatar-wrap .icon-host[data-v-5895c5a0]{position:absolute;bottom:2px;width:12px;height:12px}.avatar-wrap .icon-ban[data-v-5895c5a0]{right:2px}.avatar-wrap .icon-type[data-v-5895c5a0]{display:flex;align-items:center;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px;height:16px;border-radius:50%;background:#ff742a;color:#fff}.avatar-wrap .icon-type.icon-want-play[data-v-5895c5a0]{width:28px;height:20px;background:none;right:-10px}.avatar-wrap .icon-type.icon-play[data-v-5895c5a0]{width:20px;height:20px;right:-6px;background:none}.avatar-wrap .icon-type .text[data-v-5895c5a0]{font-size:12px;transform:scale(.75)}.avatar-wrap .icon-host[data-v-5895c5a0]{left:12px;bottom:12px}.avatar-wrap .icon-ban[data-v-5895c5a0]{right:12px;bottom:12px}.avatar-wrap .icon-type.icon-play[data-v-5895c5a0]{top:10px;right:4px}.avatar-wrap .icon-type.icon-want-play[data-v-5895c5a0]{right:-4px}.base-avatar-and-frame[data-v-2b22f859]{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0}.base-avatar-and-frame img[data-v-2b22f859]:focus{outline:none}.base-avatar-and-frame img.border[data-v-2b22f859]{border:1px solid #ededed}.base-avatar-and-frame .user-frame[data-v-2b22f859]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.base-avatar-and-frame .user-wave[data-v-2b22f859]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:116.7%;height:116.7%;z-index:3}.base-avatar-and-frame .user-avatar[data-v-2b22f859]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:67%;height:67%;border-radius:50%}.base-avatar-and-frame .user-avatar-mark[data-v-2b22f859]{position:absolute;width:12px;height:12px;bottom:0;right:0}.svg-icon{width:20px;height:20px;vertical-align:-.15em;fill:currentColor;overflow:hidden}