.empty-wrap{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.empty-wrap .empty-content{text-align:center;min-height:250px}.empty-wrap .empty-content .empty-icon{margin-bottom:24px}.empty-wrap .empty-content .empty-text{font-family:PingFangSC-Regular;font-size:14px;color:rgba(0,0,0,.7);letter-spacing:0;text-align:center;line-height:20px;font-weight:400}.web-live[data-v-dc592c0e]{width:100vw;height:100vh;background:#1d1f21;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;position:relative}.web-live .web-live-cover[data-v-dc592c0e]{width:100%;height:100%;position:relative}.web-live .web-live-cover-img[data-v-dc592c0e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.web-live .web-live-cover-play[data-v-dc592c0e]{width:48px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.web-live .web-live-header[data-v-dc592c0e]{padding:0 20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:64px;border-bottom:1px solid hsla(0,0%,100%,.1);-webkit-flex-shrink:0;flex-shrink:0}.web-live .web-live-header .live-header-left[data-v-dc592c0e],.web-live .web-live-header[data-v-dc592c0e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.web-live .web-live-header .live-header-left .left-num-img[data-v-dc592c0e]{width:16px;height:16px;margin-right:2px}.web-live .web-live-header .live-header-left .header-left-num[data-v-dc592c0e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.8);border-radius:14px;height:28px;padding:0 8px}.web-live .web-live-header .live-header-left .header-left-num .left-num-text[data-v-dc592c0e]{font-size:14px;color:#fff;letter-spacing:0;line-height:20px;font-weight:400}.web-live .web-live-header .live-header-left .header-left-title[data-v-dc592c0e]{font-size:16px;color:#fff;letter-spacing:0;line-height:24px;font-weight:600;margin-left:10px}.web-live .web-live-header .live-header-right[data-v-dc592c0e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.8);border-radius:14px;height:28px;padding:0 8px;cursor:pointer}.web-live .web-live-header .live-header-right .header-right-title[data-v-dc592c0e]{opacity:.9;font-size:14px;color:#fff;letter-spacing:0;line-height:20px;font-weight:400}.web-live .web-live-header .live-header-right .header-right-img[data-v-dc592c0e]{width:16px;height:16px;margin-right:2px}.web-live .web-live-bottom[data-v-dc592c0e]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;position:relative;-webkit-transition:all .2s linear;transition:all .2s linear}.web-live .web-live-bottom.has-panel[data-v-dc592c0e]{padding-right:360px}.web-live .web-live-bottom .slide-enter-active[data-v-dc592c0e],.web-live .web-live-bottom .slide-leave-active[data-v-dc592c0e]{-webkit-transition:all .2s linear;transition:all .2s linear}.web-live .web-live-bottom .slide-enter[data-v-dc592c0e],.web-live .web-live-bottom .slide-leave-to[data-v-dc592c0e]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}.web-live .web-live-bottom .live-bottom-left[data-v-dc592c0e]{height:100%;width:100%;position:relative}.web-live .web-live-bottom .live-bottom-left .web-live-player[data-v-dc592c0e]{width:100%;height:100%;background:#343434}.web-live .web-live-bottom .live-bottom-left .web-live-player .web-live-player-tips[data-v-dc592c0e]{width:100%;height:100%;background:#343434;color:#fff;text-align:center;font-size:24px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.web-live .web-live-bottom .live-bottom-left .bottom-left-tips[data-v-dc592c0e]{width:240px;height:280px;background:#fff;border-radius:16px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001}.web-live .web-live-bottom .live-bottom-left .bottom-left-tips .left-tips-close[data-v-dc592c0e]{text-align:center;font-family:PingFangSC-Regular;font-size:14px;color:rgba(0,0,0,.4);letter-spacing:0;line-height:20px;font-weight:400;margin-top:10px;position:relative}.web-live .web-live-bottom .live-bottom-left .bottom-left-tips .left-tips-close .h-icon-close[data-v-dc592c0e]{position:absolute;right:10px;font-size:24px;cursor:pointer;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#000}.web-live .web-live-bottom .live-bottom-left .bottom-left-tips .left-tips-title[data-v-dc592c0e]{font-family:PingFangSC-Semibold;font-size:16px;color:rgba(0,0,0,.9);letter-spacing:0;text-align:center;line-height:24px;font-weight:600;margin-top:16px}.web-live .web-live-bottom .live-bottom-left .bottom-left-tips .left-tips-btn-div[data-v-dc592c0e],.web-live .web-live-bottom .live-bottom-left .bottom-left-tips .left-tips-qrcode[data-v-dc592c0e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-content:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:23px}.web-live .web-live-bottom .live-bottom-left .bottom-left-tips .left-tips-btn-div .left-tips-btn[data-v-dc592c0e]{width:100px;height:36px;box-sizing:border-box;background:#fff;border:1px solid #979797;border-radius:18px;font-family:PingFangSC-Regular;font-size:14px;color:rgba(0,0,0,.9);letter-spacing:0;text-align:center;font-weight:400;line-height:34px;cursor:pointer}.web-live .web-live-bottom .live-bottom-right[data-v-dc592c0e]{height:100%;width:360px;position:absolute;top:0;right:0}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e]{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e] .el-tabs__header{-webkit-flex-shrink:0;flex-shrink:0}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e] .el-tabs__content{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;padding:0}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e] .el-tabs__content .el-tab-pane{width:100%;height:100%}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e] .el-tabs__content .el-tab-pane .scroll-wrap{height:100%;box-sizing:border-box;overflow-x:hidden}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e] .el-tabs__content .el-tab-pane .scroll-view{height:100%;min-height:100%;padding:8px}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e] .el-tabs__active-bar{height:3px;border-radius:1.5px;background-color:transparent}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e] .el-tabs__active-bar:after{content:"";width:20px;height:3px;background:#fff;position:absolute;border-radius:1.5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e] .el-tabs__item.is-active{color:#fff}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e] .el-tabs__item{color:hsla(0,0%,100%,.7)}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs[data-v-dc592c0e] .el-tabs__nav-wrap:after{display:none}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-introduction[data-v-dc592c0e]{padding:20px 24px}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-introduction .tabs-introduction-title[data-v-dc592c0e]{font-family:PingFangSC-Regular;font-size:16px;color:#fff;letter-spacing:0;line-height:24px;font-weight:400}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-introduction .tabs-introduction-content[data-v-dc592c0e]{font-family:PingFangSC-Regular;font-size:14px;color:hsla(0,0%,100%,.7);letter-spacing:0;line-height:20px;font-weight:400;margin-top:10px}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live[data-v-dc592c0e]{padding:12px 24px}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live .tabs-live-item[data-v-dc592c0e]{border:1px solid #343434;border-radius:8px;padding:12px;margin-bottom:12px;cursor:pointer}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live .tabs-live-item .live-item-title[data-v-dc592c0e]{font-family:PingFangSC-Regular;font-size:14px;color:hsla(0,0%,100%,.7);letter-spacing:0;line-height:20px;font-weight:400;margin-bottom:6px}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live .tabs-live-item .live-item-bottom[data-v-dc592c0e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live .tabs-live-item .live-item-bottom .live-item-bottom-item[data-v-dc592c0e]{padding:3px 6px;border-radius:14px}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live .tabs-live-item .live-item-bottom .live-item-bottom-item .text[data-v-dc592c0e]{font-family:PingFangSC-Regular;font-size:12px;color:hsla(0,0%,100%,.4);letter-spacing:0;line-height:18px;font-weight:400}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live .tabs-live-item:hover .live-item-title[data-v-dc592c0e]{color:#fff}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live .tabs-live-item.active[data-v-dc592c0e]{background:#313436;border:1px solid #535353}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live .tabs-live-item.active .live-item-title[data-v-dc592c0e]{color:#fff}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live .tabs-live-item.active .live-item-bottom .live-item-bottom-item[data-v-dc592c0e]{background:rgba(0,0,0,.8)}.web-live .web-live-bottom .live-bottom-right .bottom-right-tabs .tabs-live .tabs-live-item.active .live-item-bottom .live-item-bottom-item .text[data-v-dc592c0e]{color:hsla(0,0%,100%,.7)}.web-live .web-live-like-div[data-v-dc592c0e]{position:fixed;bottom:60px;right:20px;width:64px;height:64px;cursor:pointer}.web-live .web-live-like-div .like-num[data-v-dc592c0e]{position:absolute;top:-8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:20px;padding:0 6px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-family:PingFangSC-Medium;font-size:12px;color:rgba(0,0,0,.9);letter-spacing:0;line-height:20px;font-weight:500}.web-live .web-live-like-div .like-img[data-v-dc592c0e]{width:100%;height:100%}@-webkit-keyframes liked-data-v-dc592c0e{0%{top:0}to{top:-78px;display:none}}@keyframes liked-data-v-dc592c0e{0%{top:0}to{top:-78px;display:none}}.web-live .web-live-like-div .like-up[data-v-dc592c0e]{position:absolute;top:0;left:0;width:52px;height:33px;-webkit-animation-name:liked-data-v-dc592c0e;animation-name:liked-data-v-dc592c0e;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.web-live .living-pwd-wrap[data-v-dc592c0e]{width:100%;height:100%;position:fixed;top:0;left:0;background:url(../../static/img/pwd_bg.99a2aaba.png) no-repeat 50%/100% 100%}.web-live .living-pwd-wrap .living-pwd[data-v-dc592c0e]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:440px;background:hsla(0,0%,100%,.8);border:2px solid #fff;border-radius:8px;padding:24px 32px}.web-live .living-pwd-wrap .living-pwd .living-pwd-form .living-pwd-item[data-v-dc592c0e]{margin-bottom:12px;width:100%;min-height:20px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.web-live .living-pwd-wrap .living-pwd .living-pwd-form .living-pwd-item .el-form-item__label[data-v-dc592c0e]{-webkit-flex-shrink:0;flex-shrink:0;font-size:16px}.web-live .living-pwd-wrap .living-pwd .living-pwd-form .living-pwd-item .el-form-item__content[data-v-dc592c0e]{margin-left:0!important;overflow:hidden}.web-live .living-pwd-wrap .living-pwd .living-pwd-form .living-pwd-item .living-pwd-value[data-v-dc592c0e]{font-size:16px;color:rgba(0,0,0,.9);letter-spacing:0;font-weight:400;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-live .living-pwd-wrap .living-pwd .living-pwd-form .living-pwd-input[data-v-dc592c0e]{width:100%}.web-live .living-pwd-wrap .living-pwd .living-pwd-form .living-pwd-input .el-input__inner[data-v-dc592c0e]{border-radius:4px}.web-live .living-pwd-wrap .living-pwd .living-pwd-form .split-line[data-v-dc592c0e]{width:100%;height:1px;background:#d8d8d8;margin-bottom:24px}.web-live .living-pwd-wrap .living-pwd .living-pwd-form .living-pwd-btn[data-v-dc592c0e]{width:100%;max-width:100%;height:36px;margin-top:8px}.web-live-header-code-popover{border-radius:16px;padding:16px 38px;right:10px;left:auto!important}.web-live-header-code-popover.el-popover[x-placement^=bottom] .popper__arrow{left:170px!important}.web-live-header-code-popover .header-code{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:144px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding-bottom:28px;padding-top:10px}.web-live-header-code-popover .header-code .header-code-title{opacity:.9;font-size:16px;color:#000;letter-spacing:0;text-align:center;line-height:24px;font-weight:600;margin-bottom:24px}