.course-ware-template-page[data-v-541f9718]{padding:20px;height:calc(100vh - 80px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-ware-template-page .header-bar[data-v-541f9718]{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e6e6e6}.course-ware-template-page .main-layout[data-v-541f9718]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:20px;height:100%}.course-ware-template-page .main-layout .left-panel[data-v-541f9718]{width:280px;border:1px solid #e6e6e6;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-ware-template-page .main-layout .left-panel .panel-title[data-v-541f9718]{padding:12px 15px;background:#f5f7fa;border-bottom:1px solid #e6e6e6;font-weight:700;font-size:14px;color:#606266}.course-ware-template-page .main-layout .left-panel .page-list[data-v-541f9718]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px}.course-ware-template-page .main-layout .left-panel .page-list .page-item[data-v-541f9718]{padding:10px;border:1px solid #e6e6e6;border-radius:4px;margin-bottom:10px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.course-ware-template-page .main-layout .left-panel .page-list .page-item.active[data-v-541f9718]{border-color:#409eff;background:#f0f7ff}.course-ware-template-page .main-layout .left-panel .page-list .page-item[data-v-541f9718]:hover{border-color:#409eff}.course-ware-template-page .main-layout .left-panel .page-list .page-item .list-image[data-v-541f9718]{width:100%;height:120px;border-radius:4px;overflow:hidden;margin-bottom:8px}.course-ware-template-page .main-layout .left-panel .page-list .page-item .list-image img[data-v-541f9718]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-ware-template-page .main-layout .left-panel .page-list .page-item .list-image .empty-image[data-v-541f9718]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f5f5f5;color:#999;font-size:12px}.course-ware-template-page .main-layout .left-panel .page-list .page-item .page-name[data-v-541f9718]{font-size:14px;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-ware-template-page .main-layout .left-panel .page-list .page-item .page-seq[data-v-541f9718]{font-size:12px;color:#999}.course-ware-template-page .main-layout .left-panel .page-list .empty-list[data-v-541f9718]{padding:20px;text-align:center;color:#999;font-size:14px}.course-ware-template-page .main-layout .middle-panel[data-v-541f9718]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #e6e6e6;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-ware-template-page .main-layout .middle-panel .panel-title[data-v-541f9718]{padding:12px 15px;background:#f5f7fa;border-bottom:1px solid #e6e6e6;font-weight:700;font-size:14px;color:#606266}.course-ware-template-page .main-layout .middle-panel .preview-container[data-v-541f9718]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px}.course-ware-template-page .main-layout .middle-panel .preview-container .preview-content[data-v-541f9718]{position:relative;-webkit-transition:all .3s;transition:all .3s}.course-ware-template-page .main-layout .middle-panel .preview-container .preview-content .image-preview[data-v-541f9718]{width:100%;height:100%}.course-ware-template-page .main-layout .middle-panel .preview-container .preview-content .image-preview img[data-v-541f9718]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-ware-template-page .main-layout .middle-panel .preview-container .preview-content .color-preview[data-v-541f9718],.course-ware-template-page .main-layout .middle-panel .preview-container .preview-content .content-preview[data-v-541f9718]{width:100%;height:100%}.course-ware-template-page .main-layout .middle-panel .preview-container .preview-content .content-preview .content-placeholder[data-v-541f9718]{width:100%;height:100%;overflow:auto}.course-ware-template-page .main-layout .middle-panel .preview-container .preview-content .default-preview[data-v-541f9718]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;font-size:16px}.course-ware-template-page .main-layout .middle-panel .empty-preview[data-v-541f9718]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;font-size:16px}.course-ware-template-page .main-layout .right-panel[data-v-541f9718]{width:380px;border:1px solid #e6e6e6;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-ware-template-page .main-layout .right-panel .panel-title[data-v-541f9718]{padding:12px 15px;background:#f5f7fa;border-bottom:1px solid #e6e6e6;font-weight:700;font-size:14px;color:#606266}.course-ware-template-page .main-layout .right-panel .setting-form[data-v-541f9718]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:15px}.course-ware-template-page .main-layout .right-panel .setting-form .fill-config[data-v-541f9718]{margin-top:20px;padding-top:20px;border-top:1px dashed #e6e6e6}.course-ware-template-page .main-layout .right-panel .setting-form .fill-config .image-preview[data-v-541f9718]{margin-top:10px;width:100%;height:100px;border-radius:4px;overflow:hidden}.course-ware-template-page .main-layout .right-panel .setting-form .fill-config .image-preview img[data-v-541f9718]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-ware-template-page .main-layout .right-panel .setting-form .fill-config .content-config[data-v-541f9718],.course-ware-template-page .main-layout .right-panel .setting-form .fill-config .gradient-config[data-v-541f9718]{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}.course-ware-template-page .main-layout .right-panel .empty-setting[data-v-541f9718]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;font-size:16px}.course-ware-template-page[data-v-541f9718] .sortable-ghost{opacity:.6;background:#f0f7ff}