body {
  padding-top: 0
}

.courseCalendar_container {
  padding-top: min(max(64px, 5.29101vw), 80px);
  margin-top: min(max(32px, 2.6455vw), 40px);
  margin-bottom: min(max(32px, 2.6455vw), 40px)
}

.courseCalendar_container .main-content-width {
  display: flex;
  background: none
}

.courseCalendar_container .main-content-width .layui-tab-content {
  border-top: none
}

.courseCalendar_container .main-content-width .layui-tab-title .count {
  position: absolute;
  top: min(max(2.4000000000000004px, 0.19841vw), 3px);
  right: min(max(-4.800000000000001px, -0.39683vw), -6px);
  font-size: min(max(12.8px, 1.0582vw), 16px)
}

.courseCalendar_container .layui-tab-content {
  padding: 0 min(max(16px, 1.32275vw), 20px)
}

.courseCalendar_container .mescroll {
  overflow-y: visible
}

.courseCalendar_container .topTab {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  background: #FFFFFF;
  width: 100%;
  border-bottom: min(max(1.6px, 0.13228vw), 2px) solid #D8D8D8;
  border-top-left-radius: min(max(17.6px, 1.45503vw), 22px);
  border-top-right-radius: min(max(17.6px, 1.45503vw), 22px)
}

.courseCalendar_container .topTab .name {
  font-weight: 500;
  font-size: min(max(22.400000000000002px, 1.85185vw), 28px);
  color: #3D3D3D;
  line-height: min(max(32px, 2.6455vw), 40px);
  padding: 0 min(max(36px, 2.97619vw), 45px);
  position: relative;
  min-width: min(max(89.60000000000001px, 7.40741vw), 112px);
  flex: none
}

.courseCalendar_container .topTab .name::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: min(max(1.6px, 0.13228vw), 2px);
  height: min(max(22.400000000000002px, 1.85185vw), 28px);
  background: #f09a25
}

.courseCalendar_container .layui-tab-content .content-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: min(max(32px, 2.6455vw), 40px) min(max(24.8px, 2.05026vw), 31px) 0
}

.sc-calendar {
  width: 100%;
  background-color: white;
  padding: 0 min(max(9.600000000000001px, 0.79365vw), 12px)
}

.mark-list {
  padding-top: min(max(4px, 0.33069vw), 5px);
  color: #333
}

.mark-list .lastNum {
  padding-top: min(max(4px, 0.33069vw), 5px);
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  font-weight: 400;
  color: #666;
  text-align: center;
  cursor: pointer
}

.markItem {
  display: flex;
  align-items: center;
  text-align: left;
  line-height: min(max(12px, 0.99206vw), 15px);
  cursor: pointer
}

.markItem::before {
  content: "";
  display: inline-block;
  width: min(max(3.2px, 0.26455vw), 4px);
  height: min(max(3.2px, 0.26455vw), 4px);
  background: #f28c00;
  margin-right: min(max(4px, 0.33069vw), 5px)
}

.markItem .name {
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  font-weight: 400;
  color: #333;
  width: min(max(80px, 6.61376vw), 100px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.markItem .time {
  font-size: min(max(8px, 0.66138vw), 10px);
  font-weight: 400;
  color: #666
}

.selected {
  background: rgba(240, 154, 37, 0.2) !important
}

.online-course-box .live-course {
  width: min(max(193.60000000000002px, 16.00529vw), 242px)
}

.online-course-box .live-course:hover {
  transform: scale(1.1);
  background: #fff;
  box-shadow: 0 min(max(1.6px, 0.13228vw), 2px) min(max(11.200000000000001px, 0.92593vw), 14px) 0 rgba(0, 0, 0, 0.25);
  border-radius: min(max(4.800000000000001px, 0.39683vw), 6px)
}

.online-course-box .live-course .rmb-icon {
  width: min(max(24px, 1.98413vw), 30px);
  height: min(max(13.600000000000001px, 1.12434vw), 17px);
  position: absolute;
  left: min(max(8px, 0.66138vw), 10px);
  top: min(max(8px, 0.66138vw), 10px)
}

.online-course-box .live-course .name {
  overflow: hidden;
  font-weight: 500;
  font-size: min(max(14.4px, 1.19048vw), 18px);
  color: #3D3D3D;
  line-height: min(max(22.400000000000002px, 1.85185vw), 28px);
  margin-top: min(max(9.600000000000001px, 0.79365vw), 12px)
}

.online-course-box .live-course .address {
  margin: min(max(6.4px, 0.5291vw), 8px) 0;
  font-weight: 500;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #62666A;
  line-height: min(max(13.600000000000001px, 1.12434vw), 17px);
  padding: 0 min(max(8px, 0.66138vw), 10px)
}

.online-course-box .live-course .tag {
  border-radius: min(max(5.6000000000000005px, 0.46296vw), 7px);
  padding: min(max(1.6px, 0.13228vw), 2px) min(max(6.4px, 0.5291vw), 8px);
  float: left;
  font-weight: 600;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  line-height: min(max(13.600000000000001px, 1.12434vw), 17px);
  margin: min(max(5.6000000000000005px, 0.46296vw), 7px) min(max(8px, 0.66138vw), 10px)
}

.online-course-box .live-course .cover {
  height: auto
}

.online-course-box .live-course .name {
  width: auto
}

.online-course-box {
  box-shadow: none
}

.noneList {
  width: 100%;
  text-align: center
}