.container[data-v-b9725c28]{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;min-height:calc(100vh - 140px);text-align:left}.title[data-v-b9725c28]{font-weight:700;font-size:18px;padding:16px 52px}.sub-course-list[data-v-b9725c28]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 52px}.sub-course-card[data-v-b9725c28]{border:1px solid #e4e7ed;border-radius:4px;padding:16px;margin-bottom:12px;background-color:#f5f7fa;width:200px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:12px}.sub-course-card[data-v-b9725c28]:last-child{margin-right:0}.sub-course-header[data-v-b9725c28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.sub-course-index[data-v-b9725c28]{font-weight:700;font-size:16px;color:#333}.must-tag[data-v-b9725c28]{margin-left:8px;padding:2px 8px;background-color:#f56c6c;color:#fff;border-radius:3px;font-size:12px}.sub-course-field[data-v-b9725c28]{margin-bottom:8px;line-height:1.5}.field-label[data-v-b9725c28]{color:#666;font-size:14px}.field-value[data-v-b9725c28]{color:#333;font-size:14px}.course-title-wrapper[data-v-b9725c28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.must-tag-inline[data-v-b9725c28]{margin-left:12px;padding:4px 12px;background-color:#f56c6c;color:#fff;border-radius:4px;font-size:12px;white-space:nowrap}.box[data-v-b9725c28]{position:relative;padding-left:120px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-20px}.box:hover .shadow[data-v-b9725c28]{display:-webkit-box;display:-ms-flexbox;display:flex}.box .img[data-v-b9725c28]{width:200px;height:200px}.box .shadow[data-v-b9725c28]{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:120px;top:0;width:200px;height:200px;background-color:rgba(0,0,0,.6);display:none}.box i+i[data-v-b9725c28]{margin-left:30px;color:#d44747}.box i[data-v-b9725c28]{color:#fff;font-size:30px;text-align:center;cursor:pointer}.goods-name[data-v-b9725c28]{color:#333;font-size:14px}.sub-course-tip[data-v-b9725c28]{margin-left:10px;color:#999;font-size:12px}.drag-tip[data-v-b9725c28]{font-size:12px;color:#999;margin-bottom:8px}.selected-course-list[data-v-b9725c28]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;padding:16px 52px;background-color:#fafafa;border-radius:4px;min-height:60px;position:relative;padding-top:0}.selected-course-item[data-v-b9725c28]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;cursor:move;-webkit-transition:opacity .2s,-webkit-box-shadow .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s,opacity .2s;transition:box-shadow .2s,transform .2s,opacity .2s,-webkit-box-shadow .2s,-webkit-transform .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.selected-course-item[data-v-b9725c28]:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.selected-course-item:hover .delete-btn[data-v-b9725c28]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.selected-course-item.drag-active[data-v-b9725c28]{opacity:.4;-webkit-transform:scale(.97);transform:scale(.97);-webkit-box-shadow:0 4px 12px rgba(64,158,255,.3);box-shadow:0 4px 12px rgba(64,158,255,.3);border-color:#409eff}.selected-course-item.drag-others[data-v-b9725c28]{-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.selected-course-item.drop-before[data-v-b9725c28]:before{content:"";position:absolute;top:-7px;left:0;right:0;height:3px;background-color:#409eff;border-radius:2px;z-index:10}.selected-course-item.drop-after[data-v-b9725c28]:after{content:"";position:absolute;bottom:-7px;left:0;right:0;height:3px;background-color:#409eff;border-radius:2px;z-index:10}.selected-course-item .drag-handle[data-v-b9725c28]{color:#c0c4cc;font-size:14px;cursor:move;margin-right:6px}.selected-course-item .drag-handle[data-v-b9725c28]:hover{color:#666}.selected-course-item .course-name[data-v-b9725c28]{font-size:13px;color:#333;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-course-item .course-type-tag[data-v-b9725c28]{margin-left:6px;padding:1px 6px;font-size:11px;border-radius:3px;color:#fff}.selected-course-item .course-type-tag.type-1[data-v-b9725c28]{background-color:#409eff}.selected-course-item .course-type-tag.type-2[data-v-b9725c28]{background-color:#67c23a}.selected-course-item .course-type-tag.type-3[data-v-b9725c28]{background-color:#e6a23c}.selected-course-item .course-type-tag.type-4[data-v-b9725c28]{background-color:#f56c6c}.selected-course-item .delete-btn[data-v-b9725c28]{display:none;margin-left:6px;color:#999;font-size:14px;cursor:pointer}.selected-course-item .delete-btn[data-v-b9725c28]:hover{color:#f56c6c}.sub-course-dialog-content .el-table th>.cell[data-v-b9725c28]{font-weight:700}.video-preview[data-v-b9725c28]{position:relative;display:inline-block}.video-preview:hover .video-actions[data-v-b9725c28]{display:-webkit-box;display:-ms-flexbox;display:flex}.video-preview .video-actions[data-v-b9725c28]{position:absolute;top:0;left:0;width:300px;height:180px;background-color:rgba(0,0,0,.6);display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-preview .video-actions i[data-v-b9725c28]{color:#fff;font-size:30px;cursor:pointer}.video-preview .video-actions i+i[data-v-b9725c28]{margin-left:30px;color:#d44747}.el-image-viewer__close i{color:#fff}