#app{padding:0;overflow:auto}.custom_header{background-color:#e5e3e3!important}th.custom_header{border-left:2px solid #fff}#live_list{margin:0;padding:0;width:100%;height:100%;min-width:764px;display:flex;flex-direction:column;background-color:#f5f5f5;position:relative}#live_list .bread{padding:0 30px;height:46px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff}#live_list .bread .el-breadcrumb{line-height:46px}#live_list .bread .notice{font-size:12px;color:#999}#live_list .cont{height:calc(100% - 62px);overflow:hidden}#live_list .cont .titlebox{display:flex;justify-content:space-between;align-items:center}#live_list .cont .titlebox .title{border-left:4px solid #1890ff;padding:4px 8px;margin:16px 30px;font-weight:500;color:#262626}#live_list .cont .titlebox .notice{font-size:12px;color:#999;padding:0 30px}#live_list .cont .course_search_form{display:flex;flex-wrap:wrap}#live_list .cont .search-box{padding:0 30px 16px}#live_list .cont .search-box .search-input{width:300px}#live_list .bottom{margin-top:16px;background-color:#fff;display:flex;flex-direction:column}#live_list .bottom .string{height:1px;background-color:#e8e8e8}#live_list .bottom .notice{font-size:12px;color:#999}#live_list .bottom .notice .right_grid{display:flex;grid-template-columns:1fr 1fr}#live_list .bottom .notice .refresh{display:block;font-size:14px;color:#1890ff;cursor:pointer}#live_list .bottom .el-form{padding:11px 16px 0}#live_list .bottom .el-form .el-form-item{margin-bottom:11px!important}#live_list .bottom .el-form .el-button{padding:0 36px}#live_list .bottom .table_box{flex:1;display:flex;flex-direction:column;overflow:hidden}#live_list .bottom .table_box .el-table .caozuo{font-size:14px;color:#1890ff;cursor:pointer;margin-right:5px}#live_list .bottom .table_box .paging_box{margin-left:30px;padding:10px}#live_list .bottom .watch_teacher{font-family:Arial,sans-serif;background-color:#f1f5f9;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding-top:16px}#live_list .bottom .watch_teacher .name{font-weight:700;margin-bottom:6px}#live_list .bottom .watch_teacher .content{display:flex;gap:20px;margin-bottom:16px}#live_list .bottom .watch_teacher .card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center;width:200px;box-shadow:0 2px 4px rgba(0,0,0,.1)}#live_list .bottom .watch_teacher .number{font-size:24px;font-weight:700;color:#4285f4;margin-bottom:10px}#live_list .bottom .watch_teacher .status{font-size:16px;color:#5f6368}*{padding:0}.user-info{font-size:14px;color:#666;font-weight:400;margin-left:10px}.logout-btn{color:#f56c6c;margin-left:10px}.logout-btn:hover{color:#f78989}.copy-url-message-box{max-width:600px}.copy-url-message-box .el-message-box__btns{display:none!important}.copy-url-message-box .el-message-box__content{padding:20px 20px 0 20px!important}.copy-url-dialog{display:flex;flex-direction:column;gap:16px;padding:4px 0}.copy-url-text{word-wrap:break-word;word-break:break-all;padding:12px 16px;background-color:#f5f7fa;border:1px solid #e4e7ed;border-radius:6px;font-size:14px;line-height:1.6;color:#303133;-moz-user-select:all;user-select:all;-webkit-user-select:all;max-height:200px;overflow-y:auto}.copy-url-actions{display:flex;justify-content:flex-end;gap:10px}.copy-url-btn{padding:8px 20px;background-color:#409eff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s;min-width:140px}.copy-url-btn:hover{background-color:#66b1ff}.copy-url-btn:active{background-color:#3a8ee6}.copy-url-btn-success{cursor:default}.copy-url-btn-success,.copy-url-btn-success:hover{background-color:#67c23a!important}.copy-url-btn-fail{cursor:default}.copy-url-btn-fail,.copy-url-btn-fail:hover{background-color:#f56c6c!important}