.content[data-v-29b586fb]{background-color:#f4f4f4!important}.nav-bar-fixed[data-v-29b586fb]{height:46px;background:#fff;opacity:1;position:fixed;top:0;left:0;right:0;z-index:110}.course-bar-fixed[data-v-29b586fb]{height:252px;background-color:#f4f4f4;opacity:1;position:fixed;top:46px;left:0;right:0;z-index:100}.nav-bar[data-v-29b586fb]{height:100%;position:relative}.nav-bar .action[data-v-29b586fb]{position:absolute;top:0;bottom:0;display:inline-block;height:100%;font-size:13px;left:0;z-index:4}.nav-bar .action-left[data-v-29b586fb]{height:100%;width:44px;text-align:center;vertical-align:middle;display:flex;align-items:center;justify-content:center}.nav-bar .el-icon-arrow-left[data-v-29b586fb]{font-size:20px;font-weight:700}.nav-bar .page-title[data-v-29b586fb]{position:absolute;bottom:0;height:100%;font-size:16px;font-weight:700;z-index:1;text-align:center;font-size:17px;left:80px;right:80px;line-height:46px}.nav-bar .page-title .title[data-v-29b586fb]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header[data-v-29b586fb]{height:200px;box-sizing:border-box;padding:10px 10px 10px 10px}.page-header .course-main[data-v-29b586fb]{box-sizing:border-box;height:100%;display:flex;flex-direction:row;position:relative;padding:10px 10px 15px;border-bottom:.5px solid #fbfbfb;background-color:#fff;border-radius:8px}.page-header .course-thumb[data-v-29b586fb]{width:145px;height:82px;border-radius:10px;-o-object-fit:contain;object-fit:contain}.page-header .course-info[data-v-29b586fb]{position:relative;padding-left:15px;flex:1;width:0;display:flex;flex-direction:column;font-size:12px}.page-header .course-title[data-v-29b586fb]{margin-bottom:5px;color:#333;font-size:14px;font-weight:700;letter-spacing:.6px}.page-header .course-desc[data-v-29b586fb]{font-size:12px;color:#666}.line-1[data-v-29b586fb]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-2[data-v-29b586fb]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tabs-content[data-v-29b586fb]{position:absolute;top:300px;left:0;right:0;bottom:0;z-index:1;background-color:#f4f4f4!important}.lesson-filter[data-v-29b586fb]{border-bottom:1px solid #f6f6f6;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:16px 16px}.lesson-filter .lesson-filter-left-text[data-v-29b586fb]{color:#a3a3a3;font-size:14px}.lesson-filter .lesson-filter-right-text[data-v-29b586fb]{font-size:14px;margin-right:8px;color:#333}.course-lesson[data-v-29b586fb]{padding:0 10px}.course-lesson .chapter[data-v-29b586fb]{padding:12px 8px}.course-lesson .lesson-chapter[data-v-29b586fb]{font-size:15px;color:#333}.course-lesson .extend-click[data-v-29b586fb]{font-size:18px;color:#545454}.lesson-box[data-v-29b586fb]{width:100%;background-color:#fff;padding:10px 16px 10px 0}.lesson-box .item[data-v-29b586fb]{padding:10px 0}.lesson-main[data-v-29b586fb]{width:100%;padding:15px 15px 15px 15px;box-shadow:0 3px 15px rgba(0,0,0,.06);border-radius:8px;background-color:#fff}.item-left-box[data-v-29b586fb]{width:36px;position:relative;flex:0 0 36px}.item-icon-box[data-v-29b586fb]{position:absolute;width:36px;flex-direction:column;align-items:center;justify-content:center;text-align:center;top:25px}.item-icon-box .el-icon-video-play[data-v-29b586fb]{font-size:16px;color:#999}.item-icon-box .line[data-v-29b586fb]{display:inline-block;height:70px;width:1px;border:1px dashed #c5c5c5}.lesson-title[data-v-29b586fb]{font-size:14px;color:#333;word-break:break-all;max-width:240px}.lesson-desc[data-v-29b586fb]{margin-top:5px;font-size:11px;color:#999}.lesson-time[data-v-29b586fb]{font-size:11px;color:#999}.el-icon-time[data-v-29b586fb]{margin-left:4px}.video-box[data-v-29b586fb]{width:100%;height:200px;background:#333}.video-box video[data-v-29b586fb]{width:100%;height:100%}.active .el-icon-video-play[data-v-29b586fb]{color:#2196f3}.active .lesson-main[data-v-29b586fb]{box-shadow:0 3px 15px rgba(33,150,243,.3)}.rotate[data-v-29b586fb]{transform:rotate(-180deg);transition:all .5s}.recover[data-v-29b586fb]{transition:all .5s}