.not-found[data-v-1ec54cd3]{text-align:center;font-size:18px}.qrcode[data-v-1ec54cd3]{position:relative}.qrcode .drop[data-v-1ec54cd3]{position:absolute;left:-30px;width:148px;height:148px;padding:10px;border-radius:8px;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.3);z-index:1099}.qrcode .drop img[data-v-1ec54cd3]{width:100%;height:100%}.live-main[data-v-1ec54cd3]{position:relative}.live-main .video-container[data-v-1ec54cd3]{margin-right:296px}.live-main .video-container img[data-v-1ec54cd3]{display:block;width:100%}.live-main .video-container .toolbar[data-v-1ec54cd3]{line-height:36px;height:36px;padding:0 12px;background-color:#fff}.live-main .video-container .toolbar .links[data-v-1ec54cd3]{float:right;color:#999}.live-main .video-container .toolbar .links span+span[data-v-1ec54cd3]{margin-left:24px}.live-main .video-container .toolbar .links a.on[data-v-1ec54cd3]{color:#d71718}.live-main .video-container .toolbar i[data-v-1ec54cd3]{font-size:14px;margin-right:4px}.live-main .video-container .video[data-v-1ec54cd3]{position:absolute;left:0;right:296px;top:0;bottom:36px;background-color:#000}.live-main .video-container .video .mask[data-v-1ec54cd3]{background-color:rgba(0,0,0,.7);height:100%;font-size:18px;color:#fff;text-align:center}.live-main .video-container .video .mask>div[data-v-1ec54cd3]{position:absolute;height:60px;left:0;right:0;top:0;bottom:0;margin:auto}.live-main .video-container .video .mask a[data-v-1ec54cd3]{color:orange}.live-main .info[data-v-1ec54cd3]{position:absolute;right:0;top:0;bottom:0;width:286px;background-color:#fff}.live-main .info1[data-v-1ec54cd3]{display:flex;flex-direction:column}.live-main .info1 .title[data-v-1ec54cd3]{position:absolute;left:0;top:0;padding:13px 0 0 13px;font-size:16px}.live-main .info1 .filter[data-v-1ec54cd3]{display:flex;gap:10px;font-size:14px;padding:15px 15px 0 15px}.live-main .info1 .filter li[data-v-1ec54cd3]{line-height:30px;height:40px;padding:0 12px;cursor:pointer}.live-main .info1 .filter li.active[data-v-1ec54cd3]{color:#cf121b;border-bottom:2px solid #cf121b}.live-main .info1 .desc[data-v-1ec54cd3]{overflow:auto;padding:15px}.live-main .info1 .comments[data-v-1ec54cd3]{display:flex;flex-direction:column;height:calc(100% - 55px);gap:20px;padding:15px}.live-main .info1 .comments .list[data-v-1ec54cd3]{flex:1;display:flex;flex-direction:column;gap:15px;overflow:auto;margin-right:-15px;padding-right:15px}.live-main .info1 .comments .list .item[data-v-1ec54cd3]{display:flex;font-size:14px;border-bottom-width:1px;padding-bottom:15px}.live-main .info1 .comments .list .item .avatar[data-v-1ec54cd3]{margin-right:10px}.live-main .info1 .comments .list .item .avatar img[data-v-1ec54cd3]{width:30px;height:30px;border-radius:50%}.live-main .info1 .comments .list .item .item-info[data-v-1ec54cd3]{flex:1;overflow:hidden}.live-main .info1 .comments .list .item .item-info .name[data-v-1ec54cd3]{display:flex;justify-content:space-between}.live-main .info1 .comments .list .item .item-info .name .space[data-v-1ec54cd3]{flex:1}.live-main .info1 .comments .list .item .item-info .content[data-v-1ec54cd3]{margin-top:10px}.live-main .info1 .comments .write[data-v-1ec54cd3]{height:60px;border-radius:20px;background-color:rgba(0,0,0,.05);flex-shrink:0}.live-main .info1 .comments .write textarea[data-v-1ec54cd3]{width:100%;height:100%;padding:10px 60px 10px 16px;border:0;background-color:transparent}.live-main .info1 .comments .write a[data-v-1ec54cd3]{padding:5px 10px;background:rgba(0,0,0,.10196078431372549);border-radius:30px;position:absolute;right:25px;bottom:25px}.live-main .info2[data-v-1ec54cd3]{padding-top:40px}.live-main .info2 .th[data-v-1ec54cd3]{position:absolute;left:0;right:0;top:9px;background-color:#f2f2f2}.live-main .info2 .list[data-v-1ec54cd3]{height:100%;overflow:auto}.live-main .info2 .item[data-v-1ec54cd3]{height:30px;line-height:30px;padding-left:20px}.live-main .info2 .item.on[data-v-1ec54cd3]{position:relative;color:#d71718}.live-main .info2 .item.on i[data-v-1ec54cd3]{position:absolute;left:4px;color:#d71718;font-size:12px}.live-main .info2 .item span[data-v-1ec54cd3]{display:inline-block;vertical-align:top}.live-main .info2 .item span[data-v-1ec54cd3]:first-child{width:50px}.live-main .info2 .item span[data-v-1ec54cd3]:nth-child(2){width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .live-main .info1[data-v-1ec54cd3]{background-color:#262b33}.dark .live-main .video-container .toolbar[data-v-1ec54cd3]{background-color:#1f2329}.dark .live-main .comments .write[data-v-1ec54cd3]{background:hsla(0,0%,100%,.050980392156862744)}.dark .live-main .comments .write a[data-v-1ec54cd3]{background:hsla(0,0%,100%,.10196078431372549)}@media screen and (max-width:1100px){.page-default[data-v-1ec54cd3]{padding:0}.live-main[data-v-1ec54cd3]{display:flex;flex-direction:column}.live-main .info[data-v-1ec54cd3]{position:static;width:100%}.live-main .video-container[data-v-1ec54cd3]{position:sticky;top:60px;margin:0}.live-main .video-container>img[data-v-1ec54cd3]{display:none}.live-main .video-container .video[data-v-1ec54cd3]{aspect-ratio:16/9;position:static}}