.class-content[data-v-7d8c3e94]{position:relative;flex:1;display:flex;flex-direction:column;height:100%;overflow:auto}.class-content .content[data-v-7d8c3e94]{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:8px}.class-content .title[data-v-7d8c3e94]{font-size:20px;font-weight:600;color:#fff;line-height:28px;height:72px;display:flex;align-items:center}.class-content .title .back[data-v-7d8c3e94]{font-size:14px;font-weight:600;color:#409fff;line-height:20px;width:72px;height:24px;display:flex;align-items:center;box-sizing:border-box;margin-left:20px;padding-left:12px;background:#f0faff;border-radius:18px}.class-content .input-header[data-v-7d8c3e94]{width:100%;border-bottom:1px solid rgba(39,44,51,.1);padding:20px 24px;display:none}.class-content .searc-header[data-v-7d8c3e94]{margin-top:20px;padding:0 24px}.class-content .searc-header .el-date-editor[data-v-7d8c3e94]{width:319px;height:36px!important;margin-right:20px;border-radius:18px}.class-content .searc-header .el-date-editor .el-range__icon[data-v-7d8c3e94]{line-height:28px!important}.class-content .searc-header .el-date-editor .el-range-separator[data-v-7d8c3e94]{line-height:28px!important;width:14%}.class-content .searc-header[data-v-7d8c3e94] .el-date-editor .el-range__icon{line-height:28px!important}.class-content .searc-header[data-v-7d8c3e94] .el-range-separator{line-height:28px!important;width:14%}.class-content .searc-header .el-select[data-v-7d8c3e94]{margin-right:20px;margin-bottom:12px;width:160px}.class-content .searc-header .el-input .el-input__inner[data-v-7d8c3e94]{border-radius:4px}.class-content .live-list[data-v-7d8c3e94]{margin-top:20px;padding:0 24px;overflow:scroll}.class-content .live-list .live-item[data-v-7d8c3e94]{border:1px solid rgba(39,44,51,.1);background:#f7f8f9;border-radius:8px;padding:20px 24px;margin-bottom:24px;position:relative}.class-content .live-list .live-item .status-icon[data-v-7d8c3e94]{height:39px;width:80px;position:absolute;top:14px;right:-6px}.class-content .live-list .live-item .before[data-v-7d8c3e94]{background:url(../../static/img/before.0565ab1b.png) no-repeat;background-size:cover}.class-content .live-list .live-item .start[data-v-7d8c3e94]{background:url(../../static/img/start.25677ee8.png) no-repeat;background-size:cover}.class-content .live-list .live-item .after[data-v-7d8c3e94]{background:url(../../static/img/after.0be2eaa2.png) no-repeat;background-size:cover}.class-content .live-list .live-item .null-data[data-v-7d8c3e94]{background:url(../../static/img/null-data.35e1d2d5.png) no-repeat;width:110px;background-size:contain;right:-20px}.class-content .live-list .live-item .ongoing[data-v-7d8c3e94]{background:url(../../static/img/ongoing.37ae664b.png) no-repeat;background-size:contain;right:-4px;height:88px;width:90px}.class-content .live-list .live-item .course-name img[data-v-7d8c3e94]{height:32px;width:32px;vertical-align:middle}.class-content .live-list .live-item .course-name span[data-v-7d8c3e94]{font-size:20px;color:#3d444d;font-weight:600;vertical-align:middle;margin-left:8px}.class-content .live-list .live-item .course-name .label[data-v-7d8c3e94]{width:54px;height:24px;background:#f0faff;text-align:center;line-height:24px;font-family:PingFangSC-Semibold;font-size:14px;color:#409fff;display:inline-block;border-radius:12px}.class-content .live-list .live-item .course-info[data-v-7d8c3e94]{margin-top:18px}.class-content .live-list .live-item .course-info .course-info-item[data-v-7d8c3e94]{float:left;margin-right:28px}.class-content .live-list .live-item .course-info .course-info-item .item-title[data-v-7d8c3e94]{margin-right:8px;font-size:16px;color:#626a73;font-weight:600}.class-content .live-list .live-item .course-info .course-info-item .item-name[data-v-7d8c3e94]{color:#626a73}.class-content .live-list .live-item .course-operation[data-v-7d8c3e94]{margin-top:40px}.class-content .live-list .live-item .course-operation .cancel-button[data-v-7d8c3e94]{height:36px;width:88px;border-radius:18px;font-size:14px;color:#fff;text-align:center;line-height:36px;font-weight:600;cursor:pointer;float:left;background-image:linear-gradient(225deg,#74ceff,#409fff);margin-right:20px}.class-content .live-list .live-item .course-operation .cancel-button[data-v-7d8c3e94]:hover{box-shadow:0 2px 6px 0 rgba(64,159,255,.4)}.class-content .live-list .live-item .course-operation .detal-button[data-v-7d8c3e94]{height:36px;width:88px;border:1px solid #409fff;border-radius:18px;font-size:14px;color:#409fff;text-align:center;line-height:36px;font-weight:600;cursor:pointer;float:left}.class-content .live-list .live-item .course-operation .allow-play[data-v-7d8c3e94]{float:left;margin:10px 0 0 20px}.class-content .live-list .live-item .course-operation .allow-play .el-checkbox .el-checkbox__label[data-v-7d8c3e94]{padding-left:5px;font-size:15px;color:#626a73}.class-content .live-list .live-item .course-operation .allow-play .el-checkbox .el-checkbox__inner[data-v-7d8c3e94]{height:20px;width:20px}.class-content .live-list .live-item .course-operation .allow-play .el-checkbox .el-checkbox__inner[data-v-7d8c3e94]:after{border-bottom:2px solid #fff;border-right:2px solid #fff;height:7px;left:7px;top:3px}.class-content .live-list .live-item .more[data-v-7d8c3e94]{color:#409fff;position:absolute;bottom:20px;right:24px}.class-content .live-list .live-item .more .spot[data-v-7d8c3e94]{height:5px;width:5px;border-radius:50%;background-color:#959da6;display:inline-block;margin-right:5px}[data-v-7d8c3e94] .el-input{width:160px}[data-v-7d8c3e94] .el-input .el-input__inner{width:160px;height:36px;border-radius:20px}[data-v-7d8c3e94] .el-input .el-input__icon{line-height:36px}.no-data[data-v-7d8c3e94]{margin:0 auto;margin-top:300px}.no-data img[data-v-7d8c3e94]{height:120px}.no-data div[data-v-7d8c3e94]{text-align:center;margin-top:10px}.clearfix[data-v-7d8c3e94]:after{clear:both;content:" ";display:block;height:0;overflow:hidden;line-height:0;font-size:0}.class-content[data-v-ebd826ec]{position:relative;display:flex;flex-direction:column;height:100%;overflow:auto}.class-content .content[data-v-ebd826ec]{height:100%;overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:8px}.class-content .title[data-v-ebd826ec]{font-size:20px;font-weight:600;color:#fff;line-height:28px;height:72px;display:flex;align-items:center}.class-content .title .back[data-v-ebd826ec]{font-size:14px;font-weight:600;color:#409fff;line-height:20px;width:72px;height:24px;display:flex;align-items:center;box-sizing:border-box;margin-left:20px;padding-left:12px;background:#f0faff;border-radius:18px}.class-content .input-header[data-v-ebd826ec]{width:100%;border-bottom:1px solid rgba(39,44,51,.1);padding:20px 24px;display:none}.class-content .searc-header[data-v-ebd826ec]{margin-top:20px;padding:0 24px;display:flex}.class-content .searc-header .el-date-editor[data-v-ebd826ec]{height:36px!important;margin-right:20px}.class-content .searc-header .el-date-editor .el-range-separator[data-v-ebd826ec],.class-content .searc-header .el-date-editor .el-range__icon[data-v-ebd826ec]{line-height:29px}.class-content .searc-header .el-select[data-v-ebd826ec]{margin-right:20px}.class-content .searc-header .el-input .el-input__inner[data-v-ebd826ec]{border-radius:4px}.class-content .live-list[data-v-ebd826ec]{margin-top:20px;padding:0 24px;overflow:scroll}.class-content .live-list .live-item[data-v-ebd826ec]{border:1px solid rgba(39,44,51,.1);background:#f7f8f9;border-radius:8px;padding:20px 24px;margin-bottom:24px;position:relative}.class-content .live-list .live-item .status-icon[data-v-ebd826ec]{height:39px;width:80px;position:absolute;top:14px;right:-6px}.class-content .live-list .live-item .before[data-v-ebd826ec]{background:url(../../static/img/before.0565ab1b.png) no-repeat;background-size:cover}.class-content .live-list .live-item .start[data-v-ebd826ec]{background:url(../../static/img/start.25677ee8.png) no-repeat;background-size:cover}.class-content .live-list .live-item .after[data-v-ebd826ec]{background:url(../../static/img/after.0be2eaa2.png) no-repeat;background-size:cover}.class-content .live-list .live-item .null-data[data-v-ebd826ec]{background:url(../../static/img/null-data.35e1d2d5.png) no-repeat;width:110px;background-size:contain;right:-20px}.class-content .live-list .live-item .ongoing[data-v-ebd826ec]{background:url(../../static/img/ongoing.37ae664b.png) no-repeat;background-size:contain;right:-4px;height:88px;width:90px}.class-content .live-list .live-item .course-name[data-v-ebd826ec]{display:flex;align-items:center}.class-content .live-list .live-item .course-name img[data-v-ebd826ec]{height:32px;width:32px;vertical-align:middle}.class-content .live-list .live-item .course-name span[data-v-ebd826ec]{font-size:20px;color:#3d444d;font-weight:600;vertical-align:middle;margin-left:8px}.class-content .live-list .live-item .course-name>.label[data-v-ebd826ec]{width:54px;height:24px;background:#f0faff;text-align:center;line-height:24px;font-family:PingFangSC-Semibold;font-size:14px;color:#409fff;display:inline-block;border-radius:12px}.class-content .live-list .live-item .course-name .status img[data-v-ebd826ec]{width:20px}.class-content .live-list .live-item .course-name .status .label[data-v-ebd826ec]{font-size:16px;font-weight:600;color:#23da7d;line-height:24px}.class-content .live-list .live-item .course-info[data-v-ebd826ec]{margin-top:18px}.class-content .live-list .live-item .course-info .course-info-item[data-v-ebd826ec]{float:left;margin-right:28px}.class-content .live-list .live-item .course-info .course-info-item .item-title[data-v-ebd826ec]{margin-right:8px;font-size:16px;color:#626a73;font-weight:600}.class-content .live-list .live-item .course-info .course-info-item .item-name[data-v-ebd826ec]{color:#626a73}.class-content .live-list .live-item .course-operation[data-v-ebd826ec]{margin-top:40px}.class-content .live-list .live-item .course-operation .cancel-button[data-v-ebd826ec]{height:36px;width:88px;border-radius:18px;font-size:14px;color:#fff;text-align:center;line-height:36px;font-weight:600;cursor:pointer;float:left;background-image:linear-gradient(225deg,#74ceff,#409fff);margin-right:20px}.class-content .live-list .live-item .course-operation .cancel-button[data-v-ebd826ec]:hover{box-shadow:0 2px 6px 0 rgba(64,159,255,.4)}.class-content .live-list .live-item .course-operation .detal-button[data-v-ebd826ec]{height:36px;width:88px;border:1px solid #409fff;border-radius:18px;font-size:14px;color:#409fff;text-align:center;line-height:36px;font-weight:600;cursor:pointer;float:left}.class-content .live-list .live-item .course-operation .allow-play[data-v-ebd826ec]{float:left;margin:10px 0 0 20px}.class-content .live-list .live-item .course-operation .allow-play .el-checkbox .el-checkbox__label[data-v-ebd826ec]{padding-left:5px;font-size:15px;color:#626a73}.class-content .live-list .live-item .course-operation .allow-play .el-checkbox .el-checkbox__inner[data-v-ebd826ec]{height:20px;width:20px}.class-content .live-list .live-item .course-operation .allow-play .el-checkbox .el-checkbox__inner[data-v-ebd826ec]:after{border-bottom:2px solid #fff;border-right:2px solid #fff;height:7px;left:7px;top:3px}.class-content .live-list .live-item .course-operation .el-dropdown-link[data-v-ebd826ec]{display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:600;text-align:right;color:#409fff;line-height:14px;width:88px;height:36px;background:#f0faff;border:1px solid #409fff;border-radius:19px;cursor:pointer}.class-content .live-list .live-item .course-operation .el-icon-arrow-down[data-v-ebd826ec]{font-size:12px}.class-content .live-list .live-item .more[data-v-ebd826ec]{color:#409fff;position:absolute;bottom:20px;right:24px}.class-content .live-list .live-item .more .spot[data-v-ebd826ec]{height:5px;width:5px;border-radius:50%;background-color:#959da6;display:inline-block;margin-right:5px}[data-v-ebd826ec] .el-input{width:240px}[data-v-ebd826ec] .el-input .el-input__inner{width:240px;height:36px;border-radius:20px}[data-v-ebd826ec] .el-input .el-input__icon{line-height:36px}.no-data[data-v-ebd826ec]{margin:300px auto 0}.no-data img[data-v-ebd826ec]{height:120px}.no-data div[data-v-ebd826ec]{text-align:center;margin-top:10px}.clearfix[data-v-ebd826ec]:after{clear:both;content:" ";display:block;height:0;overflow:hidden;line-height:0;font-size:0}.content[data-v-d0c0a7e4]{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:8px}.content[data-v-d0c0a7e4] .el-tabs{height:100%;display:flex;flex-direction:column}.content[data-v-d0c0a7e4] .el-tabs .el-tabs__header{margin:0}.content[data-v-d0c0a7e4] .el-tabs .el-tabs__header ::v-deep .el-tabs__active-bar .is-top{width:110px!important}.content[data-v-d0c0a7e4] .el-tabs .el-tabs__header .el-tabs__item.is-active .tag-text{font-size:16px;font-weight:600;line-height:24px}.content[data-v-d0c0a7e4] .el-tabs .el-tabs__header span{font-size:16px}.content[data-v-d0c0a7e4] .el-tabs .el-tabs__header .el-tabs__active-bar{height:3px;width:64px!important;border-radius:2px}.content[data-v-d0c0a7e4] .el-tabs .el-tabs__header .el-tabs__nav{margin-left:8px}.content[data-v-d0c0a7e4] .el-tabs .el-tabs__header .el-tabs__nav-wrap:after{height:1px;background-color:#ebebeb}.content[data-v-d0c0a7e4] .el-tabs .el-tabs__header .tag{font-size:12px;font-weight:600;line-height:16px}.content[data-v-d0c0a7e4] .el-tabs .el-tabs__content{flex:1;overflow:hidden}.content[data-v-d0c0a7e4] .el-tabs .el-tabs__content .el-tab-pane{height:100%}.content[data-v-d0c0a7e4] .el-tabs__item{height:56px;line-height:56px;padding:0 16px!important}.content .tag[data-v-d0c0a7e4]{height:16px;margin-left:4px;line-height:16px}