.supervision_course_container[data-v-5aa9f611]{width:100%;height:100vh;background-color:#000;position:relative;text-align:left;display:flex;flex-direction:column}.supervision_course_container .supervision_course_container_header[data-v-5aa9f611]{width:100%;height:100px;background-color:#0f111c;position:relative;border-bottom:2px solid #090d1b}.supervision_course_container .supervision_course_container_header .supervision_course_container_header_status_and_time[data-v-5aa9f611]{width:auto;height:50px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.supervision_course_container .supervision_course_container_header .supervision_course_container_header_title_module[data-v-5aa9f611]{width:600px;height:100px;position:absolute;left:50%;top:0;transform:translateX(-50%)}.supervision_course_container .supervision_course_container_header .supervision_course_container_header_title_module img[data-v-5aa9f611]{width:100%;height:100%;display:block}.supervision_course_container .supervision_course_container_header .supervision_course_container_header_right_module[data-v-5aa9f611]{width:auto;height:inherit;padding:0 16px;position:absolute;right:0;top:0;display:flex;align-items:center}.supervision_course_container .supervision_course_container_body[data-v-5aa9f611]{width:100%;height:calc(100vh - 166px);background-color:#0b1321;display:flex;padding:16px 0;position:relative}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left_inner_for_class_of_outer_tsbgimg[data-v-5aa9f611]{background-image:url(../img/ts-bg.a50f3f90.jpg);background-repeat:no-repeat;background-size:cover}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left[data-v-5aa9f611]{flex:1;margin-left:16px;position:relative}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left .supervision_course_container_body_left_inner_for_class_of_outer[data-v-5aa9f611],.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left .supervision_course_container_body_left_inner_for_screen_stream[data-v-5aa9f611]{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;display:flex}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left .supervision_course_container_body_left_inner_for_screen_stream #idForCourseScreenOnLeft[data-v-5aa9f611]{width:100%!important;height:100%!important;position:absolute;top:0;left:50%;transform:translateX(-50%)}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left .supervision_course_container_body_left_inner_for_class_of_outer[data-v-5aa9f611]{justify-content:center;align-items:center;display:flex}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left .supervision_course_container_body_left_inner_for_class_of_outer .supervision_course_container_body_left_inner_for_class_of_outer_video[data-v-5aa9f611]{width:50%;height:100%;position:relative}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left .supervision_course_container_body_left_inner_for_class_of_outer .supervision_course_container_body_left_inner_for_class_of_outer_video video[data-v-5aa9f611]{width:100%;height:100%}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left .supervision_course_container_body_left_inner_for_class_of_outer>div[data-v-5aa9f611]:first-child{flex:1;display:flex;align-items:center}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left .supervision_course_container_body_left_inner_for_class_of_outer .supervision_course_container_body_left_inner_for_class_of_outer_video_full_screen[data-v-5aa9f611]{width:100%;height:100%;position:relative}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left .play_explain_for_box[data-v-5aa9f611]{position:absolute;bottom:0;left:0;font-size:16px;padding:0 16px;color:#fff;z-index:2;width:100%;height:56px;line-height:56px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6))}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_left .video_empty_container[data-v-5aa9f611]{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:16px;color:#aaa;-webkit-user-select:none;-moz-user-select:none;user-select:none}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right[data-v-5aa9f611]{width:320px;height:100%;position:relative;overflow:hidden}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .supervision_course_container_body_right_for_video[data-v-5aa9f611]{width:calc(100% + 30px);height:100%;padding:0 16px;overflow-y:auto;display:flex;justify-content:flex-start;align-items:center}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right video[data-v-5aa9f611]{-o-object-fit:cover;object-fit:cover}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .supervision_course_container_body_right_inner_item[data-v-5aa9f611]{width:288px;height:162px;margin-bottom:16px;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative;border-radius:6px;background-color:#000}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .supervision_course_container_body_right_inner_item[data-v-5aa9f611]:last-child{margin-bottom:0}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .supervision_course_container_body_right_inner_item.active[data-v-5aa9f611]{border:3px solid #fb6f33}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .supervision_course_container_body_right_inner_item>div[data-v-5aa9f611]:first-child{flex:1}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .supervision_course_container_body_right_inner_item .supervision_course_container_body_right_inner_item_for_video[data-v-5aa9f611]{height:100%;position:relative}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .supervision_course_container_body_right_inner_item .supervision_course_container_body_right_inner_item_for_video video[data-v-5aa9f611]{width:100%;height:100%}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .supervision_course_container_body_right_inner_item .supervision_course_container_body_right_inner_item_for_video.course_screen_in_list_on_right_outer #idForCourseScreenInListOnRight[data-v-5aa9f611]{width:100%!important;height:100%!important;position:absolute;top:0;left:50%;transform:translateX(-50%);-o-object-fit:fill;object-fit:fill}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .supervision_course_container_body_right_inner_item .play_explain_for_box[data-v-5aa9f611]{position:absolute;bottom:0;left:0;font-size:14px;padding:0 12px;color:#fff;width:100%;height:36px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));display:flex;align-items:center;justify-content:space-between}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .supervision_course_container_body_right_inner_item .speaking_toast[data-v-5aa9f611]{width:80px;height:30px;background:#fb6f33;border-radius:0 130px 130px 0;opacity:.6;font-size:14px;color:#fff;display:flex;justify-content:flex-start;padding-left:5px;align-items:center;position:absolute;left:0;top:10px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container[data-v-5aa9f611]{width:308px;height:calc(100% + 16px);background-color:#0e111c;position:absolute;right:0;top:-16px;color:#fff;padding:12px 14px;overflow-y:auto}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_title[data-v-5aa9f611]{width:100%;height:60px;line-height:65px;border-bottom:1px solid #424653;font-weight:700}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_base_info_title[data-v-5aa9f611],.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_student_title[data-v-5aa9f611],.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_teacher_title[data-v-5aa9f611]{width:100%;height:30px;line-height:30px;font-size:14px;padding-left:8px;position:relative;margin-top:10px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_base_info_title[data-v-5aa9f611]:before,.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_student_title[data-v-5aa9f611]:before,.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_teacher_title[data-v-5aa9f611]:before{content:"";width:3px;height:16px;background-color:#3a82ff;position:absolute;left:0;top:50%;transform:translateY(-50%)}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_base_info[data-v-5aa9f611]{color:#ececed;border-bottom:1px solid #424653}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_base_info .live_detail_container_base_info_body[data-v-5aa9f611]{padding:10px;padding-top:0;font-size:12px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_base_info .live_detail_container_base_info_body .live_detail_container_base_info_body_item[data-v-5aa9f611]{display:flex;align-items:center;padding:5px 0}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_base_info .live_detail_container_base_info_body .live_detail_container_base_info_body_item .live_detail_container_base_info_body_item_body[data-v-5aa9f611]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_teacher[data-v-5aa9f611]{margin-bottom:20px;color:#ececed}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_teacher .live_detail_container_for_teacher_title[data-v-5aa9f611]{margin-bottom:10px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_teacher .live_detail_container_for_teacher_body[data-v-5aa9f611]{width:100%;height:auto;background-color:#223961;border-radius:5px;padding:10px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_student .live_detail_container_for_student_title[data-v-5aa9f611]{margin-bottom:10px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_student .live_detail_container_for_student_body[data-v-5aa9f611]{width:100%;height:auto;background-color:#223961;border-radius:5px;padding:10px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .body_item.body_item_for_student[data-v-5aa9f611]{margin-bottom:20px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .body_item.body_item_for_student[data-v-5aa9f611]:last-of-type{margin-bottom:0}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .body_item .body_item_title[data-v-5aa9f611]{font-size:14px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .body_item .body_item_body[data-v-5aa9f611]{font-size:12px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .body_item .body_item_body .body_item_body_maintain[data-v-5aa9f611],.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .body_item .body_item_body .body_item_body_management[data-v-5aa9f611]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .body_item .body_item_body .body_item_body_maintain[data-v-5aa9f611]{margin-bottom:0}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_student_body_empty[data-v-5aa9f611],.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .live_detail_container .live_detail_container_for_teacher_body_empty[data-v-5aa9f611]{width:100%;height:50px;background-color:#223961;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#aaa;font-size:14px}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right .textInteraction_container[data-v-5aa9f611]{width:308px;height:100%;background-color:#0e111c;position:absolute;right:0;top:0}.supervision_course_container .supervision_course_container_body .supervision_course_container_body_right_top_module[data-v-5aa9f611]{width:308px;height:16px;background-color:#0e111c;position:absolute;right:0;top:0}.supervision_course_container .supervision_course_container_footer[data-v-5aa9f611]{width:100%;height:66px;color:#fff;display:flex;justify-content:space-between;align-items:center;background-color:#0f111c}.supervision_course_container .supervision_course_container_footer .supervision_course_container_footer_left_for_name[data-v-5aa9f611]{font-size:20px;padding-left:25px}.supervision_course_container .supervision_course_container_footer .supervision_course_container_footer_right_for_operation[data-v-5aa9f611]{display:flex;width:auto;height:100%;padding-right:16px}.supervision_course_container .supervision_course_container_footer .supervision_course_container_footer_right_for_operation .supervision_course_container_footer_right_for_operation_item[data-v-5aa9f611]{width:88px;height:100%;font-size:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.supervision_course_container .supervision_course_container_footer .supervision_course_container_footer_right_for_operation .supervision_course_container_footer_right_for_operation_item.class_for_disabled[data-v-5aa9f611]{cursor:not-allowed}.supervision_course_container .supervision_course_container_footer .supervision_course_container_footer_right_for_operation .supervision_course_container_footer_right_for_operation_item.class_for_disabled.active[data-v-5aa9f611],.supervision_course_container .supervision_course_container_footer .supervision_course_container_footer_right_for_operation .supervision_course_container_footer_right_for_operation_item.class_for_disabled[data-v-5aa9f611]:hover{background-color:#0f111c}.supervision_course_container .supervision_course_container_footer .supervision_course_container_footer_right_for_operation .supervision_course_container_footer_right_for_operation_item .iconfont_icon[data-v-5aa9f611]{width:24px;height:24px;display:block}.supervision_course_container .supervision_course_container_footer .supervision_course_container_footer_right_for_operation .supervision_course_container_footer_right_for_operation_item .iconfont_text[data-v-5aa9f611]{margin-top:3px}.supervision_course_container .supervision_course_container_footer .supervision_course_container_footer_right_for_operation .supervision_course_container_footer_right_for_operation_item.active[data-v-5aa9f611],.supervision_course_container .supervision_course_container_footer .supervision_course_container_footer_right_for_operation .supervision_course_container_footer_right_for_operation_item[data-v-5aa9f611]:hover{background-color:#2c3038}.empty_for_class_rooom_list[data-v-5aa9f611]{width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column}.empty_for_class_rooom_list .iconfont[data-v-5aa9f611]{font-size:50px;margin-bottom:10px}.dialog_inner_container_for_stop_live_course[data-v-5aa9f611]{position:relative}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_header[data-v-5aa9f611]{width:100%;height:60px;line-height:60px;font-weight:700;color:#fe7c14;font-size:16px;border-radius:10px 10px 0 0;padding:0 30px;border-bottom:1px solid #e7e7e7;text-align:center;border-bottom:none;background-color:#353744;line-height:70px;font-size:20px;border-radius:8px 8px 0 0}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_body[data-v-5aa9f611]{padding:5px 35px 24px;background-color:#353744}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_body .dialog_inner_container_for_stop_live_course_body_title[data-v-5aa9f611]{font-size:14px;color:#d3d4d7}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_body .dialog_inner_container_for_stop_live_course_body_content[data-v-5aa9f611]{width:100%;height:130px;border:1px solid #3b7aee;border-radius:8px;margin-top:20px;padding:16px;background-color:#484a56}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_body .dialog_inner_container_for_stop_live_course_body_content textarea[data-v-5aa9f611]{width:100%;height:100%!important;border:none;outline:none;resize:none;background-color:#484a56;color:#8d8fa0;font-size:12px;color:#fff}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_body .dialog_inner_container_for_stop_live_course_body_content textarea[data-v-5aa9f611]::-webkit-input-placeholder{color:#8d8fa0;font-family:PingFangSC-Regular,PingFang SC;font-size:12px}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_body .dialog_inner_container_for_stop_live_course_body_content textarea[data-v-5aa9f611]:-moz-placeholder,.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_body .dialog_inner_container_for_stop_live_course_body_content textarea[data-v-5aa9f611]::-moz-placeholder{color:#8d8fa0;font-family:PingFangSC-Regular,PingFang SC;font-size:12px}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_body .dialog_inner_container_for_stop_live_course_body_content textarea[data-v-5aa9f611]:-ms-input-placeholder{color:#8d8fa0;font-family:PingFangSC-Regular,PingFang SC;font-size:12px}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_footer[data-v-5aa9f611]{display:flex;padding:0 35px;padding-bottom:64px;justify-content:space-between;background-color:#353744;border-radius:0 0 8px 8px}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_footer .dialog_inner_container_for_stop_live_course_footer_inner_item[data-v-5aa9f611]{width:152px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_footer .dialog_inner_container_for_stop_live_course_footer_inner_item.stop_live_course_continue[data-v-5aa9f611]:hover{background-color:hsla(0,0%,100%,.1)!important}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_footer .dialog_inner_container_for_stop_live_course_footer_inner_item.stop_live_course_continue[data-v-5aa9f611]:active{background-color:transparent!important}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_footer .dialog_inner_container_for_stop_live_course_footer_inner_item.stop_live_course_cancel[data-v-5aa9f611]{box-shadow:#3982ff}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_footer .dialog_inner_container_for_stop_live_course_footer_inner_item.stop_live_course_cancel[data-v-5aa9f611]:hover{background-color:#2563ce!important}.dialog_inner_container_for_stop_live_course .dialog_inner_container_for_stop_live_course_footer .dialog_inner_container_for_stop_live_course_footer_inner_item.stop_live_course_cancel[data-v-5aa9f611]:active{background-color:#3982ff!important}.loading_mask[data-v-5aa9f611]{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.7);cursor:not-allowed}