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