.homework-card[data-v-04c801c2] {
  font-size: 14px;
  min-width: 800px;
  width: 100%;
  margin-top: 20px;
  height: 110px;
}
.homework-card .homeword-card-bg[data-v-04c801c2] {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 15px 30px;
}
.homework-card .homeword-card-bg.homeword-card-bg-active[data-v-04c801c2] {
  background: #ffffff;
}
.homework-card .homeword-card-bg.homeword-card-bg-inactive[data-v-04c801c2] {
  background: linear-gradient(-15deg, #eee, white, white);
}
.homework-card .homeword-card-bg.homeword-card-bg-inactive .homework-detail[data-v-04c801c2] {
  width: 480px;
}
.homework-card .homeword-card-bg.homeword-card-bg-inactive .homework-detail .homework-name[data-v-04c801c2] {
  color: #999;
}
.homework-card .homeword-card-bg.homeword-card-bg-inactive .homework-detail .hide-icon[data-v-04c801c2] {
  margin-left: 6px;
}
.homework-card .homeword-card-bg.homeword-card-bg-inactive .homework-detail .homework-deadline-bg .status[data-v-04c801c2] {
  color: #999;
}
.homework-card .homeword-card-bg.homeword-card-bg-inactive .student-nums-box .students-num[data-v-04c801c2] {
  color: #999;
}
.homework-card .homeword-card-bg.homeword-card-bg-inactive .student-nums-box .students-num .student-count[data-v-04c801c2] {
  color: #999;
  font-weight: 400;
}
.homework-card .homework-card-classname[data-v-04c801c2] {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(31.25%, #2447F9), to(#8EA2FF));
  background: linear-gradient(0deg, #2447F9 31.25%, #8EA2FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 13px;
  height: 19px;
  font-weight: medium;
}
.homework-card .homework-detail-bg[data-v-04c801c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 50px;
}
.homework-card .homework-detail[data-v-04c801c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  width: 480px;
}
.homework-card .homework-detail .homework-name[data-v-04c801c2] {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  height: 26px;
  max-width: 440px;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.homework-card .homework-detail .homework-deadline-bg[data-v-04c801c2] {
  color: #999;
  font-size: 14px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.homework-card .homework-detail .homework-deadline-bg .publish-time[data-v-04c801c2] {
  margin-right: 10px;
}
.homework-card .homework-detail .homework-deadline-bg .deadline-time[data-v-04c801c2] {
  margin-right: 10px;
}
.homework-card .homework-detail .homework-deadline-bg .status.status-inprogress[data-v-04c801c2] {
  color: #2447F9;
}
.homework-card .homework-detail .homework-deadline-bg .status.status-ended[data-v-04c801c2] {
  color: #fc5050;
}
.homework-card .student-nums-box .p-light-grey[data-v-04c801c2] {
  color: #999;
  font-size: 14px;
}
.homework-card .student-nums-box .students-num[data-v-04c801c2] {
  font-size: 16px;
  font-weight: 600;
  color: #2447f9;
}
.homework-card .student-nums-box .students-num .student-count[data-v-04c801c2] {
  color: #2447f9;
  font-weight: 600;
  font-size: 28px;
  text-align: left;
  margin-right: 4px;
}
.homework-card .student-nums-box .students-num .student-count.student-count1[data-v-04c801c2] {
  color: #fc5050;
}
.homework-card .homework-check-bg[data-v-04c801c2] {
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.homework-card .homework-check-bg .homework-btns[data-v-04c801c2] {
  width: 100px;
  height: 36px;
  border-radius: 18px;
  text-align: center;
  line-height: 36px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
}
.homework-card .homework-check-bg .homework-check-btn[data-v-04c801c2] {
  background: -webkit-gradient(linear, left top, right top, from(#8FA2FF), to(#2447F9));
  background: linear-gradient(90deg, #8FA2FF 0%, #2447F9 100%);
  color: white;
}
.homework-card .homework-check-bg .homework-active-btn[data-v-04c801c2] {
  background: white;
  color: #2447f9;
}