.tab_box[data-v-1db997c8]{padding:12px;background-color:#f5f7f9}.tab_box .tab_item[data-v-1db997c8]{cursor:pointer;margin-right:16px;padding:6px 8px;transition:.2s}.tab_box .tab_item.active[data-v-1db997c8]{color:#fff;transition:.2s;background-color:#adb3b9}[data-v-01dbd36c]:root{--transition--time:0.3s}[data-v-01dbd36c]:export{widthMain:1304px}.top_course_box[data-v-01dbd36c]{margin:0 auto;width:1304px}.top_course_box .top_course_title[data-v-01dbd36c]{width:80%;font-size:26px}.course_look_msg[data-v-01dbd36c]{font-size:14px;color:#666}.course_look_msg span[data-v-01dbd36c]{margin-right:6px}.course_dir_max[data-v-01dbd36c]{height:639px;margin-bottom:30px}.course_dir_max .left_cover[data-v-01dbd36c]{width:955px;height:100%;border-radius:4px;overflow:hidden;position:relative;background-color:#000}.course_dir_max .right_dir_box[data-v-01dbd36c]{width:350px;min-height:639px;background-color:#fafcff;border:1px solid #e7e9eb;border-radius:4px}.course_dir_max .right_dir_box .top_title[data-v-01dbd36c]{width:100%}.course_dir_max .right_dir_box .top_title img[data-v-01dbd36c]{max-width:100%}.course_dir_max .right_dir_box .top_about[data-v-01dbd36c]{color:#999;margin-top:6px;margin-bottom:10px}.course_dir_max .right_dir_box .top_about .hour[data-v-01dbd36c]{color:#3c99fd}.mid_box[data-v-01dbd36c]{padding:4px 6px}.course_list[data-v-01dbd36c]{overflow-y:scroll;overflow-x:hidden}.course_list[data-v-01dbd36c]::-webkit-scrollbar{width:6px;height:6px;background-color:initial}.course_list[data-v-01dbd36c]::-webkit-scrollbar-track{background-color:initial}.course_list[data-v-01dbd36c]::-webkit-scrollbar-thumb{border-radius:3px;background-color:#c1c1c1}.course_list .course_item_box[data-v-01dbd36c]{padding:12px}.course_list .course_item_box .course_title[data-v-01dbd36c]{cursor:pointer}.course_list .course_item_box .play_icon[data-v-01dbd36c]{display:none}.course_list .course_item_box.active .course_title[data-v-01dbd36c]{color:#3c99fd}.course_list .course_item_box.active .play_icon[data-v-01dbd36c]{display:block}.course_list .course_item_box.active .index_box[data-v-01dbd36c]{color:#3c99fd}.course_list .course_item_box[data-v-01dbd36c]:last-child{border-bottom:none}.course_about_container[data-v-01dbd36c]{padding-top:30px;padding-bottom:30px;background:linear-gradient(312deg,rgba(241,253,255,.7987),#e3f0ff 48%,#ecf6ff)}.course_info_box[data-v-01dbd36c]{margin:0 auto;width:1304px;border-radius:11px}.course_content .index_box[data-v-01dbd36c]{height:100%;flex-basis:20px;flex-shrink:0;color:#d4d4d4}.course_content .right_content[data-v-01dbd36c]{flex:1}.cur_play_box[data-v-01dbd36c]{padding:12px;background-color:#eff6ff}.cur_play_box .top_hnx[data-v-01dbd36c]{color:#3c99fd}.cur_play_max[data-v-01dbd36c]{height:55px;box-sizing:border-box;background-color:#f5f7f9}.cur_play_max .co_ti[data-v-01dbd36c]{margin-left:4px;width:calc(100% - 35px)}.cur_play_max .index_box[data-v-01dbd36c]{color:#d4d4d4}.class_hour_box[data-v-01dbd36c]{font-size:12px;margin-bottom:6px}.class_hour_box .hour[data-v-01dbd36c]{color:#999}.class_hour_box .progress[data-v-01dbd36c]{color:#3c99fd}