/* 教联体数字学校-教师端样式 */

/* 教师端-直播课样式 ByMeiZhengLin 20230904 Start */

.c_eff {
  background: #EFF4F8;
}

.mzl_content {
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #FFF;
}

.mzl_crumb {
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E5F2F1;
}

.mzl_crumb .left .item {
  color: #636C71;
  font-size: 16px;
  padding-right: 26px;
  background: url(../images/teachNumSchool/crumb_ico.png) no-repeat center right 3px;
  background-size: 16px 16px;
  cursor: pointer;
}

.mzl_crumb .left .item.on {
  background: none;
}


.mzl_crumb .back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 32px;
  box-sizing: border-box;
  border: 1px solid #0085FF;
  border-radius: 3px;
  text-align: center;
  color: #0085FF;
  font-size: 16px;
}


.mzl_content .my_tab {
  height: 60px;
  display: flex;
  align-items: center;
}

.mzl_content .my_tab li {
  position: relative;
  margin-right: 30px;
  font-size: 16px;
  color: #666;
  font-weight: 600;
  cursor: pointer;
}


.mzl_content .my_tab li.on {
  color: #0085FF;
}

.mzl_content .my_tab li.on::after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%);
  content: '';
  width: 42px;
  height: 2px;
  background: #0085FF;
}


/* .mzl_living_box {
  margin-top: 10px;
 
} */

.living_ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: url(../images/teachNumSchool/living_ico.png) no-repeat center;
}

.mzl_living_tip span {
  margin-left: 5px;
  font-size: 16px;
  color: #0085FF;
  vertical-align: middle;
}

.mzl_living_list {
  margin-top: 15px;
}


.mzl_living_list .item {
  padding-bottom: 22px;
}

.mzl_living_list .item .top .timer {
  margin-right: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 500;
}


.mzl_living_list .item .top .order {
  padding: 2px 10px;
  border-radius: 20px;
  background: #F4F6F9;
  font-size: 14px;
  color: #888;
}

.mzl_living_list .item .cont {
  padding-bottom: 20px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E5F2F1;
}

.mzl_living_list .item .cont .cover_box {
  position: relative;
}


.mzl_living_list .item .cont .cover_box .level {
  position: absolute;
  top: 0;
  right: 0;
  /* width: 38px;
  height: 16px; */
  padding: 1px 7px 1px 9px;
  line-height: 16px;
  font-size: 11px;
  text-align: center;
  border-radius: 0px 4px 0px 10px;
  /* background: #12AAFF; */
  color: #fff;
  overflow: hidden;
}

.mzl_living_list .item .cont .cover {
  width: 160px;
  height: 90px;
}

.mzl_living_list .item .cont .middle {
  margin-left: 17px;
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}



.mzl_living_list .item .cont .middle .tit {
  font-size: 16px;
  color: #333;
}

.mzl_living_list .item .cont .middle .tit .tip {
  margin-left: 25px;
  font-size: 14px;
}


.c_13b {
  color: #13BF60;
}

.c_3a7 {
  color: #3A71FF;
}

.c_888 {
  color: #888;
}

.c_ff4 {
  color: #FF4F4F;
}

.mzl_living_list .item .cont .middle .grade {
  font-size: 14px;
  color: #888;
}


.mzl_living_list .item .cont .middle .teacher {
  font-size: 14px;
  color: #888;
}


.mzl_living_list .item .cont .middle .teacher .cut {
  margin: 0 17px;
}


.mzl_living_list .item .cont .right {
  display: block;
  margin-left: auto;
  margin-right: 44px;
  padding: 6px 20px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 16px;
  background: #0085FF;
  color: #fff;
  font-size: 14px;
}



.mzl_living_list.two .item .cont .middle .tit {
  font-weight: 600;
}

.mzl_living_list.two .item .cont .middle .grade {
  font-weight: 600;
}

.mzl_living_list.two .item .cont .middle .teacher {
  font-weight: 600;
}

.mzl_living_list.two .item .cont .middle .period {
  display: inline-block;
  margin-left: 10px;
  width: 73px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 26px;
  border: 1px solid #FF4F4F;
  background: #FFF;
  font-size: 14px;
  box-sizing: border-box;
  font-weight: 400;
}

.mzl_living_list.two .item .mzl_progress {
  /* margin-top: 17px; */
  padding-bottom: 22px;
  display: flex;
  border-bottom: 1px solid #E5F2F1;
}

.mzl_living_list.two .item .mzl_progress .progress {
  display: flex;
  align-items: center;
}

.mzl_living_list.two .item .mzl_progress .progress .tit {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.mzl_living_list.two .item .mzl_progress .progress_bar {
  margin-left: 10px;
  width: 300px;
  height: 12px;
  border-radius: 40px;
  background: #F4F6F9;
}

.mzl_living_list.two .item .mzl_progress .progress_bar .ratio {
  position: relative;
  height: 100%;
  border-radius: 40px;
  background: linear-gradient(270deg, #45A6FF -2.29%, #C7E5FF 104.59%);
}


.mzl_living_list.two .item .mzl_progress .progress_bar .ratio .slider {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 6px;
  background: #FFF;
  color: #0085FF;
  font-size: 12px;
  box-shadow: 0px 3px 8px 0px rgba(106, 167, 225, 0.60);
}


.mzl_living_list.two .item .mzl_progress .last_see .tit {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.mzl_living_list.two .item .mzl_progress .last_see .lesson {
  color: #0085FF;
  font-size: 14px;
  font-weight: 400;
}



.mzl_living_list.two .item .cont {
  border: 0;
}

.mzl_living_list.three .period {
  margin-left: 10px;
  padding: 2px 15px;
  line-height: 24px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 26px;
  border: 1px solid #888;
  background: #FFF;
  color: #888888;
  font-size: 14px;
}


.mzl_living_list.three .cont .order {
  padding: 2px 10px;
  box-sizing: border-box;
  border-radius: 20px;
  background: #F4F6F9;
  font-size: 14px;
  color: #888;
}


.mzl_living_list.three .state {
  font-size: 14px;
  margin-left: 10px;
}




.all_living_box {
  margin-top: 12px;
  background: #FFF;
}


.rrt_dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 533px;
  height: 356px;
  border-radius: 8px;
  border: 1px solid #E5EBF1;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  z-index: 999;
  background: #fff;
}

.rrt_dialog .tit {
  height: 44px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  font-size: 18px;
  color: #555;
}


.rrt_dialog .tit .close {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url(../images/teachNumSchool/close_ico.png) no-repeat center;
}

.rrt_dialog .cont {
  display: flex;
  /* height: 312px; */
}

.rrt_dialog .cont .item {
  position: relative;
  padding-top: 30px;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}


.rrt_dialog .cont .item:last-child::before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -80px;
  content: '';
  width: 1px;
  height: 160px;
  background: #E5F2F1;
}

.rrt_dialog .cont .item .img_box {
  width: 200px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rrt_dialog .cont .item .info {
  margin: 20px 0 15px 0;
  font-size: 18px;
  color: #888;
}

.rrt_dialog .btn {
  width: 96px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
}


.rrt_dialog .btn.start {
  border: 1px solid #0085FF;
  box-sizing: border-box;
  color: #0085FF;
}

.rrt_dialog .btn.download {
  background: #0085FF;
  color: #fff;
}

.mzl_tab_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.mzl_tab_box .create_btn {
  width: 110px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 16px;
  background: #0085FF;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}


.mzl_living_list .item .publish {
  margin-left: 10px;
  padding: 2px 15px;
  border-radius: 26px;
  border: 1px solid #FF4F4F;
  background: #FFF;
  color: #FF4F4F;
  font-size: 14px;
  font-weight: normal;
}


.mzl_living_list .item .cont .right {
  position: relative;
}

.mzl_living_list .item .cont .right .down {
  display: inline-block;
  margin-left: 4px;
  width: 10px;
  height: 10px;
  background: url(../images/teachNumSchool/down_ico.png) no-repeat center;
}

.mzl_living_list .item .cont .right .manage {
  cursor: pointer;
}


.mzl_living_list .item .cont .right .select_cont {
  position: absolute;
  left: 0;
  top: 40px;
  padding: 6px 0;
  width: 170px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #E5F2F1;
  background: #FFF;
  color: #666;
  font-size: 14px;
  z-index: 999;
}


.mzl_living_list .item .cont .right .select_cont li {
  line-height: 34px;
  cursor: pointer;
}

.mzl_living_list .item .cont .right .select_cont li a {
  color: #666;
}


.comments_dialog {
  padding: 30px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  border-radius: 8px;
  border: 1px solid #E5EBF1;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
  z-index: 999;
}


.comments_dialog .tit {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-align: center;
}

.comments_dialog .cont {
  margin-top: 10px;
  font-size: 18px;
  color: #555;
  line-height: 24px;
}

.comments_dialog .know_btn {
  display: block;
  margin: 20px auto 0 auto;
  width: 96px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background: #0085FF;
  border-radius: 4px;
  font-size: 14px;
}

.mask {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
}


.mzl_bread {
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  color: #555;
}

.mzl_bread .item {
  padding-right: 38px;
  cursor: pointer;
  background: url(../images/teachNumSchool/bread_ico.png) no-repeat center right 15px;
}

.mzl_bread .item.on {
  background: none;
}

.mzl_theme {
  position: relative;
  padding: 24px 26px 24px 24px;
  border-radius: 8px;
  background: #FFF;
  box-sizing: border-box;
}

.mzl_theme .tit {
  color: #222;
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 600;
}

.mzl_theme .sub_tit {
  margin-top: 6px;
  padding: 3px 2px;
  width: 190px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #F0F5F9;
  font-size: 12px;
  color: #888;
  text-align: center;
}

.mzl_speaker {
  margin-top: 30px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #888;
}

.mzl_speaker .mzl_star {
  position: relative;
  width: 80px;
  height: 16px;
  background: url(../images/teachNumSchool/mzl_star02.png) repeat-x;
}

.mzl_speaker .mzl_star .grade_inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 16px;
  background: url(../images/teachNumSchool/mzl_star.png) repeat-x;
}

.mgl40 {
  margin-left: 40px;
}


.mzl_speaker .timer {
  margin-left: auto;
  font-size: 12px;
  color: #555;
}


.mzl_theme .order {
  position: absolute;
  top: 63px;
  right: 36px;
  width: 96px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 16px;
  background: #0085FF;
  color: #fff;
  font-size: 14px;
}


.broadcasted {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 20px;
  width: 1200px;
  height: 600px;
  border-radius: 8px;
  background: #004380;
}

.broadcasted .level {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 0px 8px;
  background: #0085FF;
}


.broadcasted .mzl_reserved {
  padding: 6px 20px;
  border-radius: 16px;
  border: 1px solid #0085FF;
  background: #FFF;
  font-size: 14px;
  color: #0085FF;
  box-sizing: border-box;
}


.broadcasted .info {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  height: 28px;
}


.mgt6 {
  margin-top: 6px;
}

.broadcasted .timer {
  font-size: 14px;
  margin-top: 10px;
  color: #fff;
  font-weight: normal;
}

.c_40a {
  color: #40A3FF;
}

.mzl_mater_box {
  margin-top: 20px;
  display: flex;
}

.mzl_mater_box .item {
  position: relative;
  padding: 15px 20px;
  margin-right: 20px;
  flex: 1;
  height: 282px;
  border-radius: 8px;
  background: #FFF;
  box-sizing: border-box;
}

.mzl_mater_box .item:last-child {
  margin-right: 0;
}

.mzl_mater_box .item .tit {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.mzl_mater_box .item .school {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.mzl_mater_box .item .teacher_name {
  font-size: 16px;
  color: #555;
}

.mzl_mater_box .item .school_name {
  margin-top: 6px;
  padding-bottom: 13px;
  font-size: 14px;
  color: #b2b2b2;
  border-bottom: 1px dashed #BFD0E5;
}

.mzl_edit {
  margin: 56px auto 0 auto;
  width: 118px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 16px;
  background: #0085FF;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.mzl_mater_box .item .resource_list {
  margin-top: 20px;
}


.mzl_mater_box .item .resource_list li {
  padding-left: 10px;
  margin-bottom: 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.mzl_mater_box .item .resource_list li .word {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/word.png) no-repeat center;
}

.mzl_mater_box .item .resource_list li .pdf {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/pdf.png) no-repeat center;
}


.mzl_mater_box .item .resource_list li .ppt {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/ppt.png) no-repeat center;
}


.mzl_mater_box .item .resource_list li .xls {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/xls.png) no-repeat center;
}

.mzl_mater_box .item .resource_list li .default {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/default.png) no-repeat center;
}

.mzl_mater_box .item .resource_list li .txt01 {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/txt.png) no-repeat center;
}

.mzl_mater_box .item .resource_list li .html {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/html.png) no-repeat center;
}

.mzl_mater_box .item .resource_list li .link {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/link.png) no-repeat center;
}

.mzl_mater_box .item .resource_list li .swf {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/swf.png) no-repeat center;
}


.mzl_mater_box .item .resource_list li .zip {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/zip.png) no-repeat center;
}


.mzl_mater_box .item .resource_list li .photo {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/photo.png) no-repeat center;
}

.mzl_mater_box .item .resource_list li .voice {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/voice.png) no-repeat center;
}


.mzl_mater_box .item .resource_list li .video {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/video.png) no-repeat center;
}

.mzl_mater_box .item .resource_list li .txt {
  width: 256px;
  margin-left: 15px;
  font-size: 16px;
  color: #555;
}

.mzl_mater_box .item .resource_list li .download_btn {
  display: inline-block;
  margin-left: auto;
  width: 14px;
  height: 14px;
  background: url(../images/teachNumSchool/download_ico.png) no-repeat center;
}


.mzl_mater_box .item .upload_btn {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 96px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #0085FF;
  background: #FFF;
  box-sizing: border-box;
  font-size: 14px;
  color: #0085FF;
}

.mzl_mater_box .item .tit .nums {
  margin-left: 5px;
  color: #0084FF;
}

.mzl_mater_box .item .user_list {
  display: flex;
  padding: 15px 30px;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.mzl_mater_box .item .user_list li {
  margin-right: 47px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  /* align-items: center; */
}

.mzl_mater_box .item .user_list li:nth-child(4n) {
  margin-right: 0;
}

.mzl_mater_box .item .user_list img {
  width: 32px;
  height: 32px;
}

.mzl_mater_box .item .user_list .names {
  font-size: 14px;
  margin-top: 4px;
  color: #222;
  text-align: center;
}

.mzl_assess {
  margin-top: 20px;
  padding: 15px 20px;
  border-radius: 8px;
  background: #FFF;
}

.mzl_assess .tit {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px dashed #BFD0E5;
  font-size: 16px;
  font-weight: 600;
}

.mzl_assess .tit .left {
  color: #000;
}

.mzl_assess .tit .right {
  color: #0085FF;
}

.mzl_comment {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.mzl_comment .left {
  font-size: 16px;
  color: #555;
}

.mzl_comment .right {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #888;
}

.grade_outer,
.grade_outer2 {
  width: 80px;
  height: 16px;
  background: url(../images/teachNumSchool/mzl_star02.png);
}

.grade_inner {
  height: 16px;
  background: url(../images/teachNumSchool/mzl_star.png);
}


.mzl_area {
  padding: 10px;
  margin-top: 10px;
  width: 100%;
  height: 100px;
  border-radius: 6px;
  border: .5px solid #B2B2B2;
  background: #FFF;
  text-indent: 15px;
  box-sizing: border-box;
}


textarea:focus {
  border: .5px solid #B2B2B2;
}


.mzl_release {
  text-align: right;
  font-size: 14px;
  color: #b2b2b2;
}

.mzl_release .release_btn {
  display: inline-block;
  margin-left: 10px;
  width: 118px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 6px;
  background: #0085FF;
  color: #fff;
}

.mzl_rate_list {
  border-radius: 8px;
  background: #FFF;
}

.mzl_rate_list .tag {
  width: 118px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 8px 0px;
  background: #0085FF;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}

.mzl_rate_list .item {
  padding: 20px;
  box-sizing: border-box;
}

.mzl_user_info {
  display: flex;
  align-items: center;
}


.mzl_user_info img {
  width: 48px;
  height: 48px;
}

.mzl_user_info .names {
  margin-left: 20px;
  font-size: 16px;
  color: #0085FF;
}


.mzl_user_info .mzl_star_box {
  position: relative;
  margin-left: 20px;
  width: 80px;
  height: 16px;
  background: url(../images/teachNumSchool/y_star.png);
}

.mzl_user_info .mzl_star_box .inner_star {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  background: url(../images/teachNumSchool/y_star02.png);
}


.mzl_user_info .user_info_btn {
  margin-left: auto;
  padding: 2px 10px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #0085FF;
  background: #FFF;
  font-size: 14px;
  color: #0085FF;
}



.mzl_rate_list .item .cont {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}


.mzl_rate_list .item .timer {
  margin-top: 8px;
  color: #B2B2B2;
  font-size: 14px;
}

.mzl_load_more {
  display: block;
  margin-top: 40px;
  text-align: center;
  font-size: 14px;
  color: #666;
}


.audit_list {
  padding: 15px 20px;
  background: #fff;
  border-radius: 8px;
}

.audit_list .tit {
  display: flex;
  align-items: center;
}

.audit_list .tit .names {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}


.audit_list .tit .state {
  margin-left: 24px;
  display: flex;
  align-items: center;
}

.audit_list .tit .state .item {
  display: inline-block;
  width: 118px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #0085FF;
  color: #0085FF;
  box-sizing: border-box;
  cursor: pointer;
}

.audit_list .tit .state .item.on {
  background: #0085FF;
  color: #fff;
}


.audit_list .examine .item {
  padding: 10px 0;
  box-sizing: border-box;
}

.mzl_user_info .timer {
  margin-left: 20px;
  color: #B2B2B2;
  font-size: 14px;
}


.audit_list .examine .item .cont {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}

.audit_list .examine .item .mzl_btns {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.audit_list .examine .item .mzl_btns a {
  display: inline-block;
  width: 76px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  font-size: 14px;
}

.audit_list .examine .item .mzl_btns .confirm {
  border-radius: 6px;
  background: #0085FF;
  color: #fff;
}


.audit_list .examine .item .mzl_btns .cancel {
  margin-left: 10px;
  border-radius: 6px;
  border: 1px solid #0085FF;
  background: #FFF;
  color: #0085FF;
  box-sizing: border-box;
}

.mzl_user_info .pass {
  font-size: 14px;
  margin-left: auto;
}

.mzl_bread .item.on {
  color: #b2b2b2;
}

.mzl_main {
  padding: 40px 0;
  box-sizing: border-box;
}

.mzl_main .item {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}


.mzl_main .item .left {
  margin-right: 30px;
  width: 195px;
  text-align: right;
  font-size: 16px;
  color: #666;
  font-weight: 600;
}

.qjf_selecur,
.qjf_seleautocur {
  box-shadow: none;
  color: #b2b2b2;
  border: 1px solid #DEE4EB;
}

.qjf_selecur p,
.qjf_seleautocur p {
  background: url(../images/teachNumSchool/drop_ico.png) no-repeat center right;
}


.mzl_main .item .rework {
  margin-right: 10px;
  font-size: 16px;
  color: #0085FF;
  cursor: pointer;
  vertical-align: middle;
}

.mzl_calendar_box {
  display: flex;
  align-items: center;
  width: 154px;
  height: 32px;
  border: 1px solid #DEE4EB;
  box-sizing: border-box;
  border-radius: 4px;
}

.calendar_ico {
  display: inline-block;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  background: url(../images/teachNumSchool/calendar.png) no-repeat center;
}

.mzl_calendar {
  margin-left: 6px;
  width: 100px;
  border: none;
  font-size: 14px;
  color: #000;
}

.mzl_calendar_box .close_ico {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../images/teachNumSchool/calendar_close.png) no-repeat center;
}


.mzl_main .item .right {
  display: flex;
  align-items: center;
}

.mzl_main .item .right .grade_name {
  width: 500px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #DEE4EB;
  box-sizing: border-box;
}

.mzl_main .item .right .grade_name input {
  width: 450px;
  height: 100%;
  border: none;
  box-sizing: border-box;
  border-radius: 4px;
  text-indent: 8.5px;
  font-size: 14px;
  color: #000;
}

.mzl_main .item .right .grade_name input::placeholder {
  font-size: 14px;
  color: #b2b2b2;
}

.mzl_main .item .right .grade_name .limit {
  color: #b2b2b2;
  font-size: 14px;
}

.mzl_main .item .right .num_ipt {
  margin-left: 10px;
  width: 154px;
  height: 32px;
  border: 1px solid #DEE4EB;
  box-sizing: border-box;
  text-indent: 10px;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
}

.mzl_main .item .right .num_ipt::placeholder {
  font-size: 14px;
  color: #000;
}


.mzl_main .item .right .tips {
  margin-left: 10px;
  font-size: 14px;
  color: #FF4F4F;
}

.mzl_main .item .right .hRadio {
  /* padding-left: 60px; */
  margin-right: 30px;
  font-size: 14px;
  color: #000;
  background: url(../images/teachNumSchool/mzl_radio01.png) no-repeat center left;
}

.mzl_main .item .right .hRadio_Checked {
  background: url(../images/teachNumSchool/mzl_radio_on.png) no-repeat center left;
}

.mzl_main .item .right .add_class {
  margin-top: 20px;
  text-align: center;
  display: block;
  width: 111px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #DEE4EB;
  background: #F4F6F9;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 13px;
  color: #000;
}

.mzl_main .item .right .grade_box {
  width: 220px;
  height: 32px;
  border: 1px solid #DEE4EB;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 10px;
  margin-right: 10px;
}


.mzl_main .item .right .grade_box .grade {
  width: 195px;
  height: 100%;
  text-indent: 10px;
  box-sizing: border-box;
  border: none;
}

.mzl_main .item .right .grade::placeholder {
  font-size: 14px;
  color: #000;
}

.mzl_main .item .right .grade_box .close_ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  vertical-align: middle;
  background: url(../images/teachNumSchool/grade_close.png) no-repeat center;
}


.mzl_main .item .right .upload_box {}

.mzl_main .item .right .upload_box .upload_img {
  display: block;
  width: 220px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #000;
  border: 1px solid #DEE4EB;
  border-radius: 4px;
}

.mzl_main .item .right .upload_box .txt {
  margin-top: 10px;
  width: 314px;
  font-size: 14px;
  color: #b2b2b2;
}


.mzl_main .item .right .cover {
  position: relative;
  margin-left: 30px;
  width: 200px;
  height: 77px;
}

.mzl_main .item .right .cover img {
  width: 100%;
  height: 100%;
}

.mzl_main .item .right .cover .cover_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  z-index: 999;
  cursor: pointer;
  background: url(../images/teachNumSchool/cover_close_ico.png) no-repeat center;
}


.mzl_create_box {
  margin-top: 100px;
  margin-left: 224px;
}

.mzl_create_box .btn {
  display: inline-block;
  width: 96px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
}

.mzl_create_box .btn.confirm {
  background: #0085FF;
  color: #fff;
}

.mzl_create_box .btn.cancel {
  border: 1px solid #DEE4EB;
  box-sizing: border-box;
  color: #555;
}

.mzl_tips {
  margin-left: 224px;
  margin-top: 10px;
  padding-left: 21px;
  height: 20px;
  color: #FF4F4F;
  font-size: 14px;
  background: url(../images/teachNumSchool/tips.png) no-repeat center left;
}


.course_dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 637px;
  border-radius: 8px;
  border: 1px solid #E5EBF1;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  z-index: 1000;
}

.course_dialog .tit {
  padding: 0 15px;
  height: 44px;
  font-size: 18px;
  color: #555;
  box-sizing: border-box;
  border-bottom: .5px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.course_dialog .tit .close {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url(../images/teachNumSchool/close_ico.png) no-repeat center;
}

.course_dialog .cont {
  padding: 30px 0 40px 0;
  box-sizing: border-box;
}

.course_dialog .cont .item {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.course_dialog .cont .item .left {
  margin-right: 20px;
  width: 196px;
  text-align: right;
  font-size: 16px;
  color: #666;
  font-weight: 600;
}

.qjf_seleautocur p {
  font-size: 14px;
}

.qjf_seleautodrop a {
  font-size: 14px;
}

.course_dialog .cont .item .qjf_selecur p,
.course_dialog .cont .item .qjf_seleautocur p {
  font-size: 14px;
  color: #000;
}



/* .category_tree li span.button.noline_close {
  width: 8px;
  height: 8px;
  background: url(../images/teachNumSchool/tree_right.png) no-repeat center;
} */





.add_class_dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 493px;
  border-radius: 8px;
  border: 1px solid #E5EBF1;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  z-index: 999;
}


.add_class_dialog .tit {
  padding: 0 15px;
  height: 44px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #555;
  border-bottom: .5px solid #eee;
}

.add_class_dialog .tit .close {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url(../images/teachNumSchool/close_ico.png) no-repeat center;
}

.add_class_dialog .cont {
  display: flex;
  height: 362px;
  border-bottom: .5px solid #eee;
}

.add_class_dialog .cont .item {
  flex: 1;
}

.add_class_dialog .cont .item:last-child {
  border-left: .5px solid #E5EBF1;
}


.dia_btns {
  margin-top: 22px;
  display: flex;
  justify-content: center;
}

.dia_btns a {
  display: inline-block;
  width: 96px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  box-sizing: border-box;
}

.dia_btns a.confirm {
  background: #0085FF;
  color: #fff;
}

.dia_btns a.cancel {
  margin-left: 10px;
  background: #fff;
  color: #555555;
  font-size: 14px;
  border: 1px solid #DEE4EB;
}

.create_dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 416px;
  height: 355px;
  border-radius: 8px;
  border: 1px solid #E5EBF1;
  background: #FFF;
  z-index: 999;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}


.create_dialog .close_ico {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url(../images/teachNumSchool/close_ico.png) no-repeat center;
}

.create_dialog .cont {
  margin: 74px auto 0 auto;
  width: 300px;
  height: 197px;
  background: url(../images/teachNumSchool/create_success.png) no-repeat center;
}

.create_dialog .tips {
  margin-top: 19px;
  text-align: center;
  font-size: 18px;
  color: #888;
}

.upload_dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  padding-top: 30px;
  transform: translate(-50%, -50%);
  width: 480px;
  height: 297px;
  border-radius: 8px;
  border: 1px solid #E5EBF1;
  background: #FFF;
  box-sizing: border-box;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
  z-index: 1000;
}

.upload_dialog .close_ico {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url(../images/teachNumSchool/close_ico.png) no-repeat center;
}


.upload_dialog .tit {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-align: center;
}


.upload_dialog .upload_btn {
  margin-top: 50px;
  display: block;
  width: 340px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  border: 1px solid #0085FF;
  background: #FFF;
  text-align: center;
  font-size: 14px;
  color: #0085FF;
  box-sizing: border-box;
}


.upload_dialog .info {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.upload_dialog .info .ico {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/word.png) no-repeat center;
}


.upload_dialog .info .word {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/word.png) no-repeat center;
}

.upload_dialog .info .pdf {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/pdf.png) no-repeat center;
}


.upload_dialog .info .ppt {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/ppt.png) no-repeat center;
}

.upload_dialog .info .xls {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/xls.png) no-repeat center;
}


.upload_dialog .info .default {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/default.png) no-repeat center;
}

.upload_dialog .info .txt01 {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/txt.png) no-repeat center;
}

.upload_dialog .info .html {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/html.png) no-repeat center;
}

.upload_dialog .info .link {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/link.png) no-repeat center;
}

.upload_dialog .info .swf {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/swf.png) no-repeat center;
}

.upload_dialog .info .zip {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/zip.png) no-repeat center;
}

.upload_dialog .info .photo {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/photo.png) no-repeat center;
}

.upload_dialog .info .voice {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/voice.png) no-repeat center;
}

.upload_dialog .info .video {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/video.png) no-repeat center;
}


.upload_dialog .info .cont {
  margin-left: 13px;
  width: 336px;
  font-size: 16px;
  color: #555;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.upload_dialog .info .close {
  display: inline-block;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  background: url(../images/teachNumSchool/grade_close02.png) no-repeat center;
  cursor: pointer;
}



.mzl_confirm {
  margin: auto;
  display: block;
  width: 96px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 16px;
  background: #0085FF;
  color: #fff;
  text-align: center;
}

.mater_dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 20px;
  box-sizing: border-box;
  width: 388px;
  height: 282px;
  border-radius: 8px;
  background: #FFF;
  z-index: 1000;
}

.mater_dialog .tit {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.mater_dialog .cont {
  margin: 40px auto 0 auto;
  width: 220px;
  height: 142px;
  background: url(../images/teachNumSchool/no_data.png) no-repeat center;
}


.mater_dialog .tips {
  margin-top: 14px;
  font-size: 14px;
  color: #888;
  text-align: center;
}


.teacher_dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 20px;
  box-sizing: border-box;
  width: 388px;
  height: 282px;
  border-radius: 8px;
  background: #FFF;
  z-index: 1000;
}

.teacher_dialog .tit {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}


.teacher_dialog .school {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.teacher_dialog .teacher_name {
  font-size: 16px;
  color: #555;
}


.teacher_dialog .school_name {
  margin-top: 6px;
  padding-bottom: 13px;
  font-size: 14px;
  color: #b2b2b2;
  border-bottom: 1px dashed #BFD0E5;
}


.teacher_dialog .area_box {
  position: relative;
  margin-top: 8px;
  width: 348px;
  height: 100px;

}

.teacher_dialog textarea {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 0.5px solid #B2B2B2;
  background: #FFF;
  /* box-sizing: border-box; */
  font-size: 14px;
  color: #000;
}

.teacher_dialog textarea::placeholder {
  font-size: 14px;
  color: #B2B2B2;
}


.mzl_length {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 12px;
  color: #b2b2b2;
}


.mzl_user_img {
  width: 48px;
  height: 48px;
}

.add_class_dialog .item .search_stu {
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 16px 20px 0px 20px;
  /* width: 260px; */
  height: 32px;
  border: 1px solid #DEE4EB;
}


.add_class_dialog .item .search_stu input {
  width: 150px;
  height: 100%;
  box-sizing: border-box;
  border: none;
  /* text-indent: 10px; */
  font-size: 14px;
  color: #000;
}


.add_class_dialog .item .search_stu .mzl_search_btn {
  margin-left: auto;
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../images/teachNumSchool/search_ico.png) no-repeat center;
}

.add_class_dialog .item .nums {
  display: flex;
  justify-content: space-between;
  color: #7C8293;
  font-size: 14px;
}

.add_class_dialog .item .nums .mzl_clear {
  cursor: pointer;
  color: #0085FF;
}


.add_class_dialog .item .mzl_stu_list {
  margin-top: 30px;
  height: 275px;
  overflow-y: auto;
}

.add_class_dialog .item .mzl_stu_list li {
  margin-bottom: 20px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #000;
}

.add_class_dialog .item .mzl_stu_list li .del_ico {
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url(../images/teachNumSchool/tree_del.png) no-repeat center;
}


.add_class_dialog .item .mzl_stu_list li .del_ico:hover {
  cursor: pointer;
  background: url(../images/teachNumSchool/tree_del_on.png) no-repeat center;

}




ul.category_tree {
  margin-top: 0;
  padding: 10px 0 0 10px;
  width: 100%;
  height: 275px;
  border: none;
  box-sizing: border-box;
}

.ztree2 * {
  font-size: 14px;
  color: #3c3c3c;
}


.ztree2 {
  padding: 0 22px;
}

.ztree2 li {
  position: relative;
  margin-top: 20px;
}


.ztree2 li span.button.switch {
  position: absolute;
  top: 10px;
  left: -10px;
}

.ztree2 li span.button.noline_close {
  background: url(../images/teachNumSchool/tree_right.png) no-repeat center;
}


.ztree2 li span.button.noline_open {
  background: url(../images/teachNumSchool/tree_down.png) no-repeat center;
}


.ztree2 li span.button.chk {
  margin-top: 3px;
  width: 20px;
  height: 21px;
  cursor: pointer;
  background: url(../images/teachNumSchool/tree_check.png) no-repeat center;
}

.ztree2 li span.button.chk.checkbox_false_full_focus {
  background-position: 0 0;
}

.ztree2 li span.button.chk.checkbox_true_full_focus {
  background: url(../images/teachNumSchool/tree_check_on.png) no-repeat center;
  background-position: 0 0;
}

.ztree2 li span.button.chk.checkbox_true_full {
  background: url(../images/teachNumSchool/tree_check_on.png) no-repeat center;
  background-position: 0 0;
}

.ztree2 li span.button.chk.checkbox_true_part {
  background: url(../images/teachNumSchool/tree_check_on.png) no-repeat center;
  background-position: 0 0;
}


.ztree2 li span.button.chk.checkbox_true_part_focus {
  background: url(../images/teachNumSchool/tree_check_on.png) no-repeat center;
  background-position: 0 0;
}


.ztree2 li span.button.chk.checkbox_false_part {
  background-position: 0 0;
}


.ztree2 li span.button.chk.checkbox_false_part_focus {
  background-position: 0 0;
}

.ztree2 li a.curSelectedNode {
  background: none;
  border: 1px solid white;
  opacity: 1;
  /* box-sizing: border-box; */
  height: unset;
  vertical-align: top;
}

.ztree2 li a:hover span {
  color: #0085FF;
  background: #E8F6FF;
}



.xds_tab_wrap {
  padding: 30px;
  background: #fff;
  border-radius: 8px;
}

.xds_m_tab {
  display: flex;
  width: 100%;
  margin-bottom: 16px;
}

.xds_m_tab:last-child {
  margin-bottom: 0;
}

.xds_m_tab .tit {
  font-size: 14px;
  margin-top: 7px;
  margin-right: 14px;
  line-height: 20px;
  color: #333;
}


.xds_m_tab .tab_list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 56px);
}


.xds_m_tab .tab_list .item {
  padding: 6px 12px;
  font-size: 16px;
  color: #333333;
  margin-right: 14px;
  /* margin-bottom: 16px; */
  line-height: 22px;
  border-radius: 22px;
}


.xds_m_tab .tab_list .item:hover,
.xds_m_tab .tab_list .item.on {
  background: #2988F8;
  color: #fff;
}

.sort_box {
  display: flex;
  height: 64px;
  align-items: center;
  margin-top: 10px;
  padding: 0 30px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
}

.sort_box .tit {
  font-size: 14px;
  color: #333;
}

.sort_box .most {
  margin-left: 5px;
}

.sort_box .most .item {
  margin-right: 4px;
  padding: 4px 26px;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

.sort_box .most .item.on {
  border-radius: 20px;
  background: #DBEEFF;
  color: #2988F8;
}

.mzl_activity_box {
  margin-top: 10px;
  padding: 24px 30px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
}

.mzl_activity_box li {
  display: flex;
  margin-bottom: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  height: 138px;
}

.mzl_activity_box li:last-child {
  margin-bottom: 0;
}

.mzl_activity_box li .img_box {
  position: relative;
  width: 246px;
  height: 138px;
}

.mzl_activity_box li .img_box img {
  width: 100%;
  height: 100%;
}

.mzl_activity_box li .img_box .btn {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 135px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 20px;
  background: #FFF;
  font-size: 12px;
  color: #555;
}


.mzl_activity_box li .info {
  padding: 15px 0;
  margin-left: 27px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.mzl_activity_box li .info .tit {
  font-size: 20px;
  color: #000;
}

.mzl_activity_box li .info .grade {
  font-size: 12px;
  color: #555;
}

.mzl_activity_box li .info .host {
  font-size: 12px;
  color: #555;
}

.mzl_activity_box li .info .time {
  font-size: 12px;
  color: #555;
}

.mzl_activity_box li .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  padding: 21px 0 15px 0;
  box-sizing: border-box;
}

.mzl_activity_box li .right .status {
  text-align: right;
  font-size: 12px;
}

.mzl_activity_box li .right .enter {
  width: 91px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #2671FF;
  background: #F0F5FF;
  color: #1A57CB;
  font-size: 14px;
}

.com_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 24px 20px 9px 20px;
  box-sizing: border-box;
  border-radius: 8px;
  background: #FFF;
}

.com_list li {
  position: relative;
  margin-right: 13px;
  margin-bottom: 15px;
  padding: 20px;
  box-sizing: border-box;
  width: 280px;
  height: 161px;
  background: #FFF;
  box-shadow: 0px 6px 12px 0px rgba(240, 240, 240, 0.80);
}

.com_list li a {
  display: block;
  width: 100%;
  height: 100%;

}

.com_list li:nth-child(4n) {
  margin-right: 0;
}

.com_list li .logo {
  position: absolute;
  top: 29px;
  left: 20px;
  width: 70px;
  height: 70px;
}

.com_list li .info {
  display: flex;
  flex-direction: column;
  margin-left: 80px;
  width: 160px;
}

.com_list li .info .tit {
  font-size: 16px;
  color: #000;
}


.com_list li .info .sub {
  /* margin-top: 5px; */
  font-size: 12px;
  color: #555;
}

.com_list li .info .admin {
  /* margin-top: 3px; */
  font-size: 12px;
  color: #555;
}

.com_list li .info .nums {
  margin-top: 16px;
  display: flex;
  align-items: center;
}

.com_list li .info .nums .item {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #555;
}

.com_list li .info .nums .people_nums {
  display: inline-block;
  margin-right: 5px;
  width: 12px;
  height: 15px;
  vertical-align: middle;
  background: url(../images/teachNumSchool/people_nums.png) no-repeat center;
}

.com_list li .info .nums .scan_nums {
  display: inline-block;
  margin-right: 5px;
  width: 17px;
  height: 13px;
  vertical-align: middle;
  background: url(../images/teachNumSchool/scan_nums.png) no-repeat center;
}

.mzl_change {
  display: inline-block;
  margin-bottom: 17px;
  padding: 4px 12px;
  box-sizing: border-box;
  border-radius: 15px;
  background: #DBEEFF;
  color: #2988F8;
}

.mzl_activity_box .present {
  width: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #666;
  font-weight: 500;
}


.calendar {
  margin-bottom: 20px;
  height: 441px;
  background: url(../images/teachNumSchool/big_calendar.png) no-repeat center;
}

/* 教师端-直播课样式 ByMeiZhengLin 20230904 End */









/* 教师端-点播课样式 ByLiYangMing 20230904 Start */
.bg_eff4f8 {
  background: #eff4f8;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

a:hover {
  text-decoration: none;
}

.lym_p_dbk {
  padding: 16px 20px;
}

.lym_p_dbk .p_cont {
  border-radius: 4px;
  background: #FFF;
  padding: 8px 20px 74px;
}

.lym_gm_bread {
  padding: 11px 0 13px;
}

.lym_gm_bread>a {
  color: #555;
  font-size: 14px;
  line-height: 20px;
  margin-right: 35px;
  position: relative;
}

.lym_gm_bread>a::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 6px;
  margin-left: 15px;
  z-index: 1;
  width: 5px;
  height: 10px;
  background: url("../images/teachNumSchool/dbk/ico_bread.png") no-repeat center;
  background-size: 100%;
}

.lym_gm_bread>a:last-of-type {
  margin-right: 0;
  color: #B2B2B2;
}

.lym_gm_bread>a:last-of-type::after {
  display: none;
}

.lym_m_form {
  margin-top: 8px;
  padding-top: 33px;
  border-top: 1px solid #E5F2F1;
}

.lym_m_form .fm_item {
  padding-bottom: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.lym_m_form .fm_label {
  width: 214px;
  text-align: right;
  margin-right: 24px;
  color: #888;
  font-size: 14px;
  line-height: 20px;
  padding-top: 6px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.lym_m_form .fm_label.z_req::before {
  content: "*";
  color: #FA5151;
  margin-right: 10px;
}

.lym_m_form .fm_box {
  width: 686px;
}

.lym_m_form .fm_input {
  border-radius: 30px;
  border: 1px solid #DDD;
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  height: 32px;
}

.lym_m_form .fm_val {
  color: #000;
  font-size: 14px;
  line-height: 20px;
}

.lym_m_form .fm_check {
  margin-left: -5px;
  margin-right: -5px;
}

.lym_m_form .fm_check label {
  display: inline-block;
  vertical-align: middle;
  padding: 0 19px;
  color: #000;
  border: 1px solid #0085FF;
  border-radius: 30px;
  font-size: 14px;
  height: 27px;
  line-height: 27px;
  margin: 0 5px 5px;
  background: none;
}

.lym_m_form .fm_check label.checked {
  background: #E8F6FF;
  color: #0085FF;
}

.lym_m_form .fm_search .inp {
  width: 286px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px;
  border: 1px solid #DDD;
  padding: 0 36px 0 10px;
  color: #000;
  font-size: 14px;
  height: 32px;
  background: url("../images/teachNumSchool/dbk/ico_search.jpg") no-repeat right 10px center;
  background-size: 16px auto;
}

.lym_m_form .fm_search .holdbox {
  top: 33px !important;
}

.lym_m_form .fm_tarea {
  border-radius: 4px;
  border: 1px solid #DDD;
  padding: 11px 10px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100px;
}

.lym_m_form .fm_file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.lym_m_form .fm_file .fe_btn {
  width: 137px;
  height: 76px;
  border: 1px solid #0084FF;
  padding-top: 41px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  color: #0085FF;
  font-size: 14px;
  line-height: 18px;
  background: url("../images/teachNumSchool/dbk/ico_add.jpg") no-repeat center 15px;
  background-size: 20px auto;
  margin-right: 17px;
  cursor: pointer;
}

.lym_m_form .fm_file .fe_btn input {
  opacity: 0;
  visibility: hidden;
}

.lym_m_form .fm_file .fe_des {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  color: #B2B2B2;
  font-size: 14px;
  line-height: 20px;
}

.lym_m_form .fm_submit {
  padding-left: 440px;
}

.lym_m_form .fm_submit .st_btn {
  height: 38px;
  border-radius: 33px;
  border: 1px solid #0085FF;
  background: #FFF;
  width: 128px;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  color: #0085FF;
  margin: 0 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.lym_m_form .fm_submit .st_btn.z_blue {
  background: #0085FF;
  color: #fff;
}

.lym_m_form .fm_submit .st_btn:hover {
  opacity: 0.8;
}

.lym_p_dbkxq {
  padding-bottom: 20px;
}

.lym_m_class {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 24px 36px 24px 24px;
  border-radius: 8px;
  background: #FFF;
}

.lym_m_class .cs_pic {
  width: 195px;
  margin-right: 28px;
}

.lym_m_class .cs_pic img {
  width: 100%;
  border-radius: 5px;
}

.lym_m_class .cs_box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}

.lym_m_class .bx_name {
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.lym_m_class .bx_sch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 10px;
}

.lym_m_class .sh_num {
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  border: 1px solid #FFA800;
  text-align: center;
}

.lym_m_class .sh_num em {
  display: block;
  padding: 0 8px;
  font-size: 16px;
  font-weight: 600;
  color: #FFA800;
  line-height: 18px;
}

.lym_m_class .sh_num span {
  font-size: 12px;
  line-height: 17px;
  padding-bottom: 2px;
  background: #FFA800;
  display: block;
  color: #FFF;
}

.lym_m_class .sh_text {
  color: #888;
  font-size: 14px;
  line-height: 21px;
  /* 150% */
  margin-left: 9px;
}

.lym_m_class .bx_tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: -5px;
  margin-right: -5px;
  padding-top: 8px;
}

.lym_m_class .bx_tags dd {
  border-radius: 4px;
  background: #F0F5F9;
  line-height: 23px;
  height: 23px;
  margin: 2px 5px;
  padding: 0 6px;
  color: #888;
  font-size: 12px;
}

.lym_m_class .cs_do {
  text-align: center;
  padding-top: 39px;
  margin-left: auto;
}

.lym_m_class .cs_do .lym_gu_btn {
  padding: 0 20px;
}

.lym_m_class .cs_do .do_p {
  padding-top: 18px;
  font-size: 12px;
  line-height: 17px;
  color: #555;
}

.lym_m_class .cs_do .do_p em {
  color: #0084FF;
}

.lym_m_xq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lym_m_xq .xq_lf {
  border-radius: 8px;
  background: #FFF;
  width: 900px;
}

.lym_m_xq .xq_rg {
  width: 280px;
}

.lym_u_tab {
  padding: 0 15px 0 28px;
  border-bottom: 1px solid #E5F2F1;
}

.lym_u_tab em {
  display: inline-block;
  vertical-align: middle;
  padding: 14px 2px 9px;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  line-height: 22px;
  color: #555;
  margin-right: 25px;
  cursor: pointer;
  margin-bottom: -1px;
}

.lym_u_tab em.on {
  font-weight: 600;
  border-bottom-color: #0084FF;
  color: #0085FF;
}

.lym_u_tab .lym_gu_btn {
  margin-top: 8px;
}

.lym_u_ml {
  padding: 20px;
}

.lym_u_ml .ml_list li {
  padding-bottom: 20px;
}

.lym_u_ml .ml_list li:last-of-type {
  padding-bottom: 0;
}

.lym_u_ml .li_tit {
  padding: 14px 16px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  background: #F5F7FA;
}

.lym_u_ml .li_dl dd {
  border-bottom: 1px solid #E5F2F1;
}

.lym_u_info1 {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.lym_u_info1 .io_num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 3px;
  border: 1px solid #FFA800;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}

.lym_u_info1 .io_num em {
  padding: 0 5px;
  color: #fff;
  background: #FFA800;
  height: 100%;
}

.lym_u_info1 .io_num span {
  padding: 0 2px;
  color: #FFA800;
}

.lym_u_info1 .io_des {
  margin-left: 10px;
  color: #222;
  line-height: 20px;
  font-size: 14px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}

.lym_u_info1 .io_link {
  margin-left: auto;
}

.lym_u_info1 .io_link .lk_ico {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background: url("../images/teachNumSchool/dbk/ico_play.png") no-repeat center;
  background-size: 100%;
  margin: 0 12px;
}

.lym_u_info1 .io_link .lk_ico.z_v {
  background-image: url("../images/teachNumSchool/dbk/ico_play.png");
}

.lym_u_info1 .io_link .lk_ico.z_w {
  background-image: url("../images/teachNumSchool/dbk/ico_w.png");
}

.lym_u_info1 .io_link .lk_ico.z_p {
  background-image: url("../images/teachNumSchool/dbk/ico_p.png");
}

.lym_u_info1 .io_link .lk_ico:last-of-type {
  margin-right: 0;
}

.lym_m_rgzl {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  padding: 13px 5px;
  border-radius: 8px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.lym_m_rgzl .rl_ico {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: url("../images/teachNumSchool/dbk/ico_refresh.jpg") no-repeat center;
  background-size: 100%;
}

.lym_m_rgzl .rl_day {
  color: #B2B2B2;
}

.lym_m_grzl {
  border-radius: 8px;
  background: #FFF;
  padding: 20px;
}

.lym_m_grzl .gl_top {
  text-align: center;
  padding-bottom: 14px;
}

.lym_m_grzl .tp_ava {
  width: 66px;
  height: 66px;
  border-radius: 50%;
}

.lym_m_grzl .tp_name {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  padding-top: 4px;
}

.lym_m_grzl .tp_sch {
  padding-top: 2px;
  color: #B2B2B2;
  font-size: 14px;
  line-height: 17px;
}

.lym_m_grzl .gl_val {
  padding-top: 14px;
  border-top: 1px solid #E5F2F1;
  color: #B2B2B2;
  font-size: 14px;
  line-height: 17px;
}

.lym_m_grzl .lym_gu_no {
  border-top: 1px solid #E5F2F1;
}

.lym_m_grzl .gl_form {
  text-align: center;
  display: none;
}

.lym_m_grzl .gl_form .fm_area {
  position: relative;
  line-height: 0;
  text-align: left;
}

.lym_m_grzl .gl_form .fm_area textarea {
  border-radius: 4px;
  border: 1px solid #DDD;
  height: 91px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 10px 22px;
}

.lym_m_grzl .gl_form .fm_area .aa_num {
  position: absolute;
  right: 8px;
  bottom: 5px;
  color: #B2B2B2;
  font-size: 12px;
  line-height: 17px;
}

.lym_m_grzl .gl_form .lym_gu_btn {
  margin-top: 10px;
}

.lym_m_tdcy {
  padding: 15px 20px;
  border-radius: 8px;
  background: #FFF;
}

.lym_m_tdcy .ty_tit {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.lym_m_tdcy .ty_dl {
  padding-top: 10px;
}

.lym_m_tdcy .ty_dl dd {
  position: relative;
}

.lym_m_tdcy .ty_dl dd::after {
  content: "";
  position: absolute;
  left: 62px;
  right: 0;
  border-bottom: 1px dotted #BFD0E5;
}

.lym_m_tdcy .ty_dl dd:last-of-type::after {
  display: none;
}

.lym_u_info2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 9px 0;
}

.lym_u_info2 .io_ava {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.lym_u_info2 .io_box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  margin-left: 14px;
}

.lym_u_info2 .io_box .bx_name {
  color: #555;
  font-size: 16px;
  line-height: 19px;
}

.lym_u_info2 .io_box .bx_sch {
  color: #B2B2B2;
  font-size: 14px;
  line-height: 17px;
  padding-top: 6px;
}

.lym_m_xxkc {
  padding: 15px 20px 20px;
  border-radius: 8px;
  background: #FFF;
}

.lym_m_xxkc .xc_tit {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.lym_m_xxkc .xc_tit em {
  color: #0084FF;
}

.lym_m_xxkc .xc_dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  padding: 0 9px;
}

.lym_m_xxkc .xc_dl dd {
  width: 25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
  margin-top: 15px;
}

.lym_u_info3 {
  text-align: center;
}

.lym_u_info3 .io_ava {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.lym_u_info3 .io_name {
  padding-top: 4px;
  color: #222;
  font-size: 14px;
  line-height: 20px;
}

.lym_u_jj {
  padding: 40px 56px;
}

.lym_u_jj .jj_dl dd {
  padding-bottom: 32px;
}

.lym_u_jj .jj_dl dd:last-of-type {
  padding-bottom: 0;
}

.lym_u_jj .jj_dl .dd_tit {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.lym_u_jj .jj_dl .dd_des {
  padding-top: 15px;
  line-height: 25px;
  color: #555;
  font-size: 14px;
}

.lym_u_lx {
  padding: 20px;
}

.lym_u_lx .lx_list li {
  padding-bottom: 35px;
}

.lym_u_lx .lx_list li:last-of-type {
  padding-bottom: 0;
}

.lym_u_lx .li_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lym_u_lx .tp_tit {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  padding: 5px 0;
}

.lym_u_lx .li_dl {
  padding-top: 15px;
}

.lym_u_lx .li_dl dd {
  padding-bottom: 10px;
}

.lym_u_lx .li_dl dd:last-of-type {
  padding-bottom: 0;
}

.lym_u_lx .li_more {
  display: block;
  margin: 29px auto 0;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
  width: 80px;
  text-align: center;
  border: 1px solid #DEE4EB;
  font-size: 14px;
  color: #888;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.lym_u_lx .li_more:hover {
  opacity: 0.8;
}

.lym_u_info4 {
  padding: 18px 20px;
  border-radius: 4px;
  background: #F5F9FF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.lym_u_info4 .io_ava {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  margin-right: 14px;
}

.lym_u_info4 .io_box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}

.lym_u_info4 .bx_name {
  color: #222;
  font-size: 16px;
  line-height: 22px;
}

.lym_u_info4 .bx_day {
  padding-top: 6px;
  color: #B2B2B2;
  font-size: 14px;
  line-height: 20px;
}

.lym_gu_no {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.lym_gu_no .no_tip {
  padding-top: 17px;
  color: #888;
  font-size: 18px;
  line-height: 25px;
}

.lym_gu_pj {
  padding: 20px 20px 23px;
}

.lym_gu_pj .pj_form .fm_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lym_gu_pj .pj_form .tp_tit {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.lym_gu_pj .pj_form .fm_area {
  padding-top: 14px;
}

.lym_gu_pj .pj_form .fm_area textarea {
  border-radius: 6px;
  border: 1px solid #B2B2B2;
  height: 100px;
  width: 100%;
  padding: 11px 10px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lym_gu_pj .pj_form .aa_tip {
  padding-top: 6px;
  color: #B2B2B2;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
}

.lym_gu_pj .pj_form .aa_tip .lym_gu_btn {
  margin-left: 18px;
}

.lym_gu_pj .pj_wd {
  margin-top: 30px;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #0085FF;
  position: relative;
  padding: 34px 20px 0;
  overflow: hidden;
}

.lym_gu_pj .pj_wd .wd_tit {
  position: absolute;
  left: -1px;
  top: -1px;
  padding: 0 20px;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  border-bottom-right-radius: 8px;
  background: #0085FF;
  cursor: pointer;
}

.lym_gu_pj .pj_wd .wd_btn {
  position: absolute;
  right: 19px;
  top: 19px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 23px;
  line-height: 23px;
  border-radius: 6px;
  border: 1px solid #0085FF;
  padding: 0 9px;
  color: #0085FF;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.lym_gu_pj .pj_wd .wd_btn:hover {
  opacity: 0.8;
}

.lym_gu_pj .pj_list {
  border-radius: 8px;
  border: 1px solid #E5F2F1;
  padding: 0 20px 16px;
}

.lym_gu_pj .pj_list .lt_ul li {
  border-bottom: 1px solid #E5F2F1;
}

.lym_gu_pj .pj_list .lt_page {
  text-align: center;
}

.lym_u_info5 {
  padding: 14px 0;
}

.lym_u_info5 .io_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.lym_u_info5 .tp_ava {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.lym_u_info5 .tp_name {
  margin-left: 12px;
  color: #0085FF;
  font-size: 16px;
  line-height: 22px;
}

.lym_u_info5 .tp_tag {
  border-radius: 3px;
  background: #DDF7FF;
  padding: 0 7px;
  height: 19px;
  line-height: 19px;
  font-size: 12px;
  color: #0085FF;
  margin-left: 7px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.lym_u_info5 .lym_gu_star2 {
  margin-left: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.lym_u_info5 .io_des {
  padding-top: 10px;
  color: #666;
  font-size: 14px;
  line-height: 20px;
}

.lym_u_info5 .io_day {
  padding-top: 10px;
  color: #B2B2B2;
  font-size: 14px;
  line-height: 17px;
}

.lym_gu_btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  background: #0085FF;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 16px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.lym_gu_btn:hover {
  opacity: 0.8;
}

.lym_gu_btn.z_border {
  color: #0085FF;
  border: 1px solid #0085FF;
  background: transparent;
}

.lym_gu_btn.z_20 {
  padding: 0 20px;
}

.lym_gu_star {
  height: 21px;
  line-height: 21px;
}

.lym_gu_star .score {
  line-height: 21px;
  color: #888;
  font-size: 14px;
}

.lym_gu_star .starbig {
  margin-top: 2px;
  height: 16px;
  width: 80px;
  background-image: url("../images/teachNumSchool/dbk/ico_star1.png");
}

.lym_gu_star .starbig em {
  background-image: url("../images/teachNumSchool/dbk/ico_star1_fill.png");
  height: 16px;
}

.lym_gu_star2 {
  height: 16px;
  width: 80px;
  background-image: url("../images/teachNumSchool/dbk/ico_star2.png");
}

.lym_gu_star2 .grade_inner {
  background-image: url("../images/teachNumSchool/dbk/ico_star2_fill.png");
  height: 16px;
}

.lym_u_jkbg {
  text-align: center;
  padding: 47px 5px 8px;
}

.lym_u_jkbg .jg_pic {
  width: 555px;
}

.lym_m_rrt .rt_dl {
  padding-top: 9px;
  padding-bottom: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.lym_m_rrt .rt_dl dd {
  width: 50%;
  position: relative;
}

.lym_m_rrt .rt_dl dd::after {
  content: "";
  position: absolute;
  right: 0;
  top: 26px;
  bottom: 1px;
  border-left: 1px solid #E1E7F5;
}

.lym_m_rrt .rt_dl dd:first-of-type .dd_tip {
  padding-top: 0;
}

.lym_m_rrt .rt_dl dd:last-of-type::after {
  display: none;
}

.lym_m_rrt .dd_tip {
  padding-top: 9px;
}

.lym_m_rrt .dd_btn {
  margin-top: 22px;
  border: 1px solid #0085FF;
  padding: 0 20px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #0085FF;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.lym_m_rrt .dd_btn.z_blue {
  color: #fff;
  background: #0085FF;
}

.lym_m_rrt .dd_btn:hover {
  opacity: 0.8;
}

/* 教师端-点播课样式 ByLiYangMing 20230904 End */










/* 教师端-管理授课样式 ByWangChi 20230904 Start */

.bg_eef4f8 {
  background: #eef4f8;
}

.koi_Bread_crab {
  color: #555;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-top: 11px;
  margin-bottom: 13px;
}

.c_b2b2b2 {
  color: #b2b2b2;
}

.icon_crab {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_crab.png) no-repeat center;
  width: 15px;
  height: 15px;
  margin: 0 15px;
}

.koi_Course_box {
  height: 157px;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 8px;
  background: #FFF;
  display: flex;
}

.koi_Course_box .left {
  width: 195px;
  height: 109px;
  border-radius: 4.875px;
}

.koi_Course_box .left img {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 4.875px;
}

.koi_Course_box .right {
  margin-left: 28px;
}

.koi_Course_box .right .title {
  color: #222;
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: 600;
}

.koi_Course_box .right .teacher_school {
  color: #888;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 10px;
}

.koi_Course_box .right .material {
  display: inline-block;
  color: #888;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  border-radius: 4px;
  background: #F0F5F9;
  padding: 3px 2px;
  box-sizing: border-box;
  margin-top: 30px;
}

.koi_content {
  display: flex;
  margin-top: 20px;
}

.koi_content .left {
  width: 280px;
  border-radius: 8px;
  background: #FFF;
  padding: 24px 12px;
  box-sizing: border-box;
}

.koi_content .left.koi_nav_list {
  color: #555;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
}

.koi_content .left.koi_nav_list li {
  margin-top: 32px;
  cursor: pointer;
}

.koi_content .left.koi_nav_list li:first-child {
  margin-top: unset;
}

.koi_content .left.koi_nav_list li.active {
  color: #0084FF;
  position: relative;
}

.koi_content .left.koi_nav_list li.active::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: -11px;
  top: 3px;
  width: 2px;
  height: 15px;
  background: #0084FF;
}

.koi_content .right {
  width: 900px;
  border-radius: 8px;
  background: #FFF;
  margin-left: 20px;
  padding: 20px;
  box-sizing: border-box;
}

.koi_content .right .title {
  color: #222;
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 600;
}

.koi_content .right .introduction {
  display: flex;
  margin-top: 20px;
}

.koi_content .right .introduction .intro_tit {
  color: #222;
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 400;
}

.koi_content .right .introduction .intro_right .Edit_box {
  width: 725px;
  height: 195px;
}

.koi_content .right .introduction .intro_right .Edit_box img {
  display: inline-block;
  width: 725px;
  height: 195px;
}

.icon_Look_out {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_Look_out.png) no-repeat center;
  width: 16px;
  height: 16px;
  margin-left: 12px;
}

.icon_Preview {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_Preview.png) no-repeat center;
  width: 20px;
  height: 20px;
}

.koi_submit_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}

.koi_submit_link .arrange {
  display: flex;
  align-items: center;
}

.koi_save_btn {
  color: #FFF;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  width: 154px;
  height: 40px;
  display: inline-block;
  background: #0085FF;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
}

.Preview_box {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.Directory_management {
  margin-top: 20px;
}

.Directory_management .warp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  box-sizing: border-box;
  background: #F5F7FA;
  width: 860px;
  padding: 14px 20px;
}

.Directory_management .warp .item_left {
  color: #222;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.Directory_management .warp .item_left .permutation {
  color: #0085FF;
}

.Directory_management .warp .item_left .copywriting {
  margin-left: 17px;
}

.Directory_management .warp .item_left .copywriting.inp {
  box-sizing: border-box;
  width: 310px;
  height: 32px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
}

.Directory_management .warp .item_left .copywriting.on_kong {
  border: 1px solid transparent;
  background: transparent;
}

.Directory_management .warp .item_left .copywriting.on_kong::-webkit-input-placeholder {
  color: #000;
}

.Directory_management .warp .item_left .copywriting.on_kong::-moz-placeholder {
  color: #000;
}

.Directory_management .warp .item_left .copywriting.on_kong:-ms-input-placeholder {
  color: #000;
}

.Directory_management .warp .item_left .copywriting.on_kong:-moz-placeholder {
  color: #000;
}

.Directory_management .warp .item_right {
  display: flex;
  align-items: center;
}

.Directory_management .warp .item_right .Add_period {
  color: #2BB470;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.Directory_management .warp .koi_btn_save {
  color: #0085FF;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.icon_add_period {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_add_period.png) no-repeat center;
  width: 20px;
  height: 20px;
}

.icon_add_period_zhang {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_add_period_zhang.png) no-repeat center;
  width: 20px;
  height: 20px;
}

.icon_Pack_up {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_Pack_up.png) no-repeat center;
  width: 20px;
  height: 20px;
  margin-left: 32px;
  cursor: pointer;
  position: relative;
}

.icon_Pack_up::after {
  content: '';
  position: absolute;
  left: -15px;
  top: -5px;
  width: 2px;
  height: 30px;
  background: #E5F2F1;
}

.icon_unfold {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_unfold.png) no-repeat center;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
}

.icon_unfold::before {
  content: '';
  position: absolute;
  right: -15px;
  top: -5px;
  width: 2px;
  height: 30px;
  background: #E5F2F1;
}

.icon_more {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_more.png) no-repeat center;
  width: 20px;
  height: 20px;
  margin-left: 30px;
  cursor: pointer;
  position: relative;
}

.icon_more .more_box {
  display: none;
  width: 112px;
  height: 65px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  position: absolute;
  right: -39px;
  top: 20px;
  z-index: 111;
}

.icon_more .more_box li {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 0;
  box-sizing: border-box;
  height: unset;
  border-top: unset;
}

.icon_more .more_box li:hover {
  color: #0084FF;
}

.icon_more:hover .more_box {
  display: block;
}

.icon_editor {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_editor.png) no-repeat center;
  width: 20px;
  height: 20px;
}

.icon_del {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_del.png) no-repeat center;
  width: 20px;
  height: 20px;
}

.icon_block {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_block.png) no-repeat center;
  width: 20px;
  height: 20px;
}

.catalogue_list li {
  display: flex;
  align-items: center;
  height: 50px;
  border-top: 1px solid #E5F2F1;
  padding: 14px 20px;
  box-sizing: border-box;
  justify-content: space-between;
}

.catalogue_list li .top_warp {
  display: flex;
  align-items: center;
}

.catalogue_list li .top_warp .hour_box {
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  height: 30px;
  border: 2px solid #FFA800;
  box-sizing: border-box;
  border-radius: 2px;
  background: #FFA800;
  width: 54px;
}

.catalogue_list li .top_warp .hour_box .hour_left {
  display: inline-block;
  background: #fff;
  color: #FFA800;
  padding: 2px;
  box-sizing: border-box;
}

.catalogue_list li .top_warp .hour_box .hour_right {
  color: #fff;
  padding: 2px;
  box-sizing: border-box;
}

.catalogue_list li .copywriting.inp {
  box-sizing: border-box;
  width: 520px;
  height: 32px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
}

.catalogue_list li .copywriting.on_kong {
  border: 1px solid transparent;
  background: transparent;
  width: 520px;
}

.catalogue_list li .copywriting.on_kong::-webkit-input-placeholder {
  color: #000;
}

.catalogue_list li .copywriting.on_kong::-moz-placeholder {
  color: #000;
}

.catalogue_list li .copywriting.on_kong:-ms-input-placeholder {
  color: #000;
}

.catalogue_list li .copywriting.on_kong:-moz-placeholder {
  color: #000;
}

.catalogue_list li .koi_block_box {
  display: flex;
  align-items: center;
  color: #222;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  margin-left: 20px;
}

.catalogue_list li .koi_bor_save {
  border-radius: 16px;
  background: #0085FF;
  color: #FFF;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 20px;
  cursor: pointer;
}

.koi_chklist {
  color: #000;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

.koi_chklist label.checkbox {
  background: url(../images/teachNumSchool/radio01.png) no-repeat left;
}

.koi_chklist label.checked {
  background: url(../images/teachNumSchool/radio02.png) no-repeat left;
}

.koi_add_period_zhang {
  color: #0085FF;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 0;
  background: #F5F7FA;
  cursor: pointer;
}

.koi_Content_management {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.koi_Content_management .management_left {
  width: 240px;
}

.koi_Content_management .management_left .sideMenu {
  border-radius: 8px;
  border: 1px solid #EAEAEA;
  background: #FFF;
  width: 240px;
}

.koi_Content_management .management_left .sideMenu .Lesson_plan {
  color: #222;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 14px 20px;
  border-bottom: 1px solid #DFE9EF;
}

.koi_Content_management .management_left .sideMenu .koi_sideMenu_list {
  padding-bottom: 20px;
}

.koi_Content_management .management_left .sideMenu .title {
  color: #505453;
  font-family: PingFang SC;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  justify-content: space-between;
  cursor: pointer;
}

.koi_Content_management .management_left .sideMenu .koi_sideMenu_list .item.on .sub {
  display: block;
}

.koi_Content_management .management_left .sideMenu .koi_sideMenu_list .item .sub {
  color: #999;
  display: none;
}

.koi_Content_management .management_left .sideMenu .koi_sideMenu_list .item .sub li {
  height: 34px;
  line-height: 34px;
}

.koi_Content_management .management_left .sideMenu .koi_sideMenu_list .item .sub li.active {
  position: relative;
  background: #E1F0FF;
}

.koi_Content_management .management_left .sideMenu .koi_sideMenu_list .item .sub li.active ::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background: #0084FF;
  width: 2px;
  height: 34px;
}

.koi_Content_management .management_left .sideMenu .koi_sideMenu_list .item .sub li a {
  display: block;
  width: 100%;
  height: 100%;
  font-family: 'Microsoft YaHei';
  font-size: 14px;
  color: #333;
  text-decoration: none;
  padding: 0 25px;
  box-sizing: border-box;
}

.koi_Content_management .management_right {
  width: 600px;
}

.koi_Content_management .management_right .koi_Chapter_name {
  padding: 16px;
  box-sizing: border-box;
  background: #F5F7FA;
  height: 52px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.koi_Content_management .management_right .koi_Chapter_name .hour_box {
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  height: 30px;
  border: 2px solid #FFA800;
  box-sizing: border-box;
  border-radius: 2px;
  background: #FFA800;
  width: 54px;
}

.koi_Content_management .management_right .koi_Chapter_name .hour_box .hour_left {
  display: inline-block;
  background: #fff;
  color: #FFA800;
  padding: 2px;
  box-sizing: border-box;
}

.koi_Content_management .management_right .koi_Chapter_name .hour_box .hour_right {
  color: #fff;
  padding: 2px;
  box-sizing: border-box;
}

.koi_Content_management .management_right .koi_Chapter_name .tit {
  margin-left: 10px;
  color: #222;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

.koi_Content_management .management_right .koi_Document_source {
  color: #222;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  padding: 16px;
  box-sizing: border-box;
}

.koi_Content_management .management_right .koi_Document_source .warp {
  display: flex;
  align-items: center;
}

.koi_Content_management .management_right .koi_btn_save {
  margin-top: 24px;
  padding: 6px 20px;
  color: #FFF;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  background: #0085FF;
}

.koi_Content_management .management_right .koi_examine {
  color: #FF4F4F;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  margin-top: 8px;
}

.koi_Content_management .management_right .koi_File_name {
  margin-top: 28px;
  color: #222;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.koi_Content_management .management_right .koi_File_name .audit {
  color: #FF4F4F;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  margin-left: 16px;
}

.koi_sideMenu_list .item.on .icon_xiala {
  transform: rotate(180deg);
}

.icon_xiala {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/teachNumSchool/icon_xiala.png) no-repeat center;
}

/*a  upload */
.koi_upload {
  padding: 4px 10px;
  height: 20px;
  line-height: 20px;
  position: relative;
  cursor: pointer;
  color: #000;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  zoom: 1;
}

.koi_upload input {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  color: #0085FF;
}

.icon_upload {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/teachNumSchool/icon_upload.png) no-repeat center;
  margin-right: 10px;
}

.icon_wenjian_upload {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/teachNumSchool/icon_wenjian_upload.png) no-repeat center;
  margin-right: 10px;
}

.icon_xian {
  width: 1px;
  height: 30px;
  background: #E5F2F1;
  margin: 0 18px;
}

.koi_upload_pp {
  margin-top: 18px;
}

.koi_upload_pp img {
  display: inline-block;
  width: 567px;
  height: 128px;
}

.koi_Auxiliary_material {
  padding: 16px;
  box-sizing: border-box;
}

.koi_Auxiliary_material .top_warp {
  display: flex;
  align-items: center;
  color: #222;
  font-size: 16px;
  font-weight: 400;
}

.koi_Auxiliary_material .top_warp .material_tab {
  display: flex;
}

.koi_Auxiliary_material .top_warp .material_tab li {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: 40px;
}

.koi_Auxiliary_material .top_warp .material_tab li:first-child {
  margin-left: unset;
}

.koi_Auxiliary_material .top_warp .material_tab li.active {
  color: #0085FF;
}

.koi_Auxiliary_material .bottom_warp {
  width: 567px;
  border: 1px solid #F5F7FA;
  background: #F5F7FA;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  padding: 15px;
  box-sizing: border-box;
  margin-top: 12px;
}

.koi_Auxiliary_material .bottom_warp .koi_chklist {
  margin-top: 10px;
  color: #888;
}

.koi_Auxiliary_material .bottom_warp .koi_chklist:first-child {
  margin-top: unset;
}

.koi_Main_button {
  display: inline-flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  background: #0085FF;
  color: #FFF;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

.koi_flex_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.koi_Exercise_list {
  margin-top: 16px;
}

.koi_Exercise_list li {
  padding: 15px 20px;
  box-sizing: border-box;
  border-radius: 8px;
  background: #F5F7FA;
  width: 860px;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}

.koi_Exercise_list li:first-child {
  margin-top: unset;
}

.koi_Exercise_list li .Exercise_left {
  display: flex;
  align-items: center;
}

.koi_Exercise_list li .Exercise_left .Exercise_chart img {
  display: inline-block;
  width: 36px;
  height: 36px;
}

.koi_Exercise_list li .Exercise_left .text {
  margin-left: 10px;
  color: #222;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

.koi_Exercise_list li .Exercise_left .text .date {
  color: #888;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
}

.koi_mark {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.koi_Operation_introduction {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 736px;
  background: #fff;
  border-radius: 8px;
  border: 1px dashed #E5EBF1;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
}

.koi_Operation_introduction .title {
  line-height: 65px;
  position: relative;
  height: 65px;
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px solid #DFE9EF;
}

.koi_Operation_introduction .title .icon_off {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_Off.png) no-repeat center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.koi_Operation_introduction .content {
  color: #222;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  padding: 20px;
  box-sizing: border-box;
  height: 650px;
  overflow-y: scroll;
}

.icon_yuandian {
  display: inline-block;
  background: #0085FF;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  color: #FFF;
  text-align: center;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}

.content::-webkit-scrollbar {
  width: 6px;
}

.content::-webkit-scrollbar-thumb {
  background-color: #e8e8e8;
  height: 36px;
  border-radius: 3px;
}

.koi_Student_evaluation {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.koi_Student_evaluation .item {
  display: inline-block;
  width: 154px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #DEE4EB;
  color: #888;
  text-align: center;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  margin-left: 16.5px;
}

.koi_Student_evaluation .item:first-child {
  margin-left: unset;
}

.koi_Student_evaluation .item.active {
  background: #0085FF;
  border: 1px solid transparent;
  color: #fff;
}

.koi_Student_audit li {
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D9D9;
  box-sizing: border-box;
  margin-top: 18.5px;
}

.koi_Student_audit li .item_audit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.koi_Student_audit li .item_audit .left_audit {
  display: flex;
  align-items: center;
}

.koi_Student_audit li .item_audit .left_audit .koi_user {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.koi_Student_audit li .item_audit .left_audit .grade_wrap .koi_user_name {
  color: #555;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

.koi_Student_audit li .item_audit .left_audit .date {
  margin-left: 10px;
  color: #9B9B9B;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}

.koi_Student_audit li .item_audit .right_audit .koi_btn_pass {
  display: inline-block;
  line-height: 32px;
  width: 80px;
  height: 32px;
  background: #fff;
  border: 1px solid #DEE4EB;
  color: #888;
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
}

.koi_Student_audit li .item_audit .right_audit .koi_btn_pass.on {
  border: 1px solid transparent;
  background: #0085FF;
  color: #fff;
}

.koi_Student_audit li .item_audit .right_audit .koi_btn_pass:last-child {
  margin-left: 15px;
}

.koi_Student_audit li .item_audit .right_audit .koi_blue_text {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  color: #0085FF;
}

.koi_Student_audit li .item_audit .right_audit .koi_red_text {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  color: #FF4F4F;
}

.koi_Student_audit li .text {
  margin-top: 10px;
  color: #000;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

.koi_Student_sort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.koi_Student_sort .koi_Sort_in {
  display: flex;
  align-items: center;
  color: #222;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

.koi_Student_sort .koi_Sort_in .sort_tab {
  color: #222;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.koi_Student_sort .koi_Sort_in .sort_tab .item {
  padding: 4px 12px;
  box-sizing: border-box;
  cursor: pointer;
  margin-left: 12px;
}

.koi_Student_sort .koi_Sort_in .sort_tab .item.active {
  border-radius: 15px;
  background: #0084FF;
  color: #fff;
}

.koi_Student_sort .koi_Enrolled_student {
  color: #222;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

.koi_Student_management {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.koi_Student_management li {
  width: 274px;
  height: 132px;
  border-radius: 8px;
  border: 1px solid #E5F2F1;
  background: #FFF;
  padding: 14px;
  box-sizing: border-box;
  margin-top: 20px;
}

.koi_Student_management li .top_warp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #9B9B9B;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}

.koi_Student_management li .top_warp .mana_left {
  display: flex;
  align-items: center;
}

.koi_Student_management li .mana_hour {
  margin-top: 15px;
  color: #FFF;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  border-radius: 10px;
  background: #0084FF;
  width: 246px;
  height: 19px;
  text-align: center;
}

.koi_Student_management li .mana_view {
  margin-top: 10px;
  color: #555;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.koi_observer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.koi_observer li {
  width: 274px;
  height: 107px;
  border-radius: 8px;
  border: 1px solid #E5F2F1;
  background: #FFF;
  padding: 14px;
  box-sizing: border-box;
  margin-top: 20px;
}

.koi_observer li .top_warp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.koi_observer li .top_warp .observer_left {
  display: flex;
  align-items: center;
  color: #9B9B9B;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}

.koi_observer li .Viewing_time {
  color: #9B9B9B;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  margin-top: 20px;
}

.koi_school_date {
  display: flex;
  align-items: center;
  color: #888;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}

.koi_school_date .aut_time {
  margin-left: 25px;
}

.koi_Add_team_members {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 416px;
  background: #fff;
  border-radius: 8px;
  border: 1px dashed #E5EBF1;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: 10px 15px;
}

.koi_Add_team_members .title {
  line-height: 44px;
  position: relative;
  height: 44px;
  color: #555;
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 400;
}

.koi_Add_team_members .title .icon_off {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_Off.png) no-repeat center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
}

.koi_Add_team_members .add_account {
  color: #000;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.koi_Add_team_members .add_account .koi_add_accountinp {
  padding: 5px 10px;
  box-sizing: border-box;
  width: 307px;
  height: 32px;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #dee4eb;
  border-radius: 4px;
  margin-left: 20px;
}

.koi_Add_team_members .Message {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  margin-top: 25px;
}

.koi_Add_team_members .Message .c222 {
  color: #222;
}

.koi_Add_team_members .Message .c888 {
  color: #888;
}

.koi_Add_team_members .koi_addteam_btn {
  padding: 6px 34px;
  box-sizing: border-box;
  background: #0085ff;
  color: #FFF;
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
}

.koi_Add_team_members .koi_escteam_btn {
  padding: 6px 34px;
  box-sizing: border-box;
  border: 1px solid #DEE4EB;
  color: #555;
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
}

.koi_Exercise_list li .Exercise_left .Exercise_chart .koi_team_user {
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
}

/* 教师端-管理授课样式 ByWangChi 20230904 End */



/* fix :Start */
.koi_upload_pp {
  width: 567px;
  height: 128px;
}

.material_content_list .material_content {
  display: none;
}

.material_content_list .material_content.active {
  display: block;
}

/* fix :End */
.mzl_rate_list.koi_border_rate {
  border: 1px solid #0085FF;
  margin-top: 20px;
}

.grade_wrap .starbig {
  position: relative;
  width: 80px;
  height: 16px;
  background: url(../images/teachNumSchool/mzl_star02.png) repeat-x;
}

.grade_wrap .starbig em {
  position: absolute;
  left: 0;
  top: 0;
  height: 16px;
  background: url(../images/teachNumSchool/mzl_star.png) repeat-x;
}

.sq_txt {
  color: #666;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-right: 20px;
}

.modForm {
  text-align: center;
}

.modForm li {
  margin-bottom: 20px;
}

.qjf_seleautodiv {
  text-align: left;

}

/* 树形组件 */


.qjf_seleautodrop::-webkit-scrollbar {
  width: 4px;
}

.qjf_seleautodrop::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: #EAEAEA;
}

.qjf_seleautodrop::-webkit-scrollbar-track {
  border-radius: 0;
  background: white;
}

/* 树形组件 */
.d-buttons .d-button {
  width: 96px;
  height: 31px;
  background: #fff;
  color: #555;
  font-size: 14px;
  border-radius: 4px;
  font-weight: 400;
}

.d-buttons .d-state-highlight {

  line-height: 31px;
  color: #FFF;

  background: #0085FF;
}


.ztree2 * {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

div.zTreeDemoBackground2 {
  width: 660px;
  height: 340px;
}

ul.ztree2 {
  margin-top: 0px;
  border: none;
  background: white;
  width: 205px;
  height: 340px;
  overflow-y: auto;
  overflow-x: auto;

  box-sizing: border-box;
}

.ztree2 li span.button.switch {
  width: 12px;
  height: 12px;
}

.ztree2 li span.button.noline_open {
  /* background: url(../images/bigScreen/icon_zhankai.png) no-repeat center; */
  vertical-align: text-bottom;
}

.ztree2 li span.button.noline_close {
  /* background: url(../images/bigScreen/icon_shouqi.png) no-repeat center; */
  vertical-align: text-bottom;
}

.ztree2 li span.button {
  line-height: 0;
  margin: 0;
  margin-right: 4px;
  width: unset;
  height: unset;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: unset;
  background-image: unset;
}

.ztree2 li.level0 {
  position: relative;
}

.ztree2 li.level0:last-child::after {
  content: none;
}

.ztree2 li.level0::after {
  /* display: inline-block;
  position: absolute;
  content: '';
  top: 16px;
  left: 6px;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(#CECECE 35%, rgba(255, 255, 255, 0) 0%);
  background-position: left;
  background-size: 1px 5px;
  background-repeat: repeat-y; */
}

.ztree2 li a.curSelectedNode {
  padding-top: 0px;
  background-color: transparent;
  color: #0085FF;
  height: 24px;
  border: 1px transparent solid;
  opacity: 0.8;
  position: relative;
}

.ztree2 li.level2 a.curSelectedNode::after {
  content: '';
  position: absolute;
  right: -15px;
  top: 4px;
  /* background: url(../images/bigScreen/icon_cileen.png) no-repeat center; */
  width: 16px;
  height: 16px;
}

.d-state-lock .d-inner {
  width: 600px;

  border-radius: 8px;
  border: 1px solid var(--unnamed, #E5EBF1);
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.d-title {
  font-size: 18px;
}

.course_edit .tit {
  padding: 0 15px;
  height: 44px;
  font-size: 18px;
  color: #555;
  box-sizing: border-box;
  border-bottom: .5px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.course_edit .tit .close {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url(../images/teachNumSchool/close_ico.png) no-repeat center;
}

/*选择两侧移动弹框 S*/



.ni_g_cPlace .ni_right .ni_sll {
  position: absolute;
  top: 103px;
  left: 51%;
  right: 0;
  bottom: 0;
  width: 45%;
  height: auto;
}

.d-buttons {
  padding-top: 22px;
  padding-bottom: 30px;
}

.ztree * {
  font-size: 14px;
  color: #000;
}

.ni_g_cPlace {
  padding: 0px 35px;
  border-bottom: 1px solid #ECECEC;
}

.ni_g_cPlace .ni_left {
  width: 49%;
  position: relative;
  margin-top: 16px;
}

.ni_g_cPlace .ni_right {
  width: 49% !important;
  margin-top: 16px;
}

.ni_g_cPlace .ni_hd {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #888;
  margin-left: 29px;
}

.ni_g_cPlace .ni_left .ni_hd span {
  display: inline-block;
  height: 37px;
  cursor: pointer;
}

.ni_g_cPlace .ni_left .ni_hd span.on,
.ni_g_cPlace .ni_left .ni_hd span:hover {
  color: #3399ff;
  border-bottom: 1px solid #3399ff;
}

.ni_g_cPlace .ni_left .ni_hd {
  border-bottom: 1px solid #e2e2e2;
}

.ni_g_cPlace .ni_left .ni_hd .ni_input {
  margin-top: 2px;
  position: relative;
}

.ni_g_cPlace .ni_left .ni_hd .ni_input .inp {
  border-radius: 4px;
  text-indent: 2em;
}

.ni_g_cPlace .ni_left .ni_hd .ni_input i {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 0;
  top: 0;
  background: url('../images/ni_search.png') no-repeat center center;
  cursor: pointer;
}

.ni_g_cPlace .ni_left .ni_hd .ni_input .inp:focus+i {
  background-image: url('../images/ni_search01.png')
}

/* .ni_g_cPlace .ni_left .ni_cont{position: relative;border: 1px solid #e9e9e9;border-top: 1px solid transparent;} */
/* .ni_g_cPlace .ni_right .ni_cont{position: relative;border-width: 1px 1px 1px 0;border-style: solid;border-color: #e9e9e9;} */

.ni_g_cPlace .ni_left .ztree {
  padding: 0 15px;
}

.ni_g_cPlace .ni_left .ztree li {
  line-height: 30px;
  margin-top: 10px;
}

.ni_g_cPlace .ni_left .ztree li a>* {
  float: left;
}

.ni_g_cPlace .ni_left .ztree li a {
  height: auto;
  min-height: 28px;
  line-height: 28px;
  padding: 0;
  width: 75%;
}

.ni_g_cPlace .ni_left .ztree li span.button.noline_docu+span+a {
  width: 85%;
}

.ni_g_cPlace .ni_left .ztree li span {
  line-height: 28px;
  font-size: 14px;
}

.ni_g_cPlace .ni_left .ztree li span.node_name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}

.ni_g_cPlace .ni_left .ztree li span.button.switch {
  background: url('../images/teachNumSchool/ni_ico_letb.png') no-repeat 3px 3px;
  margin-top: 5px;
  float: left;
}

.ni_g_cPlace .ni_left .ztree li span.button.noline_open {
  background-position: 3px -27px;
}

.ni_g_cPlace .ni_left .ztree li span.button.noline_docu {
  display: none;
  background: none;
}

.ni_g_cPlace .ni_left .ni_cont .ztree .chk {
  float: right;
  background: url('../images/teachNumSchool/ztree_check1.png') no-repeat;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  cursor: pointer;
  background-size: 100%;
}

.ni_g_cPlace .ni_left .ztree li span.button.chk.checkbox_true_part_focus {
  background: url('../images/teachNumSchool/ztree_check.png') no-repeat 0 0;
  background-position: 0 -40px;
}

.ni_g_cPlace .ni_left .ztree li span.button.chk.checkbox_true_full {
  background-image: url('../images/teachNumSchool/ztree_checked.png')
}

.ni_g_cPlace .ni_left .ztree li span.button.chk.checkbox_true_full_focus {
  background-image: url('../images/teachNumSchool/ztree_checked.png')
}

.ni_g_cPlace .ni_left .ztree li span.button.chk.checkbox_true_part {
  background: url('../images/teachNumSchool/ztree_check.png') no-repeat 0 0;
  background-position: 0 -40px;
}

.ni_g_cPlace .ni_left .ztree li a:hover {
  text-decoration: none;
}

.ni_g_cPlace .ni_left .ztree li a.curSelectedNode {
  border: 0px;
  background: none;
}


.ni_g_cPlace .ni_left .ni_sll {
  height: 230px;
  overflow-y: auto;
}

.ni_g_cPlace .ni_right .ni_sll {
  height: 290px;
  overflow-y: auto;
}

.ni_g_cPlace .ni_to_right {
  width: 16px;
  height: 23px;
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -11px;
}

.ni_g_cPlace .ni_right .ni_hd .ni_clear {
  color: #4991E1;
}

.ni_g_cPlace .ni_left .ni_all {
  color: #4991E1;
}

.ni_g_cPlace .ni_right .ni_li {
  line-height: 40px;
  height: 40px;
  border-radius: 6px;
  padding: 0 20px 0 25px;
  font-size: 14px;
}

.ni_g_cPlace .ni_right .ni_li:hover {
  background: #E6F6FF;
}

.ni_g_cPlace .ni_right .ni_li .ni_i01 {
  height: 40px;
  width: 20px;
  display: inline-block;
  float: right;
  background: url('../images/teachNumSchool/del3.png') no-repeat;
  background-size: 11px;
  background-position: center;
  cursor: pointer;
}

.ni_g_cPlace .ni_right .ni_li .ni_i01:hover {
  background: url('../images/teachNumSchool/del2.png') no-repeat;
  background-size: 11px;
  background-position: center;
  cursor: pointer;
}

.searchCont {
  display: block;
  position: relative;
  margin: 0px 15px 23px 0px;
}

.searchCont input {
  padding: 0 50px 0 15px;
  height: 30px;
  border-radius: 4px;
  outline: none;
  border: 1px solid #e7e7e7;
  width: 100%;
  box-sizing: border-box;
}

.searchCont input:focus {
  border-color: #3399ff;
}

.searchCont i {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(../images/teachNumSchool/search.png) no-repeat center center;
  top: 7px;
  right: 10px;
  cursor: pointer;
}

.searchCont i:hover {
  background-image: url(../images/teachNumSchool/search_hover.png)
}

.searchCont .fun_del {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(../images/teachNumSchool/searchDel.png) no-repeat center center;
  top: 8px;
  right: 30px;
  cursor: pointer;
}

.searchCont .fun_del:hover {
  background-image: url(../images/teachNumSchool/searchDel1.png)
}

.sq_line {
  display: inline-block;
  width: 1px;
  height: 300px;
  background-color: #E5EBF1;
}

.ni_sll::-webkit-scrollbar {
  width: 4px;
}

.ni_sll::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: #EAEAEA;
}

.ni_sll::-webkit-scrollbar-track {
  border-radius: 0;
  background: white;
}

/* 区域端 */

.koi_Region_end_content {
  display: flex;
  justify-content: space-between;
}

.koi_Region_end_content .region_left {
  width: 280px;
  background: #fff;
  padding: 24px 12px;
  box-sizing: border-box;
  border-radius: 8px;
}

.koi_Region_end_content .region_left li {
  margin-top: 32px;
  color: #555;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}

.koi_Region_end_content .region_left li:first-child {
  margin-top: unset;
}

.koi_Region_end_content .region_left li.active {
  color: #0084FF;
  position: relative;
}

.koi_Region_end_content .region_left li.active::after {
  position: absolute;
  content: '';
  left: -12px;
  top: 3px;
  background: #0084FF;
  width: 2px;
  height: 15px;
}

.koi_Region_end_content .region_right {
  width: 900px;
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
  min-height: 690px;
}

.koi_Region_end_content .region_right .title {
  color: #222;
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.koi_Region_end_content .region_right .warp {
  display: flex;
  justify-content: space-between;
}

.koi_Region_end_content .region_right .warp .warp_left {
  width: 207px;
  height: 33px;
  box-sizing: border-box;
  border: 1px solid #dee4eb;
  border-radius: 4px;
  display: flex;
}

.koi_Region_end_content .region_right .warp .warp_right .koi_btn1 {
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid #0085FF;
  color: #0085FF;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
}

.koi_Region_end_content .region_right .warp .warp_right .koi_btn1.on {
  background: #0085FF;
  color: #fff;
}

.koi_Region_end_content .region_right .warp .status_box {
  display: flex;
  align-items: center;
}

.koi_Region_end_content .region_right .warp .status_box .text {
  color: #222;
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 500;
}

.mgl7 {
  margin-left: 7px;
}

.koi_checkbox.checkbox_table th {
  height: 40px;
  background: #F4F6F9;
  box-sizing: border-box;
  color: #555;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}

.koi_checkbox.checkbox_table td {
  height: 56px;
  box-sizing: border-box;
  color: #000;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}

.koi_checkbox.checkbox_table .ckbox {
  padding-left: 20px;
}

.koi_checkbox .c_666 {
  color: #666;
}

.koi_checkbox .c_FF4F4F {
  color: #FF4F4F;
}

.koi_checkbox .c_0085FF {
  color: #0085FF;
}

.koi_checkbox .c_FF9500 {
  color: #FF9500;
}

.koi_search_box {
  width: 220px;
  height: 32px;
  border-radius: 20px;
  border: 1px solid #DEE4EB;
  background: #FFF;
  display: flex;
  align-items: center;
}

.koi_search_box .koi_inp_search {
  width: 162px;
  box-sizing: border-box;
  border: none;
  padding: 6px 10px;
  border-radius: 20px;
}

.koi_search_box .koi_text {
  cursor: pointer;
  display: inline-block;
  width: 58px;
  height: 32px;
  line-height: 32px;
  color: #FFF;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  border-radius: 0px 20px 20px 0px;
  background: #008AE4;
  text-align: center;
}

.koi_add_btn_box a {
  color: #FFF;
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  background: #0085FF;
  box-sizing: border-box;
  padding: 5px 26px;
  border-radius: 20px;
}

.koi_Region_dia {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 537px;
  background: #fff;
  border-radius: 8px;
  border: 1px dashed #E5EBF1;
  background: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 24px 17px;
  z-index: 1001;
}

.koi_Region_dia .title {
  color: #222;
  text-align: center;
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #E5F2F1;
}

.koi_Region_dia .title .icon_off {
  display: inline-block;
  background: url(../images/teachNumSchool/icon_Off.png) no-repeat center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.koi_Region_dia .row {
  color: #555;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.koi_Region_dia .row .tit {
  line-height: 32px;
}

.koi_btn_ok {
  display: inline-block;
  width: 96px;
  height: 31px;
  background: #0085FF;
  color: #FFF;
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 31px;
  border-radius: 4px;
}

.koi_btn_ok.active_no {
  background: #fff;
  border: 1px solid #DEE4EB;
  color: #555;
}

.mgt50 {
  margin-top: 50px;
}

.koi_Region_dia xm-select>.xm-icon {
  width: 12px;
  height: 12px;
  background: url(../images/teachNumSchool/icon_sel.png) no-repeat center;
  border: unset;
  box-sizing: border-box;
  top: 10px;
  margin-top: unset;
}

.koi_Region_dia xm-select>.xm-icon-expand {
  margin-top: unset;
  transform: rotate(180deg);
}

.koi_Region_dia xm-select {
  min-height: 32px;
  line-height: 32px;
}

.koi_inp_Expert_status {
  padding: 5px 10px;
  box-sizing: border-box;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #dde4ea;
  color: #555;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

.mgl50 {
  margin-left: 50px;
}

.koi_radio_box {
  margin-left: 20px;
  width: 375px;
}

.koi_radio_box .hRadio {
  padding-left: 30px;
  margin-left: 7px;
}

.koi_checkbox.zj_table th {
  font-weight: 500;
  padding: 0 16px;
  background: transparent;
  height: 52px;
  box-sizing: border-box;
  color: #333;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
}

.koi_checkbox.zj_table td {
  padding: 0 16px;
  height: 52px;
  box-sizing: border-box;
  color: #333;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
}

.koi_checkbox.zj_table .bg_fafafa:nth-child(even) {
  background: #fafafa;
}

.koi_inputBtn {
  position: relative;
  font-family: PingFang SC;
  font-size: 14px;
  color: #2C81F2;
  font-weight: 400;
  display: inline-block;
  margin-left: 38px;
  cursor: pointer;
}

.koi_inputFile {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}

.align_center {
  align-items: center;
}

.koi_Region_end_content .qjf_selecur,
.qjf_seleautocur {
  box-sizing: border-box;
}

.koi_Region_end_content .qjf_seledrop a,
.qjf_seleautodrop a:hover {
  color: #009DFD;
}

.koi_Region_end_content .qjf_seleautocur {
  padding-right: 0px;
}

.koi_inquire {
  display: inline-block;
  width: 52px;
  height: 30px;
  border: 1px solid #0085FF;
  color: 0085FF;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  margin-left: 20px;
}

.icon_sel_right {
  background: url(../images/teachNumSchool/icon_sel_right.png) no-repeat center;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 15px;
  margin-right: 15px;

}

.c_b2b2b2 {
  color: #B2B2B2;
}

.koi_sort {
  display: inline-block;
  width: 42px;
  height: 20px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  color: #555;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  line-height: 20px;
}

.icon_search {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/teachNumSchool/search.png) no-repeat center;
  cursor: pointer;
}

.koi_checkbox.zj_table {
  border-top: 1px solid #E5E5E5;
  ;
}

.w210 {
  width: 210px;
}

.w210 .text {
  width: 210px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* 区域端 */


.qjf_selecur,
.qjf_seleautocur {
  background: none;
  padding-right: 10px;
}

.qjf_seleautocur .fz14_0085 {
  font-size: 14px;
  color: #0085FF;

}

.qjf_seleautocur .sq_down {
  background: url(./../images/baoan0906/down.png) no-repeat center right;
}

.qjf_seledrop,
.qjf_seleautodrop {
  padding: 10px;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0px 2px 1px rgb(144 159 170 / 15%);
}


.qjf_seledrop a,
.qjf_seleautodrop a {
  padding: 0 5px;
  box-sizing: border-box;
}

.qjf_seledrop a,
.qjf_seleautodrop a:hover {
  /* background: #E8F6FF;
  color: #009DFD; */
  background: none;

}


.qjf_seleautodrop a.on {
  background: #E8F6FF;
  color: #009DFD;
}


.yellow {
  background: #FFAF14;
}

.green {
  background: #39B95D;
}

.blue {
  background: #12AAFF;
}


.lym_m_form .fm_search.inpMatching {
  position: relative;
  width: 286px;
  border-radius: 30px;
  border: 1px solid #DDD;
}

.lym_m_form .fm_search.inpMatching .inp {
  width: 256px;
  border: none;
  padding-right: 0;
  background: none;
}


.lym_m_form .fm_search.inpMatching .search {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/teachNumSchool/dbk/ico_search.jpg) no-repeat right 10px center;
  border: none;
  box-shadow: none;
  margin-top: 0;
}

.lym_m_form .fm_search.inpMatching .holdbox a:hover {
  background: #ccc;
}

.mzl_main .item .right.lym_m_form {
  margin-top: 0;
  border: none;
  padding-top: 0;
}

/* lym 2024.02.05 微课 s */

.mgr24 {
  margin-right: 24px;
}

.one_hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lym_gbtn0205 {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid #83B3DF;
  background: #FFF;
  line-height: 30px;
  padding: 0 19px;
  color: #317BBF;
  font-size: 14px;
}
.lym_gbtn0205.z_blue {
  border-color: transparent;
  background: #0057FF;
  color: #FFF;
}
.lym_gbtn0205.z_blue2 {
  border-color: transparent;
  background: #0085FF;
  color: #FFF;
}

.lym_gpop0205 .d-state-focus .d-inner {
  border-radius: 8px;
  border: 1px solid #E5EBF1;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
}
.lym_gpop0205 .d-title {
  display: block;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  height: auto;
  border: none;
  padding-top: 30px;
  color: #000;
}
.lym_gpop0205 .d-close {
  display: none !important;
}
.lym_gpop0205 .d-content {
  padding: 0 !important;
}
.lym_gpop0205 .d-buttons {
  padding-top: 22px;
  padding-bottom: 30px;
}
.lym_gpop0205 .d-buttons .d-button {
  border-color: #0085FF;
  color: #0085FF;
}
.lym_gpop0205 .d-buttons .d-button:hover {
  background: transparent;
}
.lym_gpop0205 .d-buttons .d-state-highlight {
  background: #0085FF;
  border-color: transparent;
  color: #fff;
}
.lym_gpop0205 .d-buttons .d-state-highlight:hover {
  background: #0085FF;
}

.lym_gchecks0205 label.checkbox {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  color: #000;
  padding-left: 34px;
  background: url("../images/teachNumSchool/0205/ico_check.png") no-repeat left center;
  background-size: 24px auto;
}
.lym_gchecks0205 label.checked {
  background-image: url("../images/teachNumSchool/0205/ico_check2.png");
}
.lym_gradios0205 .hRadio {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  color: #000;
  padding-left: 34px;
  background: url("../images/teachNumSchool/0205/ico_check.png") no-repeat left center;
  background-size: 24px auto;
}
.lym_gradios0205 .hRadio_Checked {
  background-image: url("../images/teachNumSchool/0205/ico_check2.png");
}


.lym_gsel0205 {
  width: 256px;
}
.lym_gsel0205 .qjf_seleautocur {
  border-color: #ddd;
  border-radius: 30px;
  height: 32px;
  line-height: 32px;
}
.lym_gsel0205 .qjf_seleautocur p {
  height: 32px;
  line-height: 32px;
  padding-left: 0;
}
.lym_gsel0205 .qjf_seleautodrop {
  top: 100%;
  margin-top: 1px;
}

.lym_gtree0205 {
  border-radius: 4px;
  border: 1px solid #DDD;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 208px;
  overflow-y: auto;
}
.lym_gtree0205 ul {
  display: none;
}
.lym_gtree0205 .te_name1 {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  padding: 7px 7px 7px 19px;
  cursor: pointer;
}
.lym_gtree0205 .te_name2 {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  padding: 7px 7px 7px 26px;
  cursor: pointer;
}
.lym_gtree0205 .te_name2:hover, .lym_gtree0205 .te_name2.active {
  background: #E8F6FF;
  color: #0085FF;
}
.lym_gtree0205 .te_ico {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 20px;
  background: url("../images/teachNumSchool/0205/ico_sel.png") no-repeat center;
  background-size: 10px auto;
  margin-right: 5px;
}
.lym_gtree0205 li.active > .te_name2 .te_ico {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.lym_gtree0205 li.active > ul {
  display: block;
}
.lym_gtree0205 .te_ul1 {
  display: block;
}
.lym_gtree0205 .te_ul3 .te_name2 {
  padding-left: 49px;
}

.lym_mcjwk {
  position: relative;
}
.lym_mcjwk .wk_btn {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 14px;
}
.lym_mcjwk .mzl_living_list .state {
  font-size: 14px;
  vertical-align: middle;
}
.lym_mcjwk .mzl_living_list .lt_tag {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #E78383;
  font-size: 14px;
  font-style: normal;
  border-radius: 26px;
  border: 1px solid #FF4F4F;
  line-height: 22px;
  padding: 0 14px;
  margin-left: 17px;
}
.lym_mcjwk .mzl_living_list .lt_tag.z_yellow {
  border-color: #FF9500;
  color: #FF9500;
}
.lym_mcjwk .mzl_living_list .lt_right {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lym_wkpop1 {
  padding-top: 29x;
}
.lym_wkpop1 .pp_dl {
  max-height: 382px;
  overflow-y: auto;
  padding: 0 30px;
}
.lym_wkpop1 .pp_dl dd {
  padding-bottom: 24px;
}
.lym_wkpop1 .pp_dl dd:last-of-type {
  padding-bottom: 0;
}
.lym_wkpop1 .pp_dl .dd_sub {
  color: #000;
  text-align: justify;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.lym_wkpop1 .pp_dl .dd_day {
  color: #B2B2B2;
  font-size: 14px;
  font-style: normal;
  margin-left: 11px;
}
.lym_wkpop1 .pp_dl .dd_des {
  padding: 8px 28px;
  border-radius: 8px;
  margin-top: 9px;
  background: #F8F8F8;
  color: #2A2A2A;
  text-align: justify;
  font-size: 18px;
  line-height: 24px;
}

.lym_wkpop2 {
  padding: 29px 30px 0;
}
.lym_wkpop2 .pp_box {
  border-radius: 8px;
  background: #F2F7FA;
}
.lym_wkpop2 .pp_tab {
  border-bottom: 1px solid #D9E3F1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 29px;
  margin: 0 19px 0 23px;
}
.lym_wkpop2 .pp_tab .tb_label {
  color: #3E6D88;
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 16px;
}
.lym_wkpop2 .pp_tab .tb_nav a {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 2px solid transparent;
  padding-bottom: 14px;
  margin-left: 99px;
}
.lym_wkpop2 .pp_tab .tb_nav a.on {
  color: #1E62EC;
  border-color: #0085FF;
}
.lym_wkpop2 .pp_cont {
  max-height: 317px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 38px 0 47px 37px;
}
.lym_wkpop2 .lym_gradios0205 dd {
  margin-bottom: 28px;
}
.lym_wkpop2 .lym_gradios0205 dd:last-of-type {
  margin-bottom: 0;
}

.lym_mwkform .item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 24px;
}
.lym_mwkform .item .left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 160px;
  font-size: 14px;
  color: #888;
  font-weight: 400;
  line-height: 32px;
  margin-right: 24px;
}
.lym_mwkform .item .right {
  width: 913px;
}
.lym_mwkform .item .right .grade_name {
  width: 536px;
  border-radius: 30px;
  border-color: #ddd;
}
.lym_mwkform .item .right .grade_name input {
  width: 486px;
  background: none;
}
.lym_mwkform .item .right .cover .cover_close {
  background-image: url("../images/teachNumSchool/0205/ico_close.png");
}
.lym_mwkform .item .radiolist {
  line-height: 30px;
}
.lym_mwkform .mzl_create_box {
  margin-top: 0;
  margin-left: 184px;
}

.lym_wmtab {
  padding-top: 4px;
  width: 100%;
}
.lym_wmtab .tb_nav {
  margin-bottom: 14px;
}
.lym_wmtab .tb_nav a {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  background: url("../images/teachNumSchool/0205/ico_upload2.png") no-repeat left center;
  padding-right: 18px;
  position: relative;
  margin-right: 18px;
  color: #505453;
  font-size: 16px;
  line-height: 22px;
}
.lym_wmtab .tb_nav a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  bottom: 3px;
  border-left: 1px solid #E5F2F1;
}
.lym_wmtab .tb_nav a:last-of-type {
  background-image: url("../images/teachNumSchool/icon_wenjian_upload.png");
  margin-right: 0;
}
.lym_wmtab .tb_nav a:last-of-type::after {
  display: none;
}
.lym_wmtab .tb_nav a.on {
  color: #0085FF;
  background-image: url(../images/teachNumSchool/icon_upload.png);
}
.lym_wmtab .tb_nav a.on:last-of-type {
  background-image: url(../images/teachNumSchool/0205/ico_wjupload2.png);
}
.lym_wmtab .tb_file input {
  display: none;
}
.lym_wmtab .tb_val {
  margin-top: 14px;
}
.lym_wmtab .tb_num {
  vertical-align: middle;
  color: #888;
  font-size: 14px;
  line-height: 20px;
  margin-left: 324px;
}
.lym_wmtab .tb_dl {
  border: 1px solid #DEE4EB;
  margin-top: 14px;
}
.lym_wmtab .tb_dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #DEE4EB;
  padding: 8px 14px;
}
.lym_wmtab .tb_dl dd:last-of-type {
  border-bottom-color: transparent;
}
.lym_wmtab .tb_dl .dd_name {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.lym_wmtab .tb_dl .dd_del {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background: url("../images/teachNumSchool/0205/ico_del.png") no-repeat center;
  background-size: 100% auto;
  margin-left: 10px;
}
.lym_wmtab .tb_dl .lym_gsel0205 {
  width: 156px;
}
.lym_wmtab .tb_tip {
  padding-left: 21px;
  background: url("../images/teachNumSchool/0205/ico_warn.png") no-repeat left center;
  background-size: 16px auto;
  color: #222;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
.lym_wmtab .tb_check {
  border: 1px solid #F5F7FA;
  background: #F5F7FA;
  padding: 12px 16px 26px;
}
.lym_wmtab .koi_chklist label.checkbox {
  padding-left: 26px;
}
.lym_wmtab .koi_chklist dd {
  margin-bottom: 10px;
}
.lym_wmtab .koi_chklist dd:last-of-type {
  margin-bottom: 0;
}
.lym_wmtab .turnPage {
  margin-left: 57px;
  padding-top: 20px;
  padding-bottom: 0;
}
/* lym 2024.02.05 微课 e */