.header[data-v-f3cbc2d2]{width:100%;min-width:1100px;height:80px;background:#303135}.header .header-body[data-v-f3cbc2d2]{margin:0 auto 50px auto;height:100%;width:90%;min-width:1100px;display:flex;justify-content:space-between;align-items:center}.header .header-body .left .course-name[data-v-f3cbc2d2]{color:#fff;font-size:18px}.header .header-body .right[data-v-f3cbc2d2]{color:#fff}.header .header-body .right .listed[data-v-f3cbc2d2]{cursor:pointer;color:#fff}.header .header-body .right .listed>div[data-v-f3cbc2d2]{display:flex;align-items:center}.header .header-body .right .listed>div img[data-v-f3cbc2d2]{width:44px;height:44px;display:block;border-radius:50%;border:2px solid #fff;margin-right:12px}.header .header-body .right .listed>div .nickname[data-v-f3cbc2d2]{margin-bottom:10px;font-size:16px}.pager[data-v-f3cbc2d2]{width:100%;min-width:1100px;height:calc(100vh - 80px);background:#27282c;padding-top:60px}.pager .pager-body[data-v-f3cbc2d2]{margin:0 auto 50px auto;height:calc(100% - 170px);width:90%;min-width:1100px;display:flex}.pager .pager-body .left[data-v-f3cbc2d2]{flex:1;height:100%;border-radius:6px;margin-right:42px;background:#3d3e42;overflow:hidden}.pager .pager-body .left .player-box .player-container[data-v-f3cbc2d2],.pager .pager-body .left .player-box[data-v-f3cbc2d2]{width:100%;height:100%}.pager .pager-body .left .wait[data-v-f3cbc2d2]{height:100%;display:flex;justify-content:center;align-items:center;color:#fff}.pager .pager-body .left .wait .daojishi[data-v-f3cbc2d2]{background-color:hsla(0,0%,100%,.2);border-radius:8rpx;border:2rpx solid hsla(0,0%,100%,.4);padding:8rpx 16rpx}.pager .pager-body .left .wait .jieshutxt[data-v-f3cbc2d2]{text-align:center;margin-bottom:30rpx}.pager .pager-body .left .wait .huifang[data-v-f3cbc2d2]{font-size:26rpx;line-height:56rpx;background-color:hsla(0,0%,100%,.2);color:#fff;border:2rpx solid hsla(0,0%,100%,.4)}.pager .pager-body .right[data-v-f3cbc2d2]{padding:7px 7px;width:520px;height:100%;background:#3d3e42;border-radius:18px;overflow:hidden}.pager .pager-body .right[data-v-f3cbc2d2] ::-webkit-scrollbar{width:10px}.pager .pager-body .right[data-v-f3cbc2d2] ::-webkit-scrollbar-thumb{border-radius:10px;background:#2b2a2f}.pager .pager-body .right[data-v-f3cbc2d2] ::-webkit-scrollbar-track{border-radius:0;background:transparent}.pager .pager-body .right[data-v-f3cbc2d2] .tabs{margin-bottom:7px;height:64px;padding:7px 0;background:#313236;border-radius:15px;color:#fff}.pager .pager-body .right[data-v-f3cbc2d2] .tabs .el-tabs__header{margin:0;height:100%}.pager .pager-body .right[data-v-f3cbc2d2] .tabs .el-tabs__item{color:#fff;z-index:2;outline:none;font-size:20px;line-height:50px;height:50px;padding:0 10px}.pager .pager-body .right[data-v-f3cbc2d2] .tabs .el-tabs__active-bar{height:100%;border-radius:12px;z-index:1;background:#0e78ff}.pager .pager-body .right[data-v-f3cbc2d2] .tabs .el-tabs__nav-wrap:after{display:none}.pager .pager-body .right .main[data-v-f3cbc2d2]{width:100%;height:calc(100% - 71px);overflow:hidden}.pager .pager-body .right .main .main-body[data-v-f3cbc2d2]{height:100%}.pager .pager-body .right .jianjie[data-v-f3cbc2d2]{width:100%;height:100%;overflow-y:auto;border-radius:15px}.pager .pager-body .right .jianjie .content[data-v-f3cbc2d2]{width:100%;height:100%}.pager .pager-body .right .jianjie .content[data-v-f3cbc2d2] img{display:block;width:100%;height:auto}.pager .pager-body .right .chatbox[data-v-f3cbc2d2]{width:100%;height:100%;position:relative;padding-bottom:100px}.pager .pager-body .right .chatbox .error-msg[data-v-f3cbc2d2]{text-align:center;padding-top:30px;color:#7d7d7d}.pager .pager-body .right .chatbox .wsmsg-box-out[data-v-f3cbc2d2]{width:100%;height:100%;position:relative}.pager .pager-body .right .chatbox .wsmsg-box-out .new-msg-num[data-v-f3cbc2d2]{position:absolute;bottom:15px;right:20px;padding:5px 15px;background:#fff;border:1px solid #e1ecfa;color:#0e79ff;font-size:12px;border-radius:5px}.pager .pager-body .right .chatbox .wsmsg-box-out .new-msg-num[data-v-f3cbc2d2]:before{position:absolute;top:100%;left:50%;content:"";margin-left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #fff;z-index:2}.pager .pager-body .right .chatbox .wsmsg-box-out .new-msg-num[data-v-f3cbc2d2]:after{position:absolute;top:100%;left:50%;content:"";margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #e1ecfa;z-index:1}.pager .pager-body .right .chatbox .wsmsg-box[data-v-f3cbc2d2]{width:100%;height:100%;overflow:hidden}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list[data-v-f3cbc2d2]{width:100%;height:100%;padding:15px;overflow-y:auto}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .wsok-msg[data-v-f3cbc2d2]{text-align:center;font-size:12px;padding-bottom:15px;padding-top:0;color:#b1b1b1}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item[data-v-f3cbc2d2]{display:flex;margin-bottom:20px}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item .head[data-v-f3cbc2d2]{display:block;width:40px;height:40px;border-radius:50%;background:#313236;flex-shrink:0}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item .body[data-v-f3cbc2d2]{color:#fff}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item .body .name[data-v-f3cbc2d2]{padding:2px 0 10px 0}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item .body .content[data-v-f3cbc2d2]{display:flex}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item .body .content>div[data-v-f3cbc2d2]{background-color:#27384c;padding:8px 13px;font-size:14px;max-width:300px;border-radius:4px;line-height:1.4}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item.l .head[data-v-f3cbc2d2]{margin-right:15px}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item.r[data-v-f3cbc2d2]{flex-direction:row-reverse}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item.r .head[data-v-f3cbc2d2]{margin-left:15px}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item.r .body .name[data-v-f3cbc2d2]{text-align:right}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item.r .body .content[data-v-f3cbc2d2]{justify-content:flex-end}.pager .pager-body .right .chatbox .wsmsg-box .wsmsg-list .item.r .body .content>div[data-v-f3cbc2d2]{background-color:#313236}.pager .pager-body .right .chatbox .send-box[data-v-f3cbc2d2]{position:absolute;left:10px;bottom:10px;width:calc(100% - 20px);background:#2b2a2f;padding:20px 16px;display:flex;border-radius:14px}.pager .pager-body .right .chatbox .send-box .send-input[data-v-f3cbc2d2] .el-input__inner{background:#6b6b6d;border:none;color:#fff}.pager .pager-body .right .chatbox .send-box .send-btn[data-v-f3cbc2d2]{margin-left:10px;background:#2873ff;color:#fff;border:none}.pager .bottom[data-v-f3cbc2d2]{height:120px;text-align:center;color:#cbcbcb;padding-top:60px;font-size:14px}.pager .bottom a[data-v-f3cbc2d2]{color:#fff}.pager .bottom .copytext>span[data-v-f3cbc2d2]{margin-left:10px}