.date-line[data-v-b8ff9846] {
  position: relative;
  height: 8px;
  background: #e5e5e5;
  border-radius: 4px;
  width: 300px;
}
.date-line .time-dots[data-v-b8ff9846] {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  background: #ff6468;
  opacity: 1;
  border-radius: 5px;
  transform: translateY(-50%) translateX(-50%);
  z-index: 9;
  cursor: pointer;
}
.date-line .student-progress[data-v-b8ff9846] {
  position: absolute;
  height: 100%;
  background: #04cb94;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  border-radius: 5px;
}
.date-line .student-time[data-v-b8ff9846] {
  cursor: pointer;
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  border-top: 12px solid #04cb94;
  opacity: 1;
  border-left: 6px solid transparent;
  top: -14px;
  position: absolute;
}


.info-wrap[data-v-69e5eb16] {
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.info-item[data-v-69e5eb16] {
  margin-right: 50px;
}
.info-name[data-v-69e5eb16] {
  color: rgba(31, 45, 61, 0.7);
}
.info-con[data-v-69e5eb16] {
  color: #000;
}
.ant-form-item[data-v-69e5eb16] {
  margin-bottom: 0px;
}
.class-wrap[data-v-69e5eb16] {
  width: 100%;
  min-height: calc(100vh - 64px);
  background-color: #fff;
  padding: 16px 20px;
}