.publish-work-box[data-v-c20c2ffe] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 90%;
  margin: 0 5%;
  min-width: 600px;
  overflow: auto;
  border: 2px solid #ddd;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 40px 0;
}
.publish-work-box .class-detail[data-v-c20c2ffe] {
  white-space: pre-line;
  font-size: 16px;
  color: #000;
}
.publish-work-box .class-item[data-v-c20c2ffe] {
  margin-right: 20px;
}
.publish-work-box .requirement-text[data-v-c20c2ffe] {
  line-height: 26px;
  margin-top: 6px;
  white-space: pre-wrap;
}
.publish-work-box .requirement-text-fold[data-v-c20c2ffe] {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.publish-work-box .fold-btn-box[data-v-c20c2ffe] {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px;
  cursor: pointer;
  color: #2447F9;
}
.publish-work-box .fold-btn-box[data-v-c20c2ffe]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.publish-work-box .back-button[data-v-c20c2ffe] {
  position: absolute;
  top: 0px;
  left: 40px;
  z-index: 100;
  font-size: 18px;
  cursor: pointer;
  color: #2447F9;
}
.publish-work-box .back-button[data-v-c20c2ffe]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.publish-work-box .sync-form[data-v-c20c2ffe] {
  width: 90%;
}
.publish-work-box .submit-button[data-v-c20c2ffe] {
  float: right;
  width: 260px;
  height: 40px;
  color: #2447F9;
  border: 1px solid #2447F9;
  margin-right: 40px;
}
.publish-work-box[data-v-c20c2ffe] .ant-form-item-required::before {
  content: '';
}

.radio-container[data-v-102fcf03] {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 16px;
  margin-bottom: 10px;
  width: 270px;
}
.radio-container.disabled[data-v-102fcf03] {
  opacity: 0.2;
}
.radio-container .radin-btn-item[data-v-102fcf03] {
  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;
  margin: 0 5px;
}
.radio-container .radio-icon[data-v-102fcf03] {
  margin: 0 6px;
}

.loading-mask[data-v-5ba1de76] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 101;
  font-size: 14px;
}
.loading-ring[data-v-5ba1de76] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}
.loading-ring .simple-spinner[data-v-5ba1de76] {
  width: 50px;
  height: 50px;
  border: 5px solid #e3f2fd;
  border-top: 5px solid #2447F9;
  border-radius: 50%;
  -webkit-animation: spin-5ba1de76 1s linear infinite;
          animation: spin-5ba1de76 1s linear infinite;
  margin-bottom: 20px;
}
@-webkit-keyframes spin-5ba1de76 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-5ba1de76 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.loading-text[data-v-5ba1de76] {
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
  color: #000;
}

.ability-progress-box[data-v-42fc58c5] {
  position: relative;
  background: white;
  border-radius: 20px;
  width: 1000px;
  padding: 0 20px;
}
.ability-progress-box .blank[data-v-42fc58c5] {
  position: absolute;
  width: 100px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  color: #999;
  top: calc(50% - 15px);
  left: calc(50% - 50px);
}
.ability-progress-box .ability-title[data-v-42fc58c5] {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 20px;
  color: #666;
  padding-left: 15px;
}
.ability-progress-box .progress-detail[data-v-42fc58c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 20px;
  line-height: 26px;
  margin: 12px 0;
}
.ability-progress-box .progress-detail .title[data-v-42fc58c5] {
  width: 60px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #666666;
  font-size: 14px;
  font-weight: 600;
}
.ability-progress-box .progress-detail .title.enus[data-v-42fc58c5] {
  width: 120px;
}
.ability-progress-box .progress-detail[data-v-42fc58c5]:first-child {
  margin: 0 0 24px 0;
}
.ability-progress-box .progress-bar[data-v-42fc58c5] {
  width: 100%;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.ability-progress-box .progress-bar .progress-block[data-v-42fc58c5] {
  text-align: center;
  height: 20px;
  line-height: 20px;
}
.ability-progress-box .progress-desc[data-v-42fc58c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 60px;
}
.ability-progress-box .progress-desc .desc-item[data-v-42fc58c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  white-space: nowrap;
}
.ability-progress-box .progress-desc .dots[data-v-42fc58c5] {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin: 6px;
}

.work-summary-card-box[data-v-25f7258b] {
  position: relative;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: #ffffff;
  border-radius: 20px;
  width: 300px;
  font-size: 14px;
  color: #666;
}
.work-summary-card-box .ability-title[data-v-25f7258b] {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 20px;
  color: #666;
}
.work-summary-card-box .left-grid[data-v-25f7258b] {
  width: 70%;
  text-align: center;
}
.work-summary-card-box .right-grid[data-v-25f7258b] {
  width: 30%;
  text-align: center;
}
.work-summary-card-box .right-grid .grid-title[data-v-25f7258b] {
  text-align: center;
}
.work-summary-card-box .complete-status-card[data-v-25f7258b] {
  width: 300px;
  font-size: 14px;
}
.work-summary-card-box .complete-status-card .left-grid .grid-title[data-v-25f7258b] {
  text-align: left;
}
.work-summary-card-box .complete-status-card .grid-title[data-v-25f7258b] {
  font-size: 12px;
  color: #333;
  font-weight: 600;
}
.work-summary-card-box .complete-status-card .grid-title .dot[data-v-25f7258b] {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
}
.work-summary-card-box .complete-status-card .grid-title .dot.dot1[data-v-25f7258b] {
  background: #2447F9;
}
.work-summary-card-box .complete-status-card .grid-title .dot.dot2[data-v-25f7258b] {
  background: #FFC717;
}
.work-summary-card-box .complete-status-card .grid-title .dot.dot3[data-v-25f7258b] {
  background: #F59E37;
}
.work-summary-card-box .complete-status-card .grid-title .dot.dot4[data-v-25f7258b] {
  background: #FC5050;
}
.work-summary-card-box .ant-card-grid[data-v-25f7258b] {
  padding: 11px;
}


.echarts {
  width: 600px;
  height: 400px;
}

.legend-box[data-v-79f65ca1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 20px 10px 20px 0;
  height: 100%;
  overflow: auto;
}
.legend-box .type-name-box[data-v-79f65ca1] {
  height: 100%;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 10px;
}
.legend-box .type-count-box[data-v-79f65ca1] {
  height: 100%;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.legend-box .type-row[data-v-79f65ca1] {
  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;
  font-weight: 600;
  height: 40px;
}
.legend-box .type-row .name[data-v-79f65ca1] {
  color: #999;
}
.legend-box .type-row .percent[data-v-79f65ca1] {
  color: #333;
  margin-right: 10px;
}
.legend-box .type-row .count[data-v-79f65ca1] {
  color: #333;
}
.legend-box .type-index[data-v-79f65ca1] {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 6px;
  margin-right: 12px;
}

.my-chart[data-v-27b6dfd4] {
  height: 270px;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.title[data-v-27b6dfd4] {
  font-weight: bold;
  font-size: 14px;
}
.piechart-box[data-v-27b6dfd4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.my-chart[data-v-7c94fd2d] {
  position: relative;
  width: 460px;
}
.title[data-v-7c94fd2d] {
  font-weight: bold;
  font-size: 14px;
}
.chart-desc[data-v-7c94fd2d] {
  height: 234px;
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.desc[data-v-7c94fd2d] {
  width: 120px;
  font-size: 14px;
  color: #999;
  text-align: left;
}

.high-frequency-typos[data-v-6b3477d5] {
  min-width: 140px;
  min-height: 270px;
  padding-left: 30px;
  display: inline-block;
  margin-left: 30px;
}
.frequency-typos-row[data-v-6b3477d5] {
  height: 28px;
}
.frequency-index[data-v-6b3477d5] {
  font-size: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #d63c18;
  border-radius: 9px;
  display: inline-block;
}
.frequency-index.high-frequency-index[data-v-6b3477d5] {
  background: #d63c18;
  color: white;
}
.frequency-index.low-frequency-index[data-v-6b3477d5] {
  background: white;
  color: #d63c18;
}

.chart-box[data-v-61aa9058] {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.chart-box[data-v-0120f209] {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.error-analysis-box[data-v-a1b9a15c] {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.radio[data-v-a1b9a15c] {
  margin-bottom: 10px;
}
.empty[data-v-a1b9a15c] {
  color: #999;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
}

.chart-container[data-v-71390604] {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.empty[data-v-71390604] {
  color: #999;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
}

.work-detail-box-students[data-v-649af48e] {
  position: absolute;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  min-width: 650px;
  border-radius: 20px;
  padding: 8px 0 0 0;
}
.work-detail-box-students .student-work-detail-header[data-v-649af48e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  background: white;
  width: 100%;
  height: 100px;
  padding-left: 70px;
  border-bottom: 6px solid #f9f8ed;
  padding: 0 40px 0 80px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.work-detail-box-students .student-work-detail-header .student-work-detail-box[data-v-649af48e] {
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
  background: white;
  padding: 0 40px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.work-detail-box-students .student-work-detail-header .back-button[data-v-649af48e] {
  position: absolute;
  top: 20px;
  left: 40px;
  font-size: 18px;
  cursor: pointer;
  color: #2447F9;
}
.work-detail-box-students .student-work-detail-header .back-button[data-v-649af48e]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.work-detail-box-students .student-work-detail-header .p-title[data-v-649af48e] {
  height: 20px;
  font-size: 14px;
  color: #999999;
}
.work-detail-box-students .student-work-detail-header .p-content[data-v-649af48e] {
  font-size: 16px;
  color: #666666;
}
.work-detail-box-students .student-work-detail-header .p-content.p-content-bold[data-v-649af48e] {
  color: #333333;
}
.work-detail-box-students .student-work-detail-header .p-content.p-content-status[data-v-649af48e] {
  color: #F59E37;
  font-weight: 900;
}
.work-detail-box-students .student-work-detail-header .p-content.students[data-v-649af48e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  white-space: nowrap;
}
.work-detail-box-students .student-work-detail-header .p-content .change-student[data-v-649af48e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.work-detail-box-students .student-work-detail-header .p-light-grey[data-v-649af48e] {
  color: #999;
  font-size: 16px;
  margin-bottom: 10px;
}
.work-detail-box-students .student-work-detail-header .p-light-grey.center-title[data-v-649af48e] {
  white-space: nowrap;
  text-align: center;
}
.work-detail-box-students .student-work-detail-header .class-name[data-v-649af48e] {
  font-size: 16px;
  color: #666;
}
.work-detail-box-students .student-work-detail-header .student-nums-box[data-v-649af48e] {
  width: 100px;
}
.work-detail-box-students .student-work-detail-header .student-nums-box p[data-v-649af48e] {
  margin-bottom: 0;
}
.work-detail-box-students .student-work-detail-header .students-num[data-v-649af48e] {
  font-size: 16px;
  font-weight: 600;
  color: #666;
  text-align: center;
}
.work-detail-box-students .student-work-detail-header .students-num .student-count[data-v-649af48e] {
  font-size: 20px;
  color: #666666;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
}
.work-detail-box-students .student-work-detail-header .students-num .student-count.student-count1[data-v-649af48e] {
  color: #fc5050;
}
.work-detail-box-students .student-work-detail-header .students-num .student-count.student-count2[data-v-649af48e] {
  color: #F59E37;
}
.work-detail-box-students .student-work-detail-header .students-num .student-count.student-count3[data-v-649af48e] {
  color: #2447F9;
}
.work-detail-box-students .student-table-box[data-v-649af48e] {
  height: 100%;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.work-detail-box-students .student-table[data-v-649af48e] {
  width: 100%;
}
.work-detail-box-students .icon-img[data-v-649af48e] {
  margin: 0 4px;
}
.work-detail-box-students .bold-text[data-v-649af48e] {
  color: #29100b;
  font-weight: 600;
}
.work-detail-box-students .light-grey-text[data-v-649af48e] {
  color: #333;
}
.work-detail-box-students .check-box[data-v-649af48e] {
  font-size: 16px;
  white-space: nowrap;
}
.work-detail-box-students .check-btn[data-v-649af48e] {
  cursor: pointer;
  color: #2447F9;
  font-size: 16px;
  white-space: nowrap;
}
.work-detail-box-students .check-btn[data-v-649af48e]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.work-detail-box-students .print-btn[data-v-649af48e] {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.work-detail-box-students .print-btn-able[data-v-649af48e] {
  cursor: pointer;
  color: #2447F9;
}
.work-detail-box-students .print-btn-able[data-v-649af48e]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.work-detail-box-students .print-btn-disabled[data-v-649af48e] {
  color: #999;
}
.work-detail-box-students .status-text[data-v-649af48e] {
  margin-left: 5px;
  color: #333;
  white-space: nowrap;
}
.work-detail-box-students .dot[data-v-649af48e] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.work-detail-box-students .dot.dot_2[data-v-649af48e] {
  background: #2447F9;
}
.work-detail-box-students .dot.dot_1[data-v-649af48e] {
  background: #F59E37;
}
.work-detail-box-students .dot.dot_0[data-v-649af48e] {
  background: #fc5050;
}

.analys-report-box[data-v-e1631a5c] {
  overflow: auto;
  padding-bottom: 40px;
}
.report-overall-analysis[data-v-e1631a5c] {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 1300px;
}
.collapse-arrow[data-v-e1631a5c] {
  margin-right: -40px;
  cursor: pointer;
}

.black-mask[data-v-76cc58f7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 200;
}
.black-mask .white-mask[data-v-76cc58f7] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -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;
  min-width: 568px;
  max-width: 842px;
  max-height: 80%;
  margin: 0 auto;
  background-color: white;
  border-radius: 20px;
  padding: 30px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.black-mask .white-mask .close-button[data-v-76cc58f7] {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 22px;
  text-align: center;
}
.black-mask .white-mask .modal-title[data-v-76cc58f7] {
  font-size: 22px;
  font-weight: 600;
  color: #2447F9;
  text-align: center;
  margin-bottom: 20px;
}
.black-mask .white-mask .modal-sub-title[data-v-76cc58f7] {
  font-size: 18px;
  color: #000;
  text-align: left;
  padding-bottom: 10px;
}
.black-mask .white-mask .promp-detail[data-v-76cc58f7] {
  overflow: auto;
  max-height: 500px;
}
.black-mask .white-mask .students[data-v-76cc58f7] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.black-mask .white-mask .students .title[data-v-76cc58f7] {
  width: 70px;
  height: 54px;
  line-height: 54px;
  font-weight: 600;
  font-size: 16px;
  color: #666666;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.black-mask .white-mask .students .student-tags[data-v-76cc58f7] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.black-mask .white-mask .students .ant-tag[data-v-76cc58f7] {
  background-color: #ededed !important;
  font-size: 18px !important;
  height: 40px !important;
  line-height: 40px !important;
  color: #333 !important;
  margin: 6px 5px !important;
  border-radius: 20px;
  min-width: 100px;
  text-align: center;
  padding: 0 !important;
}
.black-mask .white-mask .modal-btns-box[data-v-76cc58f7] {
  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-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
  z-index: 99;
  padding-top: 20px;
}
.black-mask .white-mask .modal-btns-box .modal-button[data-v-76cc58f7] {
  width: 36%;
  height: 40px;
}
.black-mask .white-mask .modal-btns-box .cancel-btn[data-v-76cc58f7] {
  color: #2447F9;
  border-color: #2447F9;
}
.black-mask .white-mask .modal-btns-box .ok-btn[data-v-76cc58f7] {
  pointer-events: auto;
  background-color: #f59e37;
  border: 1px solid #f59e37;
  color: white;
}
.black-mask .white-mask .modal-btns-box .modal-button-disabled[data-v-76cc58f7] {
  pointer-events: none;
  background-color: #e1dfdd;
  border: 1px solid #e1dfdd;
}

.evaluation-info-box[data-v-23af78ac] {
  overflow: auto;
  padding-bottom: 40px;
  width: 100%;
}
.evaluation-overall-analysis[data-v-23af78ac] {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: 1300px;
  padding: 30px 0;
}
.evaluation-overall-analysis .header-img[data-v-23af78ac] {
  margin: 0 20px 0 12px;
}
.collapse-arrow[data-v-23af78ac] {
  margin-right: -40px;
  cursor: pointer;
}
.p-light-grey[data-v-23af78ac] {
  color: #999;
  font-size: 16px;
  padding-left: 10px;
}
.p-light-grey.center-title[data-v-23af78ac] {
  white-space: nowrap;
  text-align: center;
}
.student-nums-box[data-v-23af78ac] {
  width: 80px;
  height: 66px;
}
.student-nums-box p[data-v-23af78ac] {
  margin-bottom: 0;
}
.students-num[data-v-23af78ac] {
  font-size: 16px;
  font-weight: 600;
  color: #666;
  text-align: center;
  padding: 0 10px;
}
.students-num .student-count[data-v-23af78ac] {
  color: #666666;
  font-weight: 600;
  font-size: 22px;
}
.students-num .student-count.student-count1[data-v-23af78ac] {
  color: #fc5050;
}
.students-num .student-count.student-count2[data-v-23af78ac] {
  color: #f59e37;
}
.students-num .student-count.student-count3[data-v-23af78ac] {
  color: #2447F9;
}
.prompt-btn[data-v-23af78ac] {
  line-height: 36px;
  height: 36px;
  border-radius: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.prompt-btn-able[data-v-23af78ac] {
  border: 1px solid #2447F9;
  color: #2447F9;
  pointer-events: auto;
  background-color: white;
}
.prompt-btn-disabled[data-v-23af78ac] {
  pointer-events: none;
  border: 1px solid #e1dfdd;
  color: white;
  background-color: #e1dfdd;
}
.students-essay-info[data-v-23af78ac] {
  font-size: 16px;
  word-break: keep-all;
}
.students-essay-info .status-dot[data-v-23af78ac] {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 6px;
  margin-right: 6px;
}
.students-essay-info .status-dot.dot-green[data-v-23af78ac] {
  background: #2447F9;
}
.students-essay-info .status-dot.dot-red[data-v-23af78ac] {
  background: #FC5050;
}
.students-essay-info .status-dot.dot-grey[data-v-23af78ac] {
  background: #999;
}
.students-essay-info .essay-name[data-v-23af78ac] {
  color: #333333;
  padding: 0 4px;
  max-width: 150px;
}
.students-essay-info .check-btn[data-v-23af78ac] {
  display: inline-block;
  color: #2447F9;
  margin-right: 40px;
  cursor: pointer;
}

.evaluation-item-box .evaluation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.evaluation-item-box .evaluation-item .title {
  line-height: 20px;
  padding: 10px;
  color: #333;
  font-size: 18px;
}
.evaluation-item-box .evaluation-item .no-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 20px;
  color: #999;
  font-size: 14px;
  padding: 10px;
}
.evaluation-item-box .evaluation-item .evaluation-index {
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.evaluation-item-box .evaluation-item .input-content {
  margin-left: 10px;
}
.evaluation-item-box .evaluation-item .input-text {
  position: relative;
  background: #f8f8f8;
  border: 1px solid #6d6d6d;
  color: #999;
  height: 80px;
  line-height: 40px;
  padding: 0 10px;
}
.evaluation-item-box .evaluation-item .input-text .audio-btn {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.preview-evaluation[data-v-0b702072] {
  background: #f8f8f8;
  border-radius: 16px;
  padding: 20px;
  font-size: 16px;
}
.preview-evaluation .evaluation-item-box[data-v-0b702072] {
  padding-bottom: 16px;
}
.preview-evaluation .title[data-v-0b702072] {
  font-weight: 400;
  font-size: 20px;
  color: #2447F9;
  padding: 0 0 12px 0;
}
.preview-evaluation .content[data-v-0b702072] {
  position: relative;
  width: 100%;
  height: 80px;
  background: #fff;
  padding: 10px;
  color: #999;
  font-size: 16px;
  border: 1px solid #999;
}
.preview-evaluation .content .audio-btn[data-v-0b702072] {
  position: absolute;
  bottom: 12px;
  right: 12px;
}
.preview-evaluation .sub-title[data-v-0b702072] {
  padding-top: 10px;
}
.preview-evaluation .requirement-image[data-v-0b702072] {
  height: 300px;
  max-width: 90%;
  margin: 10px 0;
}
.preview-evaluation .evaluation-title[data-v-0b702072] {
  color: #333;
  padding-bottom: 12px;
}

.ant-form-item[data-v-8bd66848] {
  margin-bottom: 10px;
}
.evaluation-box[data-v-8bd66848] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  height: 100%;
  min-width: 600px;
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid #ddd;
  padding: 40px 0;
  margin-right: 20px;
}
.evaluation-box .class-detail[data-v-8bd66848] {
  white-space: pre-line;
  font-size: 16px;
  color: #000;
}
.evaluation-box .class-item[data-v-8bd66848] {
  margin-right: 20px;
}
.evaluation-box .requirement[data-v-8bd66848] {
  line-height: 26px;
  margin-top: 6px;
  white-space: pre-wrap;
}
.evaluation-box .back-button[data-v-8bd66848] {
  position: absolute;
  top: 0px;
  left: 40px;
  z-index: 100;
  font-size: 18px;
  cursor: pointer;
  color: #2447F9;
}
.evaluation-box .back-button[data-v-8bd66848]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.evaluation-box .sync-form[data-v-8bd66848] {
  width: 90%;
}
.evaluation-box .submit-button[data-v-8bd66848] {
  float: right;
  width: 260px;
  height: 40px;
  color: #2447F9;
  border: 1px solid #2447F9;
}
.evaluation-box[data-v-8bd66848] .ant-form-item-required::before {
  content: '';
}

.evaluation-require-and-detail[data-v-2797214f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

base[data-v-d925f336] {
  position: absolute;
  top: 5%;
  height: 100%;
  width: 100%;
}
.upload-image[data-v-d925f336] {
  background-color: yellow;
}
.dropzone[data-v-d925f336] {
  position: relative;
  height: 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*input 标签有默认的宽高border,outline*/
}
.dropzone .upload[data-v-d925f336] {
  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;
  width: 120px;
  height: 40px;
  font-size: 16px;
  text-align: center;
}
.dropzone .upload .upload-text[data-v-d925f336] {
  text-decoration: underline;
  margin: 0 10px;
  color: #2447F9;
}
.dropzone .upload .upload-icon[data-v-d925f336] {
  width: 26px;
  height: 24px;
}
.dropzone .upload .upload-icon-show[data-v-d925f336] {
  cursor: pointer;
}
.dropzone .uploaded-box[data-v-d925f336] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  height: 100%;
  font-size: 16px;
}
.dropzone .uploaded-box .show-image[data-v-d925f336] {
  width: 50px;
  color: #2447F9;
  padding: 0 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.dropzone .uploaded-box .show-image[data-v-d925f336]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.dropzone .uploaded-box .remove[data-v-d925f336] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  color: #fc5050;
  cursor: pointer;
}
.dropzone .uploaded-box .remove[data-v-d925f336]:hover {
  text-decoration: underline;
  color: #a4373a;
}
.dropzone .uploaded-box .image-name[data-v-d925f336] {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin: 0 10px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .uploaded-box .upload-icon[data-v-d925f336] {
  width: 26px;
  height: 24px;
}
.dropzone .upload > input[data-v-d925f336] {
  position: absolute;
  top: 0;
  left: -40px;
  width: 150px;
  height: 100%;
  /*透明度为0*/
  opacity: 0;
  z-index: 100px;
  cursor: pointer;
}

.evaluation-students-box[data-v-84aa9cd4] {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.evaluation-students-box .students-table-box[data-v-84aa9cd4] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.evaluation-students-box .students-table-box.students-table-box-center[data-v-84aa9cd4] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.evaluation-students-box .students-table-box.students-table-box-full[data-v-84aa9cd4] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.evaluation-students-box .students-table[data-v-84aa9cd4] {
  width: 50%;
  padding: 10px;
}
.evaluation-students-box .evaluation-info[data-v-84aa9cd4] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.evaluation-students-box .close-button[data-v-84aa9cd4] {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 22px;
  text-align: center;
}
.evaluation-students-box .modal-btns-box[data-v-84aa9cd4] {
  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: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  height: 80px;
  z-index: 99;
}
.evaluation-students-box .modal-btns-box .button-item[data-v-84aa9cd4] {
  border: 1px solid #2447F9;
  color: #2447F9;
  font-weight: 600;
}
.evaluation-students-box .modal-btns-box .reset-btn[data-v-84aa9cd4] {
  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;
}
.evaluation-students-box .modal-btns-box .ok-btn[data-v-84aa9cd4] {
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #2447F9;
  border-radius: 20px;
  cursor: pointer;
}
.evaluation-students-box .modal-btns-box.modal-btns-box-full[data-v-84aa9cd4] {
  width: 100%;
}
.evaluation-students-box .modal-btns-box.modal-btns-box-full .button-item[data-v-84aa9cd4] {
  min-width: 160px;
  height: 40px;
}
.evaluation-students-box .modal-btns-box.modal-btns-box-center[data-v-84aa9cd4] {
  width: 50%;
}
.evaluation-students-box .modal-btns-box.modal-btns-box-center .button-item[data-v-84aa9cd4] {
  min-width: 160px;
  height: 40px;
}
.evaluation-students-box .pagination-box[data-v-84aa9cd4] {
  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-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 40px;
  padding: 10px 0;
}
.evaluation-students-box .pagination-box.pagination-box-full[data-v-84aa9cd4] {
  width: 100%;
}
.evaluation-students-box .pagination-box.pagination-box-center[data-v-84aa9cd4] {
  width: 50%;
}

.evaluation-card-box[data-v-5d59938a] {
  font-size: 16px;
}
.evaluation-card-box .evaluation-card-subtitle[data-v-5d59938a] {
  font-weight: 400;
  font-size: 20px;
  color: #2447F9;
  padding: 12px 0;
}
.evaluation-card-box .evaluation-item-box[data-v-5d59938a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
}
.evaluation-card-box .evaluation-item-box .evaluation-title-box[data-v-5d59938a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 1px solid #6D6D6D;
  background: white;
  padding-right: 4px;
}
.evaluation-card-box .evaluation-item-box .ant-input[data-v-5d59938a] {
  border: 0px solid #f8f8f8;
  margin-bottom: 4px;
}
.evaluation-card-box .evaluation-index[data-v-5d59938a] {
  height: 40px;
  width: 26px;
  line-height: 40px;
  font-size: 18px;
}
.evaluation-card-box .add-box[data-v-5d59938a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.evaluation-card-box .add[data-v-5d59938a] {
  width: 110px;
  margin: 0 6px;
  cursor: pointer;
}
.evaluation-card-box .input-content[data-v-5d59938a] {
  margin: 10px 0;
}
.evaluation-card-box .input-text[data-v-5d59938a] {
  position: relative;
  background: #f8f8f8;
  border: 1px solid #6d6d6d;
  color: #999;
  height: 80px;
  line-height: 40px;
  padding: 0 10px;
}
.evaluation-card-box .audio-btn[data-v-5d59938a] {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.ant-form-item[data-v-847add0e] {
  margin-bottom: 10px;
}
.publish-evaluation-box[data-v-847add0e] {
  background: white;
  height: 100%;
  width: 100%;
}
.publish-evaluation-box .back-button[data-v-847add0e] {
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 100;
  font-size: 18px;
  cursor: pointer;
  color: #2447F9;
}
.publish-evaluation-box .back-button[data-v-847add0e]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.publish-evaluation-box .generate-button[data-v-847add0e] {
  width: 260px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #2447F9;
  border-radius: 20px;
  margin-bottom: 30px;
  cursor: pointer;
}
.publish-evaluation-box .sync-form[data-v-847add0e] {
  width: 100%;
}
.publish-evaluation-box .sync-form-item-timepicker[data-v-847add0e] {
  margin-bottom: 0;
  width: 50%;
}
.publish-evaluation-box .sync-form-item .picker-box[data-v-847add0e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
  font-size: 16px;
}
.publish-evaluation-box .sync-form-item .end-date-picker[data-v-847add0e] {
  width: calc(100% - 10px);
}
.publish-evaluation-box .sync-form-item .end-time-picker[data-v-847add0e] {
  width: calc(100% - 10px);
}
.publish-evaluation-box .sync-form-item .num[data-v-847add0e] {
  width: 60px;
}
.publish-evaluation-box .sync-form-item-text[data-v-847add0e] {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.publish-evaluation-box .evaluation-div[data-v-847add0e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.publish-evaluation-box .evaluation-div .evaluation-publish[data-v-847add0e] {
  width: 55%;
  padding: 0 5%;
}
.publish-evaluation-box .evaluation-div .evaluation-publish .title[data-v-847add0e] {
  font-weight: 600;
  font-size: 18px;
}
.publish-evaluation-box .evaluation-div .evaluation-publish .content[data-v-847add0e] {
  position: relative;
  background: #F8F8F8;
  height: 80px;
  padding: 12px 0 0 12px;
  border: 1px solid #6D6D6D;
  font-size: 16px;
  color: #999;
}
.publish-evaluation-box .evaluation-div .evaluation-publish .content .audio-btn[data-v-847add0e] {
  position: absolute;
  bottom: 12px;
  right: 12px;
}
.publish-evaluation-box .evaluation-div .evaluation-publish .evaluation-edit[data-v-847add0e] {
  padding: 24px;
  background: #f8f8f8;
  border-radius: 16px;
  margin: 20px 0;
}
.publish-evaluation-box .evaluation-div .evaluation-publish .comment-summary-title[data-v-847add0e] {
  font-weight: 400;
  font-size: 20px;
  color: #2447F9;
  padding: 0 0 12px 0;
}
.publish-evaluation-box .evaluation-div .evaluation-preview[data-v-847add0e] {
  width: 40%;
  min-width: 380px;
}
.publish-evaluation-box .evaluation-div .evaluation-preview .preview-title[data-v-847add0e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.publish-evaluation-box .evaluation-div .evaluation-preview .preview-title .title[data-v-847add0e] {
  font-weight: 600;
  font-size: 18px;
}
.publish-evaluation-box .evaluation-div .evaluation-preview .preview-title .icon-img[data-v-847add0e] {
  cursor: pointer;
  margin-left: 6px;
}
.publish-evaluation-box .evaluation-div .evaluation-preview .preview-content[data-v-847add0e] {
  margin: 20px 0;
}
.publish-evaluation-box .class-list-box[data-v-847add0e] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  border: 1px solid #999;
  min-height: 40px;
}
.publish-evaluation-box .class-list-box .class-tags[data-v-847add0e] {
  width: 1005;
}
.publish-evaluation-box .class-list-box .class-tags .ant-tag[data-v-847add0e] {
  background-color: #d2eae1 !important;
  font-size: 14px !important;
  height: 30px !important;
  line-height: 30px !important;
  color: #333 !important;
  margin: 5px !important;
}
.publish-evaluation-box .class-list-box .add-class-btn[data-v-847add0e] {
  color: #2447F9;
}
.publish-evaluation-box .check-classes[data-v-847add0e] {
  width: 80px;
  font-size: 16px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  color: #2447F9;
}
.publish-evaluation-box .check-classes[data-v-847add0e]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.success-div[data-v-847add0e] {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  height: 100%;
  color: #000;
  font-size: 16px;
}
.success-div .title[data-v-847add0e] {
  font-size: 26px;
  color: #2447F9;
  font-weight: 600;
  height: 60px;
  line-height: 60px;
}
.success-div .btn[data-v-847add0e] {
  color: #2447F9;
  cursor: pointer;
}
.success-div .btn[data-v-847add0e]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.success-div .success-img[data-v-847add0e] {
  width: 160px;
}

.evaluation-box[data-v-d12a6c44] {
  height: 100%;
}

.edit-active-state-btn[data-v-0fd4a268] {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.edit-active-state-btn[data-v-0fd4a268]:hover {
  -webkit-filter: none;
          filter: none;
}
.work-detail-box-students[data-v-0fd4a268] {
  position: absolute;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  min-width: 650px;
  border-radius: 20px;
  padding: 8px 60px 0 60px;
}
.work-detail-box-students .student-work-detail-header[data-v-0fd4a268] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  background: white;
  width: 100%;
  min-height: 100px;
  padding-left: 70px;
  border-bottom: 1px solid #CFCFCF;
  padding: 0 0 0 60px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.work-detail-box-students .student-work-detail-header .student-work-detail-box[data-v-0fd4a268] {
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
  background: white;
  padding: 0 20px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.work-detail-box-students .student-work-detail-header .back-button[data-v-0fd4a268] {
  position: absolute;
  top: 12px;
  left: 0px;
  font-size: 18px;
  cursor: pointer;
  color: #2447F9;
}
.work-detail-box-students .student-work-detail-header .back-button[data-v-0fd4a268]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.work-detail-box-students .student-work-detail-header .p-title[data-v-0fd4a268] {
  height: 20px;
  font-size: 14px;
  color: #999999;
}
.work-detail-box-students .student-work-detail-header .p-content[data-v-0fd4a268] {
  font-size: 16px;
  color: #666666;
}
.work-detail-box-students .student-work-detail-header .p-content.p-content-bold[data-v-0fd4a268] {
  color: #333333;
}
.work-detail-box-students .student-work-detail-header .p-content.p-content-status[data-v-0fd4a268] {
  color: #F59E37;
  font-weight: 900;
}
.work-detail-box-students .student-work-detail-header .p-content.students[data-v-0fd4a268] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  white-space: nowrap;
}
.work-detail-box-students .student-work-detail-header .p-content .change-student[data-v-0fd4a268] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.work-detail-box-students .student-work-detail-header .p-light-grey[data-v-0fd4a268] {
  color: #999;
  font-size: 16px;
  margin-bottom: 10px;
}
.work-detail-box-students .student-work-detail-header .p-light-grey.center-title[data-v-0fd4a268] {
  white-space: nowrap;
  text-align: center;
}
.work-detail-box-students .student-work-detail-header .class-name[data-v-0fd4a268] {
  font-size: 16px;
  color: #666;
}
.work-detail-box-students .student-work-detail-header .student-nums-box[data-v-0fd4a268] {
  width: 80px;
  height: 66px;
}
.work-detail-box-students .student-work-detail-header .student-nums-box p[data-v-0fd4a268] {
  margin-bottom: 0;
}
.work-detail-box-students .student-work-detail-header .edit-active-state-btn[data-v-0fd4a268] {
  cursor: pointer;
}
.work-detail-box-students .student-work-detail-header .popover-icon[data-v-0fd4a268] {
  cursor: pointer;
  margin: 0 7px;
}
.work-detail-box-students .student-work-detail-header .prompt-btn-box[data-v-0fd4a268] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100%;
}
.work-detail-box-students .student-work-detail-header .prompt-btn-box .prompt-btn[data-v-0fd4a268] {
  line-height: 36px;
  height: 36px;
  width: 80px;
  border-radius: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.work-detail-box-students .student-work-detail-header .prompt-btn-box.enus .prompt-btn[data-v-0fd4a268] {
  width: 120px;
}
.work-detail-box-students .student-work-detail-header .prompt-btn-box .prompt-btn-able[data-v-0fd4a268] {
  border: 1px solid #2447F9;
  color: #2447F9;
  pointer-events: auto;
  background-color: white;
}
.work-detail-box-students .student-work-detail-header .prompt-btn-box .prompt-btn-disabled[data-v-0fd4a268] {
  pointer-events: none;
  border: 1px solid #E1DFDD;
  color: white;
  background-color: #E1DFDD;
}
.work-detail-box-students .student-work-detail-header .students-num[data-v-0fd4a268] {
  font-size: 16px;
  font-weight: 600;
  color: #666;
  text-align: center;
}
.work-detail-box-students .student-work-detail-header .students-num .student-count[data-v-0fd4a268] {
  font-size: 20px;
  color: #666666;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
}
.work-detail-box-students .student-work-detail-header .students-num .student-count.student-count1[data-v-0fd4a268] {
  color: #fc5050;
}
.work-detail-box-students .student-work-detail-header .students-num .student-count.student-count2[data-v-0fd4a268] {
  color: #F59E37;
}
.work-detail-box-students .student-work-detail-header .students-num .student-count.student-count3[data-v-0fd4a268] {
  color: #2447F9;
}
.work-detail-box-students .student-table-box[data-v-0fd4a268] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.work-detail-box-students .student-table-box .type-filter-workdetail[data-v-0fd4a268] {
  padding: 0 20px;
}
.work-detail-box-students .student-table-box .work-detail[data-v-0fd4a268] {
  height: calc(100% - 80px);
  overflow: auto;
  padding: 0 20px;
}
.work-detail-box-students .table-header[data-v-0fd4a268] {
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  margin-bottom: 10px;
}
.work-detail-box-students .table-header .search-box[data-v-0fd4a268] {
  width: 30%;
  min-width: 480px;
}
.work-detail-box-students .table-header .input-search[data-v-0fd4a268] {
  width: 80%;
}
.work-detail-box-students .table-header .search-btn[data-v-0fd4a268] {
  color: #2447F9;
  border: 1px solid #2447F9;
  margin-left: 10px;
}
.work-detail-box-students .student-table[data-v-0fd4a268] {
  width: 100%;
}
.work-detail-box-students .icon-img[data-v-0fd4a268] {
  margin: 0 4px;
}
.work-detail-box-students .bold-text[data-v-0fd4a268] {
  color: #29100b;
  font-weight: 600;
}
.work-detail-box-students .light-grey-text[data-v-0fd4a268] {
  color: #333;
}
.work-detail-box-students .check-box[data-v-0fd4a268] {
  font-size: 16px;
  white-space: nowrap;
}
.work-detail-box-students .check-btn[data-v-0fd4a268] {
  cursor: pointer;
  color: #2447F9;
  font-size: 16px;
  white-space: nowrap;
}
.work-detail-box-students .check-btn[data-v-0fd4a268]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.work-detail-box-students .print-btn[data-v-0fd4a268] {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.work-detail-box-students .print-btn-able[data-v-0fd4a268] {
  cursor: pointer;
  color: #2447F9;
}
.work-detail-box-students .print-btn-able[data-v-0fd4a268]:hover {
  text-decoration: underline;
  color: #2447F9;
}
.work-detail-box-students .print-btn-disabled[data-v-0fd4a268] {
  color: #999;
}
.work-detail-box-students .status-text[data-v-0fd4a268] {
  margin-left: 5px;
  color: #333;
  white-space: nowrap;
}
.work-detail-box-students .dot[data-v-0fd4a268] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.work-detail-box-students .dot.dot_4[data-v-0fd4a268] {
  background: #2447F9;
}
.work-detail-box-students .dot.dot_2[data-v-0fd4a268] {
  background: #FC5050;
}
.work-detail-box-students .dot.dot_1[data-v-0fd4a268] {
  background: #FC5050;
}
.work-detail-box-students .dot.dot_3[data-v-0fd4a268] {
  background: #F59E37;
}
.work-detail-box-students .dot.dot_0[data-v-0fd4a268] {
  background: #fc5050;
}
.work-detail-box-students .table-footer[data-v-0fd4a268] {
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.work-detail-box-students .table-footer .table-footer-buttons[data-v-0fd4a268] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.work-detail-box-students .table-footer .table-footer-buttons .btn[data-v-0fd4a268] {
  height: 40px;
  margin-right: 20px;
}
.work-detail-box-students .table-footer .table-footer-buttons .batch-btn[data-v-0fd4a268] {
  color: #2447F9;
  border-color: #2447F9;
}