[data-v-674e9a62]{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.list-none[data-v-674e9a62]{margin:0 auto;padding:0;list-style:none}.text-left[data-v-674e9a62]{text-align:left}.text-center[data-v-674e9a62]{text-align:center}.text-right[data-v-674e9a62]{text-align:right}.pull-left[data-v-674e9a62]{float:left}.pull-right[data-v-674e9a62]{float:right}.dis-table[data-v-674e9a62]{display:table}.dis-table.ver-mid>.dis-tab-cell[data-v-674e9a62]{vertical-align:middle}.dis-table.ver-top>.dis-tab-cell[data-v-674e9a62]{vertical-align:top}.dis-table.ver-bot>.dis-tab-cell[data-v-674e9a62]{vertical-align:bottom}.ver-mid[data-v-674e9a62]{vertical-align:middle}.ver-top[data-v-674e9a62]{vertical-align:top}.img-ver-align[data-v-674e9a62]{vertical-align:text-bottom}.dis-tab-header-group[data-v-674e9a62]{display:table-header-group}.dis-tab-group[data-v-674e9a62]{display:table-row-group}.dis-tab-row[data-v-674e9a62]{display:table-row}.dis-tab-cell[data-v-674e9a62]{display:table-cell}.click-element[data-v-674e9a62]{cursor:pointer}.click-element[data-v-674e9a62]:active{opacity:.6}.move-element[data-v-674e9a62]{cursor:move}.noselect[data-v-674e9a62]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nopointer[data-v-674e9a62]{pointer-events:none}.clearfix[data-v-674e9a62]:after,.clearfix[data-v-674e9a62]:before{display:table;content:" "}.clearfix[data-v-674e9a62]:after{clear:both}.ellipsis[data-v-674e9a62]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-v-674e9a62]{margin:0;padding:0;font-size:.8333333333vw;line-height:1.125;color:#666;background-color:#f3f4fc}.el-input__inner[data-v-674e9a62],.el-textarea__inner[data-v-674e9a62],body[data-v-674e9a62],button[data-v-674e9a62]{font-family:微软雅黑,Microsoft YaHei,Verdana,Arial,Helvetica,sans-serif}.layout-line[data-v-674e9a62]{background-color:#ccc;border:none;height:1px}.img-container[data-v-674e9a62]{background-size:cover;background-position:50%;background-repeat:no-repeat}.play-icon:hover .playicon[data-v-674e9a62]{position:relative}.play-icon:hover .playicon[data-v-674e9a62]:before{position:absolute;width:100%;height:100%;left:0;top:0;content:"";z-index:1;background:url(https://fs.iclass30.com/aliba/region/default/play.png) no-repeat 50%}.transparent[data-v-674e9a62]{opacity:0}.flex-center[data-v-674e9a62]{display:flex;align-items:center;justify-content:center}.flex-start[data-v-674e9a62]{display:flex;align-items:center;justify-content:flex-start}.flex-end[data-v-674e9a62]{display:flex;align-items:center;justify-content:flex-end}.flex-between[data-v-674e9a62]{display:flex;align-items:center;justify-content:space-between}.flex-around[data-v-674e9a62]{display:flex;align-items:center;justify-content:space-around}.icon[data-v-674e9a62]{vertical-align:-.15em;fill:currentColor;overflow:hidden}.bgLightBlue[data-v-674e9a62]{cursor:pointer}.bgLightBlue[data-v-674e9a62]:hover{background-color:#e8f3fe}[data-theme=red] .bgLightBlue[data-v-674e9a62]:hover{background-color:#f8e8eb}[data-theme=cyan] .bgLightBlue[data-v-674e9a62]:hover{background-color:#effbf5}[data-theme=yellow] .bgLightBlue[data-v-674e9a62]:hover{background-color:#fff0e0}[data-theme=blue] .bgLightBlue[data-v-674e9a62]:hover{background-color:#e8f3fe}[data-theme=green] .bgLightBlue[data-v-674e9a62]:hover{background-color:#e5f6ee}[data-theme=purple] .bgLightBlue[data-v-674e9a62]:hover{background-color:#eaecff}[data-theme=seablue] .bgLightBlue[data-v-674e9a62]:hover,[data-theme=weekblue] .bgLightBlue[data-v-674e9a62]:hover{background-color:#e8f3fe}[data-theme=darkreen] .bgLightBlue[data-v-674e9a62]:hover{background-color:#e6f7e5}[data-theme=deepblue] .bgLightBlue[data-v-674e9a62]:hover{background-color:#57a3f3}.dt-opera-cell-btn[data-v-674e9a62]{margin-right:12px;color:#009bff}.dt-opera-cell-del-btn[data-v-674e9a62]{color:#f56353}.dt-opera-cell-del-btn[data-v-674e9a62]:hover{color:#f56353!important}.head-tip-txt[data-v-674e9a62]{color:#f56353;display:block;float:right;padding-right:50px;font-size:16px}.transtop[data-v-674e9a62]:hover{transition:.3s;transform:translateY(-5px)}.infinite-y[data-v-674e9a62]{-webkit-animation:infinitevertical-674e9a62 30s linear infinite;animation:infinitevertical-674e9a62 30s linear infinite}.infinite-y[data-v-674e9a62]:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.infinite-x[data-v-674e9a62]{-webkit-animation:infinitehorizontal-674e9a62 30s linear infinite;animation:infinitehorizontal-674e9a62 30s linear infinite}.infinite-x[data-v-674e9a62]:hover{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes infinitevertical-674e9a62{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes infinitevertical-674e9a62{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@-webkit-keyframes infinitehorizontal-674e9a62{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes infinitehorizontal-674e9a62{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.online-class-view[data-v-674e9a62]{width:var(--mainWidth);margin:0 auto;padding-top:20px}.course-info[data-v-674e9a62]{height:42px;padding-left:30px;line-height:42px;background:#232323;border-radius:4px 4px 0 0}.course-footer[data-v-674e9a62]{height:42px;background:#232323;border-radius:0 0 4px 4px}.course-info-item[data-v-674e9a62]{margin-right:50px;font-size:14px;color:#fff}.course-video[data-v-674e9a62]{width:100%;height:600px;position:relative}.course-video .thumbnail-img[data-v-674e9a62]{width:100%;height:100%}.course-video .play-img[data-v-674e9a62]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-and-introduction[data-v-674e9a62]{margin:20px 0;padding-bottom:36px}.menu-and-introduction .left-box[data-v-674e9a62]{float:left;width:calc(73% - 14.6px);min-height:340px;margin-right:20px;padding:10px 30px;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.06);border-radius:4px}.menu-and-introduction .right-box[data-v-674e9a62]{float:left;width:calc(27% - 5.4px);min-height:340px;padding:8px 30px;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.06);border-radius:4px}.type-box[data-v-674e9a62]{border-bottom:1px solid #e6e6e6}.type-box .type-item[data-v-674e9a62]{padding:13px 20px;margin-right:65px;display:inline-block;font-size:18px;color:#333;cursor:pointer}.type-box .type-item[data-v-674e9a62]:hover{color:#0f57d9!important}[data-theme=red] .type-box .type-item[data-v-674e9a62]:hover{color:#fd032f!important}[data-theme=cyan] .type-box .type-item[data-v-674e9a62]:hover{color:#14d6dc!important}[data-theme=yellow] .type-box .type-item[data-v-674e9a62]:hover{color:#fea43e!important}[data-theme=blue] .type-box .type-item[data-v-674e9a62]:hover{color:#0f57d9!important}[data-theme=green] .type-box .type-item[data-v-674e9a62]:hover{color:#0fa764!important}[data-theme=purple] .type-box .type-item[data-v-674e9a62]:hover{color:#939fff!important}[data-theme=seablue] .type-box .type-item[data-v-674e9a62]:hover{color:#1988f4!important}[data-theme=weekblue] .type-box .type-item[data-v-674e9a62]:hover{color:#409eff!important}[data-theme=darkreen] .type-box .type-item[data-v-674e9a62]:hover{color:#487446!important}[data-theme=deepblue] .type-box .type-item[data-v-674e9a62]:hover{color:#2d8cf0!important}.type-box .type-item.is-active[data-v-674e9a62]{color:#0f57d9!important;border-bottom:2px solid #0f57d9}[data-theme=red] .type-box .type-item.is-active[data-v-674e9a62]{color:#fd032f!important}[data-theme=cyan] .type-box .type-item.is-active[data-v-674e9a62]{color:#14d6dc!important}[data-theme=yellow] .type-box .type-item.is-active[data-v-674e9a62]{color:#fea43e!important}[data-theme=blue] .type-box .type-item.is-active[data-v-674e9a62]{color:#0f57d9!important}[data-theme=green] .type-box .type-item.is-active[data-v-674e9a62]{color:#0fa764!important}[data-theme=purple] .type-box .type-item.is-active[data-v-674e9a62]{color:#939fff!important}[data-theme=seablue] .type-box .type-item.is-active[data-v-674e9a62]{color:#1988f4!important}[data-theme=weekblue] .type-box .type-item.is-active[data-v-674e9a62]{color:#409eff!important}[data-theme=darkreen] .type-box .type-item.is-active[data-v-674e9a62]{color:#487446!important}[data-theme=deepblue] .type-box .type-item.is-active[data-v-674e9a62]{color:#2d8cf0!important}[data-theme=red] .type-box .type-item.is-active[data-v-674e9a62]{border-bottom:2px solid #fd032f}[data-theme=cyan] .type-box .type-item.is-active[data-v-674e9a62]{border-bottom:2px solid #14d6dc}[data-theme=yellow] .type-box .type-item.is-active[data-v-674e9a62]{border-bottom:2px solid #fea43e}[data-theme=blue] .type-box .type-item.is-active[data-v-674e9a62]{border-bottom:2px solid #0f57d9}[data-theme=green] .type-box .type-item.is-active[data-v-674e9a62]{border-bottom:2px solid #0fa764}[data-theme=purple] .type-box .type-item.is-active[data-v-674e9a62]{border-bottom:2px solid #939fff}[data-theme=seablue] .type-box .type-item.is-active[data-v-674e9a62]{border-bottom:2px solid #1988f4}[data-theme=weekblue] .type-box .type-item.is-active[data-v-674e9a62]{border-bottom:2px solid #409eff}[data-theme=darkreen] .type-box .type-item.is-active[data-v-674e9a62]{border-bottom:2px solid #487446}[data-theme=deepblue] .type-box .type-item.is-active[data-v-674e9a62]{border-bottom:2px solid #2d8cf0}.type-item-title[data-v-674e9a62]{margin:20px 0 22px 0;font-size:22px;color:#07111b}.type-item-file[data-v-674e9a62]{cursor:pointer}.type-item-file .el-col[data-v-674e9a62]{line-height:38px}.type-item-file .el-col.file-info[data-v-674e9a62]{color:#ccc}.type-item-file.active[data-v-674e9a62],.type-item-file[data-v-674e9a62]:hover{color:#0d9af4}.type-item-info[data-v-674e9a62]{font-size:14px;color:#666;line-height:38px}.type-item-label[data-v-674e9a62]{color:#07111b}.course-name[data-v-674e9a62]{font-size:16px;color:#3c77fe;background-color:#f0f4fe;height:40px;padding-left:36px;line-height:40px;cursor:pointer}.type-item-remark[data-v-674e9a62]{font-size:14px;color:#666;line-height:2}.teacher-introduction[data-v-674e9a62]{padding:13px 20px;font-size:18px;color:#333}.teacher-info[data-v-674e9a62]{display:flex;align-items:center;margin-top:20px}.teacher-info .right-info[data-v-674e9a62]{margin-left:10px}.teacher-info .teacher-info-name[data-v-674e9a62]{font-size:16px;color:#1e222e}.teacher-info .teacher-info-school[data-v-674e9a62]{margin-top:10px;font-size:12px;color:#999}.c30-class-manage-info-avatar[data-v-674e9a62]{margin:0 auto}