.liveBroadcast-container[data-v-fdace74a]{height:100%}.liveBroadcast-container .el-header[data-v-fdace74a]{justify-content:space-between;background:#0e1119;color:#ccc}.liveBroadcast-container .el-header .left img[data-v-fdace74a]{margin-right:16px}.liveBroadcast-container .el-header .right .username[data-v-fdace74a]{color:#ccc;margin-right:16px;font-weight:700}.liveBroadcast-container .el-main[data-v-fdace74a]{background:#000;padding:0;display:flex}.liveBroadcast-container .el-main .left[data-v-fdace74a],.liveBroadcast-container .el-main .right[data-v-fdace74a]{width:380px;background:#1c202a}.liveBroadcast-container .center[data-v-fdace74a]{flex:1;background:#000}.liveBroadcast-container .center .header-box[data-v-fdace74a]{height:50px;justify-content:space-between;padding:0 10px;background:#0e1119;color:#ccc}.liveBroadcast-container .center .header-box .courseName[data-v-fdace74a]{font-size:18px}.liveBroadcast-container .center .content-box[data-v-fdace74a]{height:calc(100% - 50px);position:relative}.liveBroadcast-container .center .content-box .tool-box[data-v-fdace74a]{justify-content:space-between;position:absolute;width:100%;padding:0 20px;bottom:10px}.liveBroadcast-container .center .content-box .tool-box .icon[data-v-fdace74a]{width:50px;height:50px;margin:0 10px;cursor:pointer}.liveBroadcast-container .center .content-box .local-stream[data-v-fdace74a]{width:100%;height:100%}.liveBroadcast-container .center .content-box .distant-stream[data-v-fdace74a]{width:200px;height:200px}