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