.storybook-button[data-v-2f03a9aa] {
  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  border: 0;
  border-radius: 3em;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
}
.storybook-button--primary[data-v-2f03a9aa] {
  color: white;
  background-color: #1ea7fd;
}
.storybook-button--secondary[data-v-2f03a9aa] {
  color: #333;
  background-color: transparent;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
}
.storybook-button--small[data-v-2f03a9aa] {
  font-size: 12px;
  padding: 10px 16px;
}
.storybook-button--medium[data-v-2f03a9aa] {
  font-size: 14px;
  padding: 11px 20px;
}
.storybook-button--large[data-v-2f03a9aa] {
  font-size: 16px;
  padding: 12px 24px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '←';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '→';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}

.task-title[data-v-c0a71a9e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 10px;
}
.task-title .tip[data-v-c0a71a9e] {
  font-size: 12px;
}
.task-list[data-v-c0a71a9e] {
  max-height: 290px;
  overflow-y: auto;
}
.task-item[data-v-c0a71a9e] {
  background: #f4f4f4;
  margin-bottom: 10px;
  line-height: 26px;
  padding: 10px;
}
.task-item .student-name[data-v-c0a71a9e] {
  font-weight: bold;
  font-weight: 15px;
  margin-bottom: 10px;
}
.link[data-v-c0a71a9e] {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link[data-v-c0a71a9e]:hover {
  color: #04cb94;
  text-decoration: underline;
}
.storybook-button--primary[data-v-c0a71a9e] {
  color: white;
  background-color: #1ea7fd;
}
.storybook-button--secondary[data-v-c0a71a9e] {
  color: #333;
  background-color: transparent;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
}
.storybook-button--small[data-v-c0a71a9e] {
  font-size: 12px;
  padding: 10px 16px;
}
.storybook-button--medium[data-v-c0a71a9e] {
  font-size: 14px;
  padding: 11px 20px;
}
.storybook-button--large[data-v-c0a71a9e] {
  font-size: 16px;
  padding: 12px 24px;
}

.cursor[data-v-18101dec] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-18101dec] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-18101dec]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #43d186;
  border-radius: 0px 6px 6px 0px;
}
.student-item[data-v-18101dec] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-18101dec] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-18101dec] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-18101dec] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-item[data-v-18101dec] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-bottom: 4px;
}
.student-item p[data-v-18101dec] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-18101dec] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-18101dec] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.student-name-box[data-v-18101dec] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 4px;
}
.student-info[data-v-18101dec] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.student-wrap[data-v-18101dec] {
  margin-bottom: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.cursor[data-v-254397f8] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-254397f8] {
  cursor: pointer;
  color: #43d186 !important;
}
.classAdmin .title[data-v-254397f8]::before {
  background-color: #43d186;
}
.title[data-v-254397f8] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-254397f8]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-254397f8] {
  border-bottom: 1px solid #eee;
}
.form-name span[data-v-254397f8] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-254397f8] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-254397f8] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-254397f8] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-254397f8] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-254397f8] {
  color: #ff5454;
}
.form-teacher span[data-v-254397f8] {
  color: #333;
}
.form-teacher img[data-v-254397f8] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-254397f8] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-254397f8] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-254397f8] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-254397f8] {
  padding: 20px 0;
}
.course-info[data-v-254397f8] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  position: relative;
}
.course-name[data-v-254397f8] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-254397f8]:hover {
  text-decoration: underline;
}
.course-type[data-v-254397f8] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-254397f8] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.student-item p[data-v-254397f8] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-254397f8] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-254397f8] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-254397f8] {
  margin-bottom: 15px;
}
.playCourse[data-v-254397f8] {
  background-color: #fff;
  color: #009cff;
  padding: 4px 8px;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 10px;
}
.explainTC[data-v-254397f8] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.task-explainTitleTC[data-v-254397f8] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-254397f8] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-254397f8] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-254397f8] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.el-image__error,.el-image__placeholder{background:#F5F7FA}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);display:block}.el-image__error{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#C0C4CC;vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__next,.el-image-viewer__prev{top:50%;width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff}.el-image-viewer__prev{transform:translateY(-50%);left:40px}.el-image-viewer__next{transform:translateY(-50%);right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{animation:viewer-fade-in .3s}.viewer-fade-leave-active{animation:viewer-fade-out .3s}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}
.cursor[data-v-7d7273bd] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-7d7273bd] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-7d7273bd] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-7d7273bd]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-7d7273bd] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-7d7273bd] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-7d7273bd] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-7d7273bd] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-7d7273bd] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-7d7273bd] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-7d7273bd] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-7d7273bd] {
  color: #ff5454;
}
.form-teacher span[data-v-7d7273bd] {
  color: #333;
}
.form-teacher img[data-v-7d7273bd] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-7d7273bd] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-7d7273bd] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-7d7273bd] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-7d7273bd] {
  padding: 20px 0;
}
.course-info[data-v-7d7273bd] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-7d7273bd] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-7d7273bd]:hover {
  text-decoration: underline;
}
.course-type[data-v-7d7273bd] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-7d7273bd] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-7d7273bd] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-7d7273bd] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-7d7273bd] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-7d7273bd] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-7d7273bd] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 6px;
}
.form-desc1[data-v-7d7273bd] .content {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.form-desc1[data-v-7d7273bd] .content .el-image {
  width: 72px;
  height: 72px;
}
.form-desc1 p[data-v-7d7273bd] {
  max-width: 80%;
}
.form-desc2[data-v-7d7273bd] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-7d7273bd] {
  color: #ff5353;
}
.form-label[data-v-7d7273bd] {
  width: 85px;
}
.form-reason[data-v-7d7273bd] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-7d7273bd] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-7d7273bd]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-7d7273bd] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-7d7273bd] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-7d7273bd] {
  margin-bottom: 5px;
}
.concat-label[data-v-7d7273bd] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-7d7273bd]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-7d7273bd] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-7d7273bd] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-7d7273bd] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-7d7273bd] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-7d7273bd] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-7d7273bd] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-7d7273bd] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-7d7273bd]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-7d7273bd] {
  color: #43d186;
}
.explainTC[data-v-7d7273bd] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-7d7273bd] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-7d7273bd] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-7d7273bd] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.clue-txt[data-v-3299007e] {
  font-size: 16px;
  padding-left: 19px;
  cursor: pointer;
  color: #3372fe;
  margin-bottom: 15px;
}
.cursor[data-v-3299007e] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-3299007e] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-3299007e] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-3299007e]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-3299007e] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-3299007e] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-3299007e] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.pending-status[data-v-3299007e] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-3299007e] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-3299007e] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-3299007e] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-3299007e] {
  color: #ff5454;
}
.form-teacher span[data-v-3299007e] {
  color: #333;
}
.form-teacher img[data-v-3299007e] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-desc[data-v-3299007e] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
  padding-left: 28px;
}
.form-imgs[data-v-3299007e] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-3299007e] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-3299007e] {
  padding: 20px 0;
}
.course-info[data-v-3299007e] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-3299007e] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-3299007e]:hover {
  text-decoration: underline;
}
.course-type[data-v-3299007e] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-3299007e] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-3299007e] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-3299007e] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-3299007e] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-3299007e] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-3299007e]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-3299007e]:hover {
  opacity: 0.5;
}
.student-item[data-v-3299007e] {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.student-item p[data-v-3299007e] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-3299007e] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-3299007e] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-3299007e] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-3299007e] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-3299007e] {
  margin-left: 8px;
}
.reportPhase[data-v-3299007e] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-3299007e] {
  color: #ff5353;
}
.form-label[data-v-3299007e] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-3299007e] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-3299007e] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-3299007e]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-3299007e] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-3299007e] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-3299007e] {
  margin-bottom: 5px;
}
.concat-label[data-v-3299007e] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-3299007e]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-3299007e] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-3299007e] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-3299007e] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-3299007e] .ant-form label {
  font-size: 16px !important;
}
.study-wrap[data-v-3299007e] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 14px;
  color: #333;
  margin: 15px 0;
  border-radius: 5px;
  background-color: #fafafa;
  cursor: pointer;
}
.study-txt[data-v-3299007e] {
  font-size: 14px;
  margin-top: 5px;
}
.study-top[data-v-3299007e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.study-btnWrap[data-v-3299007e] {
  font-size: 14px;
  color: #009cff;
}
.download-poster[data-v-3299007e] {
  margin-right: 15px;
  cursor: pointer;
}
.send-group[data-v-3299007e] {
  cursor: pointer;
}
.consult-img[data-v-3299007e] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.classAdmin .title[data-v-3299007e]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-3299007e] {
  color: #43d186;
}
.explainTC[data-v-3299007e] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-ulWrapTC[data-v-3299007e] {
  max-width: 600px;
  list-style: disc;
  padding-left: 20px;
  color: #009cff;
}
.task-ulWrapTC span[data-v-3299007e] {
  color: #333;
  font-size: 16px;
}
.task-explainTitleTC[data-v-3299007e] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-3299007e] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-3299007e] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.cursor[data-v-68aa5ba1] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-68aa5ba1] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-68aa5ba1] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-68aa5ba1]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-68aa5ba1] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-68aa5ba1] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-68aa5ba1] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-68aa5ba1] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-68aa5ba1] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-68aa5ba1] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-68aa5ba1] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-68aa5ba1] {
  color: #ff5454;
}
.form-teacher span[data-v-68aa5ba1] {
  color: #333;
}
.form-teacher img[data-v-68aa5ba1] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-68aa5ba1] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-68aa5ba1] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-68aa5ba1] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
  cursor: pointer;
}
.courseInfo[data-v-68aa5ba1] {
  padding: 20px 0;
}
.course-info[data-v-68aa5ba1] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-68aa5ba1] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-68aa5ba1]:hover {
  text-decoration: underline;
}
.course-type[data-v-68aa5ba1] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-68aa5ba1] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-68aa5ba1] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-68aa5ba1] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-68aa5ba1] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-68aa5ba1] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-68aa5ba1]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-68aa5ba1]:hover {
  opacity: 0.5;
}
.student-item[data-v-68aa5ba1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-68aa5ba1] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-68aa5ba1] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-68aa5ba1] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-desc1[data-v-68aa5ba1] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
}
.form-desc1 p[data-v-68aa5ba1] {
  margin-left: 8px;
}
.red-icon[data-v-68aa5ba1] {
  color: #ff5353;
}
.form-label[data-v-68aa5ba1] {
  width: 105px;
  text-align: right;
}
.form-reason[data-v-68aa5ba1] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-68aa5ba1] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-68aa5ba1]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-68aa5ba1] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.student-item[data-v-68aa5ba1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-68aa5ba1] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-68aa5ba1] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-68aa5ba1] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-68aa5ba1] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-68aa5ba1]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-68aa5ba1] {
  color: #43d186;
}


[data-v-7dfe67d4] .ant-form-item {
  margin: 0px 0px 12px;
}
.concat-con[data-v-7dfe67d4] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-7dfe67d4] {
  margin-bottom: 5px;
}
.studentHover:hover span[data-v-7dfe67d4] {
  cursor: pointer;
  color: #04cb94;
}
.concat-label[data-v-7dfe67d4] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-7dfe67d4]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-7dfe67d4] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bot-border > div[data-v-7dfe67d4] {
  width: 100%;
}
.scheduleCls[data-v-7dfe67d4] {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px solid #eeeeee;
}
.openClassbtn[data-v-7dfe67d4] {
  font-size: 13px;
  color: #04cb94;
  padding-left: 15px;
  cursor: pointer;
}
.class-item[data-v-7dfe67d4] {
  font-size: 14px;
  margin-bottom: 4px;
}
.spin-wrap[data-v-7dfe67d4] {
  text-align: center;
}
.spin-txt[data-v-7dfe67d4] {
  margin-top: 10px;
}
.grey-txt[data-v-7dfe67d4] {
  color: #838282;
}
.text-container[data-v-7dfe67d4] {
  max-width: 300px;
  white-space: nowrap;
  /* 防止文本折行 */
  overflow: hidden;
  /* 隐藏超出容器宽度的文本 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}


.title[data-v-80c65cbc] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin: 20px 0;
}
.title[data-v-80c65cbc]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.student-item[data-v-80c65cbc] {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-80c65cbc] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-80c65cbc] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-80c65cbc] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.classAdmin .title[data-v-80c65cbc]::before {
  background-color: #43d186;
}

.reasonType[data-v-694c2c61] {
  padding: 2px 10px;
  background-color: #f7f7f7;
  border-radius: 6px;
  margin-right: 10px;
}
.cursor[data-v-694c2c61] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-694c2c61] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-694c2c61] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-694c2c61]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-694c2c61] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-694c2c61] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-694c2c61] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-694c2c61] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-694c2c61] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-694c2c61] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-694c2c61] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-694c2c61] {
  color: #ff5454;
}
.form-teacher span[data-v-694c2c61] {
  color: #333;
}
.form-teacher img[data-v-694c2c61] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-694c2c61] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-694c2c61] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-694c2c61] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-694c2c61] {
  padding: 20px 0;
}
.course-info[data-v-694c2c61] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-694c2c61] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-694c2c61]:hover {
  text-decoration: underline;
}
.course-type[data-v-694c2c61] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-694c2c61] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-694c2c61] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-694c2c61] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-694c2c61] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-694c2c61] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-694c2c61]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-694c2c61]:hover {
  opacity: 0.5;
}
.student-item[data-v-694c2c61] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-694c2c61] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-694c2c61] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-694c2c61] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-694c2c61] {
  color: #333;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
}
.form-desc1[data-v-694c2c61] {
  margin-bottom: 6px;
}
.form-desc2[data-v-694c2c61] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-694c2c61] {
  color: #ff5353;
}
.form-reason[data-v-694c2c61] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-694c2c61] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-694c2c61]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-694c2c61] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.classAdmin .title[data-v-694c2c61]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-694c2c61] {
  color: #43d186;
}
.explainTC[data-v-694c2c61] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-694c2c61] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-694c2c61] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-694c2c61] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.cursor[data-v-5f6f20d8] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-5f6f20d8] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-5f6f20d8] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-5f6f20d8]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-5f6f20d8] {
  border-bottom: 1px solid #eee;
}
.form-name span[data-v-5f6f20d8] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-5f6f20d8] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-5f6f20d8] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-5f6f20d8] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-5f6f20d8] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-5f6f20d8] {
  color: #ff5454;
}
.form-teacher span[data-v-5f6f20d8] {
  color: #333;
}
.form-teacher img[data-v-5f6f20d8] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-5f6f20d8] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-5f6f20d8] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-5f6f20d8] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-5f6f20d8] {
  padding: 20px 0;
}
.course-info[data-v-5f6f20d8] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-5f6f20d8] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-5f6f20d8]:hover {
  text-decoration: underline;
}
.course-type[data-v-5f6f20d8] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-5f6f20d8] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-5f6f20d8] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-5f6f20d8] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-5f6f20d8] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-5f6f20d8] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-5f6f20d8]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-5f6f20d8]:hover {
  opacity: 0.5;
}
.student-item[data-v-5f6f20d8] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-5f6f20d8] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-5f6f20d8] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-5f6f20d8] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-5f6f20d8] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-5f6f20d8] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-5f6f20d8] {
  margin-left: 8px;
}
.reportPhase[data-v-5f6f20d8] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-5f6f20d8] {
  color: #ff5353;
}
.form-label[data-v-5f6f20d8] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-5f6f20d8] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-5f6f20d8] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-5f6f20d8]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-5f6f20d8] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-5f6f20d8] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-5f6f20d8] {
  margin-bottom: 5px;
}
.concat-label[data-v-5f6f20d8] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-5f6f20d8]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-5f6f20d8] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-5f6f20d8] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-5f6f20d8] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-5f6f20d8] .ant-form label {
  font-size: 16px !important;
}
.study-wrap[data-v-5f6f20d8] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin: 15px 0;
  border-radius: 5px;
}
.study-txt[data-v-5f6f20d8] {
  font-size: 14px;
  margin-top: 5px;
}
.study-top[data-v-5f6f20d8] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.study-btnWrap[data-v-5f6f20d8] {
  font-size: 14px;
  color: #009cff;
}
.download-poster[data-v-5f6f20d8] {
  margin-right: 15px;
  cursor: pointer;
}
.send-group[data-v-5f6f20d8] {
  cursor: pointer;
}
.classAdmin .title[data-v-5f6f20d8]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-5f6f20d8] {
  color: #43d186;
}
.task-explainTitleTC[data-v-5f6f20d8] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-5f6f20d8] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-5f6f20d8] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-5f6f20d8] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.explainTC[data-v-5f6f20d8] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}

.md-temp[data-v-61235884] {
  width: 595px;
  height: 842px;
  position: relative;
}
.M2D[data-v-61235884],
.LM2D[data-v-61235884] {
  color: #005db3;
  background: url(../img/m2d.d3cf539e.png) no-repeat center;
  background-size: 100% 100%;
}
.M2D .name[data-v-61235884],
.LM2D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 245px;
  left: 70px;
}
.M2D .rate[data-v-61235884],
.LM2D .rate[data-v-61235884] {
  position: absolute;
  top: 305px;
  left: 270px;
  font-size: 22px;
  font-weight: bold;
}
.M2D .math-teacher[data-v-61235884],
.LM2D .math-teacher[data-v-61235884] {
  position: absolute;
  top: 607px;
  left: 150px;
  font-size: 14px;
  font-weight: bold;
}
.M2D .math-tutor[data-v-61235884],
.LM2D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 607px;
  left: 345px;
  font-size: 14px;
  font-weight: bold;
}
.M3D[data-v-61235884],
.LM3D[data-v-61235884] {
  color: #005db3;
  background: url(../img/m3d.e50e51e9.png) no-repeat center;
  background-size: 100% 100%;
}
.M3D .name[data-v-61235884],
.LM3D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 245px;
  left: 50%;
  transform: translate(-50%);
}
.M3D .rate[data-v-61235884],
.LM3D .rate[data-v-61235884] {
  position: absolute;
  top: 337px;
  left: 405px;
  font-size: 22px;
  font-weight: bold;
}
.M3D .math-teacher[data-v-61235884],
.LM3D .math-teacher[data-v-61235884] {
  position: absolute;
  top: 665px;
  left: 150px;
  font-size: 14px;
  font-weight: bold;
}
.M3D .math-tutor[data-v-61235884],
.LM3D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 665px;
  left: 378px;
  font-size: 14px;
  font-weight: bold;
}
.M4D[data-v-61235884],
.LM4D[data-v-61235884] {
  color: #005db3;
  background: url(../img/m4d.b18f787b.png) no-repeat center;
  background-size: 100% 100%;
}
.M4D .name[data-v-61235884],
.LM4D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 228px;
  left: 45px;
}
.M4D .rate[data-v-61235884],
.LM4D .rate[data-v-61235884] {
  position: absolute;
  top: 294px;
  left: 260px;
  font-size: 22px;
  font-weight: bold;
}
.M4D .math-teacher[data-v-61235884],
.LM4D .math-teacher[data-v-61235884] {
  position: absolute;
  top: 514px;
  left: 138px;
  font-size: 14px;
  font-weight: bold;
}
.M4D .math-tutor[data-v-61235884],
.LM4D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 514px;
  left: 348px;
  font-size: 14px;
  font-weight: bold;
}
.M5D[data-v-61235884],
.LM5D[data-v-61235884] {
  color: #005db3;
  background: url(../img/m5d.d1935c3f.png) no-repeat center;
  background-size: 100% 100%;
}
.M5D .name[data-v-61235884],
.LM5D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 281px;
  left: 50%;
  transform: translate(-50%);
}
.M5D .rate[data-v-61235884],
.LM5D .rate[data-v-61235884] {
  position: absolute;
  top: 356px;
  left: 405px;
  font-size: 22px;
  font-weight: bold;
}
.M5D .math-teacher[data-v-61235884],
.LM5D .math-teacher[data-v-61235884] {
  position: absolute;
  top: 602px;
  left: 128px;
  font-size: 14px;
  font-weight: bold;
}
.M5D .math-tutor[data-v-61235884],
.LM5D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 602px;
  left: 396px;
  font-size: 14px;
  font-weight: bold;
}
.M6D[data-v-61235884],
.LM6D[data-v-61235884] {
  color: #005db3;
  background: url(../img/m6d.cdcebe8a.png) no-repeat center;
  background-size: 100% 100%;
}
.M6D .name[data-v-61235884],
.LM6D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 338px;
  left: 50%;
  transform: translate(-50%);
}
.M6D .rate[data-v-61235884],
.LM6D .rate[data-v-61235884] {
  position: absolute;
  top: 409px;
  left: 402px;
  font-size: 22px;
  font-weight: bold;
}
.M6D .math-teacher[data-v-61235884],
.LM6D .math-teacher[data-v-61235884] {
  position: absolute;
  top: 614px;
  left: 130px;
  font-size: 14px;
  font-weight: bold;
}
.M6D .math-tutor[data-v-61235884],
.LM6D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 614px;
  left: 392px;
  font-size: 14px;
  font-weight: bold;
}
.M7D[data-v-61235884],
.LM7D[data-v-61235884] {
  color: #005db3;
  background: url(../img/m7d.5076b4e1.png) no-repeat center;
  background-size: 100% 100%;
}
.M7D .name[data-v-61235884],
.LM7D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 330px;
  left: 45px;
  color: #faa927;
}
.M7D .rate[data-v-61235884],
.LM7D .rate[data-v-61235884] {
  position: absolute;
  top: 398px;
  left: 240px;
  font-size: 22px;
  color: #faa927;
  font-weight: bold;
}
.M7D .math-teacher[data-v-61235884],
.LM7D .math-teacher[data-v-61235884] {
  position: absolute;
  top: 644px;
  left: 48px;
  font-size: 14px;
  font-weight: bold;
}
.M7D .math-tutor[data-v-61235884],
.LM7D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 736px;
  left: 49px;
  font-size: 14px;
  font-weight: bold;
}
.A9A[data-v-61235884] {
  color: #005db3;
  background: url(../img/a9a.7de15ba5.png) no-repeat center;
  background-size: 100% 100%;
}
.A9A .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 303px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A9A .rate[data-v-61235884] {
  position: absolute;
  top: 445px;
  left: 400px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A9A .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 628px;
  left: 90px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A9A .math-tutor[data-v-61235884] {
  position: absolute;
  top: 628px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A9B[data-v-61235884] {
  color: #005db3;
  background: url(../img/a9b.58cd4636.png) no-repeat center;
  background-size: 100% 100%;
}
.A9B .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 303px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A9B .rate[data-v-61235884] {
  position: absolute;
  top: 445px;
  left: 400px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A9B .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 606px;
  left: 90px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A9B .math-tutor[data-v-61235884] {
  position: absolute;
  top: 606px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A9C[data-v-61235884] {
  color: #005db3;
  background: url(../img/a9c.4146b1b7.png) no-repeat center;
  background-size: 100% 100%;
}
.A9C .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 273px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A9C .rate[data-v-61235884] {
  position: absolute;
  top: 414px;
  left: 400px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A9C .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 598px;
  left: 90px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A9C .math-tutor[data-v-61235884] {
  position: absolute;
  top: 598px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A9D[data-v-61235884] {
  color: #005db3;
  background: url(../img/a9d.899b55af.png) no-repeat center;
  background-size: 100% 100%;
}
.A9D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 273px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A9D .rate[data-v-61235884] {
  position: absolute;
  top: 414px;
  left: 400px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A9D .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 598px;
  left: 90px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A9D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 598px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A9E[data-v-61235884] {
  color: #005db3;
  background: url(../img/a9e.fa817ca9.png) no-repeat center;
  background-size: 100% 100%;
}
.A9E .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 269px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A9E .rate[data-v-61235884] {
  position: absolute;
  top: 410px;
  left: 400px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A9E .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 594px;
  left: 90px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A9E .math-tutor[data-v-61235884] {
  position: absolute;
  top: 594px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A1A[data-v-61235884] {
  color: #005db3;
  background: url(../img/a1a.6d59b344.png) no-repeat center;
  background-size: 100% 100%;
}
.A1A .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 287px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A1A .rate[data-v-61235884] {
  position: absolute;
  top: 430px;
  left: 400px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A1A .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 613px;
  left: 90px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A1A .math-tutor[data-v-61235884] {
  position: absolute;
  top: 613px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A1B[data-v-61235884] {
  color: #005db3;
  background: url(../img/a1b.c36f1bd3.png) no-repeat center;
  background-size: 100% 100%;
}
.A1B .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 287px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A1B .rate[data-v-61235884] {
  position: absolute;
  top: 430px;
  left: 400px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A1B .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 630px;
  left: 90px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A1B .math-tutor[data-v-61235884] {
  position: absolute;
  top: 630px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A1C[data-v-61235884] {
  color: #005db3;
  background: url(../img/a1c.e4d8dcf4.png) no-repeat center;
  background-size: 100% 100%;
}
.A1C .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 287px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A1C .rate[data-v-61235884] {
  position: absolute;
  top: 430px;
  left: 400px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A1C .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 612px;
  left: 90px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A1C .math-tutor[data-v-61235884] {
  position: absolute;
  top: 612px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A1D[data-v-61235884] {
  color: #005db3;
  background: url(../img/a1d.2e06369c.png) no-repeat center;
  background-size: 100% 100%;
}
.A1D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 287px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A1D .rate[data-v-61235884] {
  position: absolute;
  top: 430px;
  left: 400px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A1D .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 612px;
  left: 90px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A1D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 612px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A1E[data-v-61235884] {
  color: #005db3;
  background: url(../img/a1e.9ebe96e9.png) no-repeat center;
  background-size: 100% 100%;
}
.A1E .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 287px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A1E .rate[data-v-61235884] {
  position: absolute;
  top: 430px;
  left: 400px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A1E .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 612px;
  left: 90px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A1E .math-tutor[data-v-61235884] {
  position: absolute;
  top: 612px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A2A[data-v-61235884] {
  color: #005db3;
  background: url(../img/a2a.4577addc.png) no-repeat center;
  background-size: 100% 100%;
}
.A2A .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 305px;
  left: 45px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A2A .rate[data-v-61235884] {
  position: absolute;
  top: 448px;
  left: 279px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A2A .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 607px;
  left: 30px;
  font-size: 16px;
  width: 200;
  width: 210px;
}
.A2A .math-tutor[data-v-61235884] {
  position: absolute;
  top: 607px;
  right: 160px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A3A[data-v-61235884] {
  color: #005db3;
  background: url(../img/a3a.a49cdd3f.png) no-repeat center;
  background-size: 100% 100%;
}
.A3A .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 322px;
  left: 122px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A3A .rate[data-v-61235884] {
  position: absolute;
  top: 468px;
  left: 387px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A3A .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 644px;
  left: 96px;
  font-size: 16px;
  width: 210px;
}
.A3A .math-tutor[data-v-61235884] {
  position: absolute;
  top: 644px;
  right: 90px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A4A[data-v-61235884] {
  color: #005db3;
  background: url(../img/a4a.d8d3a9d6.png) no-repeat center;
  background-size: 100% 100%;
}
.A4A .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 305px;
  left: 32px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A4A .rate[data-v-61235884] {
  position: absolute;
  top: 447px;
  left: 256px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A4A .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 631px;
  left: 12px;
  font-size: 16px;
  width: 210px;
}
.A4A .math-tutor[data-v-61235884] {
  position: absolute;
  top: 631px;
  right: 183px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A5A[data-v-61235884] {
  color: #005db3;
  background: url(../img/a5a.e7e60b9e.png) no-repeat center;
  background-size: 100% 100%;
}
.A5A .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 300px;
  left: 50%;
  transform: translate(-50%);
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A5A .rate[data-v-61235884] {
  position: absolute;
  top: 444px;
  left: 392px;
  font-size: 22px;
  color: #005db3;
}
.A5A .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 642px;
  left: 102px;
  font-size: 16px;
  width: 210px;
}
.A5A .math-tutor[data-v-61235884] {
  position: absolute;
  top: 642px;
  right: 92px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A5D[data-v-61235884] {
  color: #005db3;
  background: url(../img/a5d.5f966113.png) no-repeat center;
  background-size: 100% 100%;
}
.A5D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 302px;
  left: 50%;
  transform: translate(-50%);
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A5D .rate[data-v-61235884] {
  position: absolute;
  top: 445px;
  left: 380px;
  font-size: 22px;
  color: #005db3;
}
.A5D .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 624px;
  left: 102px;
  font-size: 16px;
  width: 210px;
}
.A5D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 624px;
  right: 92px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A6A[data-v-61235884] {
  color: #005db3;
  background: url(../img/a6a.9c0ab2aa.png) no-repeat center;
  background-size: 100% 100%;
}
.A6A .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 363px;
  left: 115px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A6A .rate[data-v-61235884] {
  position: absolute;
  top: 506px;
  left: 380px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A6A .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 686px;
  left: 95px;
  font-size: 16px;
  width: 210px;
}
.A6A .math-tutor[data-v-61235884] {
  position: absolute;
  top: 686px;
  right: 100px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A7A[data-v-61235884] {
  color: #005db3;
  background: url(../img/a7a.305c8ce5.png) no-repeat center;
  background-size: 100% 100%;
}
.A7A .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 293px;
  left: 20px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A7A .rate[data-v-61235884] {
  position: absolute;
  top: 471px;
  left: 238px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A7A .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 710px;
  left: 0px;
  font-size: 16px;
  width: 210px;
}
.A7A .math-tutor[data-v-61235884] {
  position: absolute;
  top: 710px;
  right: 227px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A7E[data-v-61235884] {
  color: #005db3;
  background: url(../img/a7e.3a1ff3ae.png) no-repeat center;
  background-size: 100% 100%;
}
.A7E .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 291px;
  left: 20px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A7E .rate[data-v-61235884] {
  position: absolute;
  top: 470px;
  left: 251px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A7E .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 677px;
  left: 11px;
  font-size: 16px;
  width: 210px;
}
.A7E .math-tutor[data-v-61235884] {
  position: absolute;
  top: 677px;
  right: 212px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A7C[data-v-61235884] {
  color: #005db3;
  background: url(../img/a7c.30911fd8.png) no-repeat center;
  background-size: 100% 100%;
}
.A7C .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 291px;
  left: 32px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A7C .rate[data-v-61235884] {
  position: absolute;
  top: 470px;
  left: 251px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A7C .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 698px;
  left: 10px;
  font-size: 16px;
  width: 210px;
}
.A7C .math-tutor[data-v-61235884] {
  position: absolute;
  top: 698px;
  right: 218px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A7D[data-v-61235884] {
  color: #005db3;
  background: url(../img/a7d.8614c846.png) no-repeat center;
  background-size: 100% 100%;
}
.A7D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 291px;
  left: 20px;
  color: #005db3;
  text-align: center;
  width: 350px;
}
.A7D .rate[data-v-61235884] {
  position: absolute;
  top: 469px;
  left: 251px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A7D .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 678px;
  left: 12px;
  font-size: 16px;
  width: 210px;
}
.A7D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 678px;
  right: 211px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A2B[data-v-61235884] {
  color: #005db3;
  background: url(../img/a2b.cf8a5314.png) no-repeat center;
  background-size: 100% 100%;
}
.A2B .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 300px;
  left: 60px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A2B .rate[data-v-61235884] {
  position: absolute;
  top: 447px;
  left: 278px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A2B .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 633px;
  left: 33px;
  font-size: 16px;
  width: 210px;
}
.A2B .math-tutor[data-v-61235884] {
  position: absolute;
  top: 633px;
  right: 160px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A2E[data-v-61235884] {
  color: #005db3;
  background: url(../img/a2e.54bfc9ba.png) no-repeat center;
  background-size: 100% 100%;
}
.A2E .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 300px;
  left: 60px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A2E .rate[data-v-61235884] {
  position: absolute;
  top: 447px;
  left: 278px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A2E .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 633px;
  left: 33px;
  font-size: 16px;
  width: 210px;
}
.A2E .math-tutor[data-v-61235884] {
  position: absolute;
  top: 633px;
  right: 160px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A2D[data-v-61235884] {
  color: #005db3;
  background: url(../img/a2d.f997eafc.png) no-repeat center;
  background-size: 100% 100%;
}
.A2D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 300px;
  left: 60px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A2D .rate[data-v-61235884] {
  position: absolute;
  top: 447px;
  left: 278px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A2D .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 633px;
  left: 33px;
  font-size: 16px;
  width: 210px;
}
.A2D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 633px;
  right: 160px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A3B[data-v-61235884] {
  color: #005db3;
  background: url(../img/a3b.c740832d.png) no-repeat center;
  background-size: 100% 100%;
}
.A3B .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 325px;
  left: 125px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A3B .rate[data-v-61235884] {
  position: absolute;
  top: 467px;
  left: 294px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A3B .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 648px;
  left: 102px;
  font-size: 16px;
  width: 210px;
}
.A3B .math-tutor[data-v-61235884] {
  position: absolute;
  top: 648px;
  right: 95px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A4B[data-v-61235884] {
  color: #005db3;
  background: url(../img/a4b.61c1f9f9.png) no-repeat center;
  background-size: 100% 100%;
}
.A4B .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 292px;
  left: 49px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A4B .rate[data-v-61235884] {
  position: absolute;
  top: 434px;
  left: 258px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A4B .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 615px;
  left: 12px;
  font-size: 16px;
  width: 210px;
}
.A4B .math-tutor[data-v-61235884] {
  position: absolute;
  top: 615px;
  right: 180px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A4E[data-v-61235884] {
  color: #005db3;
  background: url(../img/a4e.8b6f6f7c.png) no-repeat center;
  background-size: 100% 100%;
}
.A4E .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 292px;
  left: 49px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A4E .rate[data-v-61235884] {
  position: absolute;
  top: 434px;
  left: 258px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A4E .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 607px;
  left: 12px;
  font-size: 16px;
  width: 210px;
}
.A4E .math-tutor[data-v-61235884] {
  position: absolute;
  top: 607px;
  right: 180px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A5B[data-v-61235884] {
  color: #005db3;
  background: url(../img/a5b.b531451e.png) no-repeat center;
  background-size: 100% 100%;
}
.A5B .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 301px;
  left: 135px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A5B .rate[data-v-61235884] {
  position: absolute;
  top: 443px;
  left: 380px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A5B .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 619px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A5B .math-tutor[data-v-61235884] {
  position: absolute;
  top: 619px;
  right: 88px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A5E[data-v-61235884] {
  color: #005db3;
  background: url(../img/a5e.4516cfdf.png) no-repeat center;
  background-size: 100% 100%;
}
.A5E .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 300px;
  left: 135px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A5E .rate[data-v-61235884] {
  position: absolute;
  top: 443px;
  left: 380px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A5E .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 634px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A5E .math-tutor[data-v-61235884] {
  position: absolute;
  top: 634px;
  right: 87px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A6B[data-v-61235884] {
  color: #005db3;
  background: url(../img/a6b.194ec3ef.png) no-repeat center;
  background-size: 100% 100%;
}
.A6B .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 339px;
  left: 135px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A6B .rate[data-v-61235884] {
  position: absolute;
  top: 479px;
  left: 374px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A6B .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 664px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A6B .math-tutor[data-v-61235884] {
  position: absolute;
  top: 664px;
  right: 98px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A6E[data-v-61235884] {
  color: #005db3;
  background: url(../img/a6e.b003e0a0.png) no-repeat center;
  background-size: 100% 100%;
}
.A6E .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 339px;
  left: 133px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A6E .rate[data-v-61235884] {
  position: absolute;
  top: 479px;
  left: 374px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A6E .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 664px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A6E .math-tutor[data-v-61235884] {
  position: absolute;
  top: 664px;
  right: 94px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A6D[data-v-61235884] {
  color: #005db3;
  background: url(../img/a6d.6434ee52.png) no-repeat center;
  background-size: 100% 100%;
}
.A6D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 339px;
  left: 135px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A6D .rate[data-v-61235884] {
  position: absolute;
  top: 481px;
  left: 374px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A6D .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 664px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A6D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 664px;
  right: 97px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A7B[data-v-61235884] {
  color: #005db3;
  background: url(../img/a7b.06dd2156.png) no-repeat center;
  background-size: 100% 100%;
}
.A7B .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 292px;
  left: 35px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A7B .rate[data-v-61235884] {
  position: absolute;
  top: 470px;
  left: 256px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A7B .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 675px;
  left: 10px;
  font-size: 16px;
  width: 210px;
}
.A7B .math-tutor[data-v-61235884] {
  position: absolute;
  top: 675px;
  right: 228px;
  width: 180px;
  font-size: 16px;
  text-align: center;
}
.A8A[data-v-61235884] {
  color: #005db3;
  background: url(../img/a8a.f22ba7a9.png) no-repeat center;
  background-size: 100% 100%;
}
.A8A .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 330px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A8A .rate[data-v-61235884] {
  position: absolute;
  top: 474px;
  left: 373px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A8A .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 658px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A8A .math-tutor[data-v-61235884] {
  position: absolute;
  top: 658px;
  right: 100px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A8B[data-v-61235884] {
  color: #005db3;
  background: url(../img/a8b.505f7578.png) no-repeat center;
  background-size: 100% 100%;
}
.A8B .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 330px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A8B .rate[data-v-61235884] {
  position: absolute;
  top: 474px;
  left: 373px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A8B .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 658px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A8B .math-tutor[data-v-61235884] {
  position: absolute;
  top: 658px;
  right: 100px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A8C[data-v-61235884] {
  color: #005db3;
  background: url(../img/a8c.593f39bd.png) no-repeat center;
  background-size: 100% 100%;
}
.A8C .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 284px;
  left: 30px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A8C .rate[data-v-61235884] {
  position: absolute;
  top: 430px;
  left: 243px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A8C .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 620px;
  left: 14px;
  font-size: 16px;
  width: 210px;
}
.A8C .math-tutor[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 620px;
  right: 172px;
  font-size: 16px;
  width: 210px;
}
.A8D[data-v-61235884] {
  color: #005db3;
  background: url(../img/a8d.2d4e2421.png) no-repeat center;
  background-size: 100% 100%;
}
.A8D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 330px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A8D .rate[data-v-61235884] {
  position: absolute;
  top: 475px;
  left: 373px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A8D .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 658px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A8D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 658px;
  right: 100px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A8E[data-v-61235884] {
  color: #005db3;
  background: url(../img/a8e.61327960.png) no-repeat center;
  background-size: 100% 100%;
}
.A8E .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 330px;
  left: 120px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A8E .rate[data-v-61235884] {
  position: absolute;
  top: 475px;
  left: 373px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A8E .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 673px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A8E .math-tutor[data-v-61235884] {
  position: absolute;
  top: 673px;
  right: 100px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A2C[data-v-61235884] {
  color: #005db3;
  background: url(../img/a2c.b6b01ace.png) no-repeat center;
  background-size: 100% 100%;
}
.A2C .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 302px;
  left: 60px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A2C .rate[data-v-61235884] {
  position: absolute;
  top: 446px;
  left: 280px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A2C .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 631px;
  left: 30px;
  font-size: 16px;
  width: 210px;
}
.A2C .math-tutor[data-v-61235884] {
  position: absolute;
  top: 631px;
  right: 159px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A3C[data-v-61235884] {
  color: #005db3;
  background: url(../img/a3c.5f1ce030.png) no-repeat center;
  background-size: 100% 100%;
}
.A3C .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 322px;
  left: 130px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A3C .rate[data-v-61235884] {
  position: absolute;
  top: 466px;
  left: 293px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A3C .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 631px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A3C .math-tutor[data-v-61235884] {
  position: absolute;
  top: 631px;
  right: 99px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A3D[data-v-61235884] {
  color: #005db3;
  background: url(../img/a3d.98736046.png) no-repeat center;
  background-size: 100% 100%;
}
.A3D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 322px;
  left: 130px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A3D .rate[data-v-61235884] {
  position: absolute;
  top: 466px;
  left: 293px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A3D .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 660px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A3D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 660px;
  right: 99px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A3E[data-v-61235884] {
  color: #005db3;
  background: url(../img/a3e.71d40f70.png) no-repeat center;
  background-size: 100% 100%;
}
.A3E .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 322px;
  left: 130px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A3E .rate[data-v-61235884] {
  position: absolute;
  top: 466px;
  left: 293px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A3E .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 631px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A3E .math-tutor[data-v-61235884] {
  position: absolute;
  top: 631px;
  right: 99px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A4C[data-v-61235884] {
  color: #005db3;
  background: url(../img/a4c.575d7463.png) no-repeat center;
  background-size: 100% 100%;
}
.A4C .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 293px;
  left: 40px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A4C .rate[data-v-61235884] {
  position: absolute;
  top: 434px;
  left: 261px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A4C .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 606px;
  left: 13px;
  font-size: 16px;
  width: 210px;
}
.A4C .math-tutor[data-v-61235884] {
  position: absolute;
  top: 606px;
  right: 185px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A4D[data-v-61235884] {
  color: #005db3;
  background: url(../img/a4d.0ed4019e.png) no-repeat center;
  background-size: 100% 100%;
}
.A4D .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 273px;
  left: 40px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A4D .rate[data-v-61235884] {
  position: absolute;
  top: 415px;
  left: 257px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A4D .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 614px;
  left: 12px;
  font-size: 16px;
  width: 210px;
}
.A4D .math-tutor[data-v-61235884] {
  position: absolute;
  top: 614px;
  right: 181px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A5C[data-v-61235884] {
  color: #005db3;
  background: url(../img/a5c.5c5a27fe.png) no-repeat center;
  background-size: 100% 100%;
}
.A5C .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 300px;
  left: 127px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A5C .rate[data-v-61235884] {
  position: absolute;
  top: 442px;
  left: 380px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A5C .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 604px;
  left: 100px;
  font-size: 16px;
  width: 210px;
}
.A5C .math-tutor[data-v-61235884] {
  position: absolute;
  top: 604px;
  right: 89px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.A6C[data-v-61235884] {
  color: #005db3;
  background: url(../img/a6c.5168e18d.png) no-repeat center;
  background-size: 100% 100%;
}
.A6C .name[data-v-61235884] {
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 340px;
  left: 127px;
  color: #005db3;
  text-align: center;
  width: 330px;
}
.A6C .rate[data-v-61235884] {
  position: absolute;
  top: 480px;
  left: 372px;
  font-size: 22px;
  color: #005db3;
  font-weight: bold;
}
.A6C .math-teacher[data-v-61235884] {
  text-align: center;
  position: absolute;
  top: 664px;
  left: 92px;
  font-size: 16px;
  width: 210px;
}
.A6C .math-tutor[data-v-61235884] {
  position: absolute;
  top: 664px;
  right: 89px;
  width: 210px;
  font-size: 16px;
  text-align: center;
}
.ma-temp[data-v-61235884] {
  width: 842px;
  height: 595px;
  position: relative;
}
.major[data-v-61235884] {
  background: url(../img/major.db483d60.png) no-repeat center;
  background-size: 100% 100%;
}
.special[data-v-61235884] {
  background: url(../img/special.51967b5c.png) no-repeat center;
  background-size: 100% 100%;
}
.chinese-name[data-v-61235884] {
  position: absolute;
  top: 175px;
  left: 50%;
  transform: translate(-50%);
  font-size: 26px;
  font-weight: bold;
  color: #faa927;
}
.chinese-teacher[data-v-61235884] {
  position: absolute;
  left: 35px;
  width: 324px;
  text-align: center;
  font-size: 20px;
  top: 407px;
  color: #523f22;
}
.chinese-tutor[data-v-61235884] {
  position: absolute;
  width: 324px;
  top: 407px;
  right: 30px;
  text-align: center;
  font-size: 20px;
  color: #523f22;
}
.chinese-level[data-v-61235884] {
  position: absolute;
  width: 220px;
  top: 287px;
  left: 223px;
  text-align: center;
  font-size: 23px;
  color: #faa927;
}

.cursor[data-v-6a0786af] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-6a0786af] {
  cursor: pointer;
  color: #43d186 !important;
}
.classAdmin .title[data-v-6a0786af]::before {
  background-color: #43d186;
}
.title[data-v-6a0786af] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-6a0786af]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-6a0786af] {
  border-bottom: 1px solid #eee;
}
.form-name span[data-v-6a0786af] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-6a0786af] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-6a0786af] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-6a0786af] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-6a0786af] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-6a0786af] {
  color: #ff5454;
}
.form-teacher span[data-v-6a0786af] {
  color: #333;
}
.form-teacher img[data-v-6a0786af] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-6a0786af] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-6a0786af] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-6a0786af] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-6a0786af] {
  padding: 20px 0;
}
.course-info[data-v-6a0786af] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  position: relative;
}
.course-name[data-v-6a0786af] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-6a0786af]:hover {
  text-decoration: underline;
}
.course-type[data-v-6a0786af] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-6a0786af] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.student-item p[data-v-6a0786af] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-6a0786af] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-6a0786af] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-6a0786af] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.playCourse[data-v-6a0786af] {
  background-color: #fff;
  color: #009cff;
  padding: 4px 8px;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 10px;
}
.explainTC[data-v-6a0786af] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-6a0786af] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-6a0786af] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-6a0786af] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-6a0786af] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.clue-txt[data-v-7a2b96a7] {
  font-size: 16px;
  padding-left: 19px;
  cursor: pointer;
  color: #3372fe;
  margin-bottom: 15px;
}
.cursor[data-v-7a2b96a7] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-7a2b96a7] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-7a2b96a7] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-7a2b96a7]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-7a2b96a7] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-7a2b96a7] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-7a2b96a7] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.pending-status[data-v-7a2b96a7] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-7a2b96a7] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-7a2b96a7] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-7a2b96a7] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-7a2b96a7] {
  color: #ff5454;
}
.form-teacher span[data-v-7a2b96a7] {
  color: #333;
}
.form-teacher img[data-v-7a2b96a7] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-desc[data-v-7a2b96a7] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
  padding-left: 28px;
}
.form-imgs[data-v-7a2b96a7] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-7a2b96a7] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-7a2b96a7] {
  padding: 20px 0;
}
.course-info[data-v-7a2b96a7] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-7a2b96a7] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-7a2b96a7]:hover {
  text-decoration: underline;
}
.course-type[data-v-7a2b96a7] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-7a2b96a7] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-7a2b96a7] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-7a2b96a7] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-7a2b96a7] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-7a2b96a7] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-7a2b96a7]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-7a2b96a7]:hover {
  opacity: 0.5;
}
.student-item[data-v-7a2b96a7] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.student-info[data-v-7a2b96a7] {
  display: -ms-flexbox;
  display: flex;
}
.student-item p[data-v-7a2b96a7] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-7a2b96a7] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-7a2b96a7] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-7a2b96a7] {
  margin-bottom: 22px;
}
.form-desc1[data-v-7a2b96a7] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-7a2b96a7] {
  margin-left: 8px;
}
.reportPhase[data-v-7a2b96a7] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-7a2b96a7] {
  color: #ff5353;
}
.form-label[data-v-7a2b96a7] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-7a2b96a7] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-7a2b96a7] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-7a2b96a7]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-7a2b96a7] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-7a2b96a7] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-7a2b96a7] {
  margin-bottom: 5px;
}
.concat-label[data-v-7a2b96a7] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-7a2b96a7]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-7a2b96a7] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-7a2b96a7] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-7a2b96a7] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-7a2b96a7] .ant-form label {
  font-size: 16px !important;
}
.study-wrap[data-v-7a2b96a7] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 14px;
  color: #333;
  margin: 15px 0;
  border-radius: 5px;
  background-color: #fafafa;
  cursor: pointer;
}
.study-txt[data-v-7a2b96a7] {
  font-size: 14px;
  margin-top: 5px;
}
.study-top[data-v-7a2b96a7] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.study-btnWrap[data-v-7a2b96a7] {
  font-size: 14px;
  color: #009cff;
}
.download-poster[data-v-7a2b96a7] {
  margin-right: 15px;
  cursor: pointer;
}
.send-group[data-v-7a2b96a7] {
  cursor: pointer;
}
.consult-img[data-v-7a2b96a7] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.classAdmin .title[data-v-7a2b96a7]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-7a2b96a7] {
  color: #43d186;
}
.explainTC[data-v-7a2b96a7] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-ulWrapTC[data-v-7a2b96a7] {
  max-width: 600px;
  list-style: disc;
  padding-left: 20px;
  color: #009cff;
}
.task-ulWrapTC span[data-v-7a2b96a7] {
  color: #333;
  font-size: 16px;
}
.task-explainTitleTC[data-v-7a2b96a7] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-7a2b96a7] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-7a2b96a7] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.form-wrap[data-v-2c1a99f5] {
  margin-bottom: 10px;
}
.form-txt[data-v-2c1a99f5] {
  color: #333;
  font-weight: 600;
}
.form-label[data-v-2c1a99f5] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.explainTC[data-v-2c1a99f5] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.task-explainTitleTC[data-v-2c1a99f5] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-2c1a99f5] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-2c1a99f5] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-2c1a99f5] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.cursor[data-v-2c1a99f5] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-2c1a99f5] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-2c1a99f5] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-2c1a99f5]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-2c1a99f5] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-2c1a99f5] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-2c1a99f5] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-2c1a99f5] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-2c1a99f5] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-2c1a99f5] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-2c1a99f5] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-2c1a99f5] {
  color: #ff5454;
}
.form-teacher span[data-v-2c1a99f5] {
  color: #333;
}
.form-teacher img[data-v-2c1a99f5] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-desc[data-v-2c1a99f5] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
  padding-left: 28px;
}
.form-des[data-v-2c1a99f5] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-2c1a99f5] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-2c1a99f5] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-2c1a99f5] {
  padding: 20px 0;
}
.course-info[data-v-2c1a99f5] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
  position: relative;
}
.course-name[data-v-2c1a99f5] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-2c1a99f5]:hover {
  text-decoration: underline;
}
.course-type[data-v-2c1a99f5] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-2c1a99f5] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-2c1a99f5] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-2c1a99f5] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-2c1a99f5] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-2c1a99f5] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-2c1a99f5]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-2c1a99f5]:hover {
  opacity: 0.5;
}
.student-item[data-v-2c1a99f5] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-2c1a99f5] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-2c1a99f5] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-2c1a99f5] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-2c1a99f5] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 22px;
}
.form-desc1[data-v-2c1a99f5] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.reportPhase[data-v-2c1a99f5] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-2c1a99f5] {
  color: #ff5353;
}
.form-label[data-v-2c1a99f5] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-2c1a99f5] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-2c1a99f5] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-2c1a99f5]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-2c1a99f5] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-2c1a99f5] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  cursor: pointer;
}
.concat-item[data-v-2c1a99f5] {
  margin-bottom: 5px;
}
.concat-label[data-v-2c1a99f5] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-2c1a99f5]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-2c1a99f5] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.takeoverTitle[data-v-2c1a99f5] {
  font-size: 16px;
  margin-bottom: 10px;
}
.classAdmin .title[data-v-2c1a99f5]::before {
  background-color: #43d186;
}
.classAdmin .student-name[data-v-2c1a99f5] {
  color: #43d186;
}
.classAdmin .course-name[data-v-2c1a99f5] {
  color: #43d186;
}


[data-v-4a991dd0] .el-input__inner {
  border: none !important;
  height: 20px;
}
[data-v-4a991dd0] .el-input__suffix {
  top: -7px;
}
.email-item[data-v-4a991dd0] {
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.no-border[data-v-4a991dd0] {
  border: none;
}
.name-label[data-v-4a991dd0] {
  padding: 2px 10px;
  background-color: #f0f0f0;
  border-radius: 10px;
}
.email-label[data-v-4a991dd0] {
  width: 80px;
}
.email-content[data-v-4a991dd0] {
  -ms-flex: 1;
      flex: 1;
  max-height: 500px;
  overflow-y: auto;
}
.footer-email[data-v-4a991dd0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.send-emailName[data-v-4a991dd0] {
  text-align: left;
  -ms-flex: 1;
      flex: 1;
}
.footer-emailBtn[data-v-4a991dd0] {
  width: 340px;
}
.insertTemp[data-v-4a991dd0] {
  padding: 5px 10px;
  border: 1px solid #eee;
  border-radius: 10px;
  color: #43d186;
  font-size: 13px;
  cursor: pointer;
}
.insert-btn[data-v-4a991dd0] {
  position: absolute;
  right: 45px;
  top: 171px;
  z-index: 100;
}

.class-name[data-v-7abbae1b] {
  color: #43d186;
  cursor: pointer;
}
.cursor[data-v-7abbae1b] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-7abbae1b] {
  cursor: pointer;
  color: #43d186 !important;
}
.classAdmin .title[data-v-7abbae1b]::before {
  background-color: #43d186;
}
.title[data-v-7abbae1b] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-7abbae1b]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-7abbae1b] {
  border-bottom: 1px solid #eee;
}
.form-name span[data-v-7abbae1b] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-7abbae1b] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-7abbae1b] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-7abbae1b] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-7abbae1b] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-7abbae1b] {
  color: #ff5454;
}
.form-teacher span[data-v-7abbae1b] {
  color: #333;
}
.form-teacher img[data-v-7abbae1b] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-7abbae1b] {
  font-size: 15px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-7abbae1b] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-7abbae1b] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-7abbae1b] {
  padding: 20px 0;
}
.experienceClass[data-v-7abbae1b] {
  padding: 20px 16px;
  background: #43d18614;
  border-radius: 20px;
  position: relative;
  margin-bottom: 15px;
}
.course-info[data-v-7abbae1b] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  position: relative;
}
.course-name[data-v-7abbae1b] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.experience-name[data-v-7abbae1b] {
  font-size: 16px;
  font-weight: 600;
  color: #43d186;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-7abbae1b]:hover {
  text-decoration: underline;
}
.course-type[data-v-7abbae1b] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-7abbae1b] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-7abbae1b] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-7abbae1b] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-7abbae1b] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-7abbae1b] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.playCourse[data-v-7abbae1b] {
  background-color: #fff;
  color: #43d186;
  padding: 4px 8px;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 10px;
}
.explainTC[data-v-7abbae1b] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-7abbae1b] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-7abbae1b] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-7abbae1b] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-7abbae1b] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.cursor[data-v-faabc5bc] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-faabc5bc] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-faabc5bc] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-faabc5bc]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-faabc5bc] {
  border-bottom: 1px solid #eee;
}
.form-name span[data-v-faabc5bc] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-faabc5bc] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-faabc5bc] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-faabc5bc] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-faabc5bc] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-faabc5bc] {
  color: #ff5454;
}
.form-teacher span[data-v-faabc5bc] {
  color: #333;
}
.form-teacher img[data-v-faabc5bc] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-faabc5bc] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-faabc5bc] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-faabc5bc] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-faabc5bc] {
  padding: 20px 0;
}
.course-info[data-v-faabc5bc] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
  position: relative;
}
.course-name[data-v-faabc5bc] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-faabc5bc]:hover {
  text-decoration: underline;
}
.course-type[data-v-faabc5bc] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-faabc5bc] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-faabc5bc] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-faabc5bc] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-faabc5bc] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-faabc5bc] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-faabc5bc]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-faabc5bc]:hover {
  opacity: 0.5;
}
.student-item[data-v-faabc5bc] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-faabc5bc] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-faabc5bc] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-faabc5bc] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-faabc5bc] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-faabc5bc] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-faabc5bc] {
  margin-left: 8px;
}
.reportPhase[data-v-faabc5bc] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-faabc5bc] {
  color: #ff5353;
}
.form-label[data-v-faabc5bc] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-faabc5bc] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-faabc5bc] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-faabc5bc]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-faabc5bc] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-faabc5bc] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  cursor: pointer;
}
.concat-item[data-v-faabc5bc] {
  margin-bottom: 5px;
}
.concat-label[data-v-faabc5bc] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-faabc5bc]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-faabc5bc] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-faabc5bc] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-faabc5bc] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-faabc5bc] .ant-form label {
  font-size: 16px !important;
}
.study-wrap[data-v-faabc5bc] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin: 15px 0;
  border-radius: 5px;
}
.study-txt[data-v-faabc5bc] {
  font-size: 14px;
  margin-top: 10px;
}
.study-top[data-v-faabc5bc] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.study-btnWrap[data-v-faabc5bc] {
  font-size: 14px;
  color: #009cff;
}
.download-poster[data-v-faabc5bc] {
  margin-right: 15px;
  cursor: pointer;
}
.send-group[data-v-faabc5bc] {
  cursor: pointer;
}
.class-name[data-v-faabc5bc] {
  color: #333;
  font-size: 16px;
}
.task-txt[data-v-faabc5bc] {
  font-size: 14px;
}
.playCourse[data-v-faabc5bc] {
  background-color: #fff;
  color: #009cff;
  padding: 4px 8px;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 10px;
}
.classAdmin .title[data-v-faabc5bc]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-faabc5bc] {
  color: #43d186;
}
.explainTC[data-v-faabc5bc] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-faabc5bc] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-faabc5bc] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-faabc5bc] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-faabc5bc] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.cursor[data-v-cc4f8cb0] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-cc4f8cb0] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-cc4f8cb0] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-cc4f8cb0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-cc4f8cb0] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-cc4f8cb0] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-cc4f8cb0] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-cc4f8cb0] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-cc4f8cb0] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-cc4f8cb0] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-cc4f8cb0] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-cc4f8cb0] {
  color: #ff5454;
}
.form-teacher span[data-v-cc4f8cb0] {
  color: #333;
}
.form-teacher img[data-v-cc4f8cb0] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-cc4f8cb0] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-cc4f8cb0] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-cc4f8cb0] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-cc4f8cb0] {
  padding: 20px 0;
}
.course-info[data-v-cc4f8cb0] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-cc4f8cb0] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-cc4f8cb0]:hover {
  text-decoration: underline;
}
.course-type[data-v-cc4f8cb0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-cc4f8cb0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-cc4f8cb0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-cc4f8cb0] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-cc4f8cb0] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-desc[data-v-cc4f8cb0] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-cc4f8cb0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 6px;
}
.form-desc1 p[data-v-cc4f8cb0] {
  max-width: 80%;
}
.form-desc2[data-v-cc4f8cb0] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-cc4f8cb0] {
  color: #ff5353;
}
.form-label[data-v-cc4f8cb0] {
  width: 85px;
}
.form-reason[data-v-cc4f8cb0] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-cc4f8cb0] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-cc4f8cb0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-cc4f8cb0] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-cc4f8cb0] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-cc4f8cb0] {
  margin-bottom: 5px;
}
.concat-label[data-v-cc4f8cb0] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-cc4f8cb0]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-cc4f8cb0] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-cc4f8cb0] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-cc4f8cb0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-cc4f8cb0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-cc4f8cb0] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-cc4f8cb0] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-cc4f8cb0] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-cc4f8cb0]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-cc4f8cb0] {
  color: #43d186;
}
.explainTC[data-v-cc4f8cb0] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-cc4f8cb0] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-cc4f8cb0] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-cc4f8cb0] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-cc4f8cb0] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.scheduleMain {
  width: 600px;
}
.scheduleTitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border-bottom: 1px solid #e8e8e8;
}
.scheduleTitle > div {
  width: 33.33%;
  padding: 10px;
}
.scheduleData {
  max-height: 450px;
  overflow-y: auto;
}
.scheduleDataNo {
  min-height: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.scheduleHeader {
  background-color: #fafafa;
}
.scheduleIcon {
  cursor: pointer;
  color: #009cff;
}
.remarkBox img {
  max-width: 500px;
}

.cursor[data-v-8feb9840] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-8feb9840] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-8feb9840] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-8feb9840]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-8feb9840] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-8feb9840] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-8feb9840] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-8feb9840] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-8feb9840] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-8feb9840] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-8feb9840] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-8feb9840] {
  color: #ff5454;
}
.form-teacher span[data-v-8feb9840] {
  color: #333;
}
.form-teacher img[data-v-8feb9840] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-8feb9840] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-8feb9840] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-8feb9840] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-8feb9840] {
  padding: 20px 0;
}
.course-info[data-v-8feb9840] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-8feb9840] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-8feb9840]:hover {
  text-decoration: underline;
}
.course-type[data-v-8feb9840] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-8feb9840] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-8feb9840] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-8feb9840] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-8feb9840] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-8feb9840] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-8feb9840] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 6px;
}
.form-desc1 p[data-v-8feb9840] {
  max-width: 80%;
}
.form-desc2[data-v-8feb9840] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-8feb9840] {
  color: #ff5353;
}
.form-label[data-v-8feb9840] {
  width: 85px;
}
.form-reason[data-v-8feb9840] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-8feb9840] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-8feb9840]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-8feb9840] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-8feb9840] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-8feb9840] {
  margin-bottom: 5px;
}
.concat-label[data-v-8feb9840] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-8feb9840]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-8feb9840] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-8feb9840] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-8feb9840] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-8feb9840] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-8feb9840] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-8feb9840] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-8feb9840] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-8feb9840]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-8feb9840] {
  color: #43d186;
}
.explainTC[data-v-8feb9840] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-8feb9840] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-8feb9840] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-8feb9840] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.cursor[data-v-3d3d3152] {
  cursor: pointer;
  color: #009cff !important;
}
.concat-wrap[data-v-3d3d3152] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-3d3d3152] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  cursor: pointer;
}
.concat-con span[data-v-3d3d3152] {
  color: #009cff;
}
.title[data-v-3d3d3152] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-3d3d3152]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-3d3d3152] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-3d3d3152] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-3d3d3152] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-3d3d3152] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-3d3d3152] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-3d3d3152] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-3d3d3152] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-3d3d3152] {
  color: #ff5454;
}
.form-teacher span[data-v-3d3d3152] {
  color: #333;
}
.form-teacher img[data-v-3d3d3152] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-3d3d3152] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-3d3d3152] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-3d3d3152] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-3d3d3152] {
  padding: 20px 0;
}
.course-info[data-v-3d3d3152] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-3d3d3152] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-3d3d3152]:hover {
  text-decoration: underline;
}
.course-type[data-v-3d3d3152] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-3d3d3152] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-3d3d3152] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-3d3d3152] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-3d3d3152] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-3d3d3152] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-3d3d3152]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-3d3d3152]:hover {
  opacity: 0.5;
}
.student-item[data-v-3d3d3152] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-3d3d3152] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-3d3d3152] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-3d3d3152] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-3d3d3152] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-3d3d3152] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-3d3d3152] {
  margin-left: 8px;
}
.reportPhase[data-v-3d3d3152] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-3d3d3152] {
  color: #ff5353;
}
.form-label[data-v-3d3d3152] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-3d3d3152] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-3d3d3152] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-3d3d3152]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-item[data-v-3d3d3152] {
  margin-bottom: 5px;
}
.concat-label[data-v-3d3d3152] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-3d3d3152]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-3d3d3152] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-3d3d3152] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-3d3d3152] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-3d3d3152] .ant-form label {
  font-size: 16px !important;
}
.classAdmin .title[data-v-3d3d3152]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-3d3d3152] {
  color: #43d186;
}
.classAdmin .cursor[data-v-3d3d3152] {
  cursor: pointer;
  color: #43d186 !important;
}

.clue-txt[data-v-66d53e31] {
  font-size: 16px;
  padding-left: 19px;
  cursor: pointer;
  color: #3372fe;
  margin-bottom: 15px;
}
.cursor[data-v-66d53e31] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-66d53e31] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-66d53e31] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-66d53e31]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-66d53e31] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-66d53e31] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-66d53e31] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.pending-status[data-v-66d53e31] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-66d53e31] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-66d53e31] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-66d53e31] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-66d53e31] {
  color: #ff5454;
}
.form-teacher span[data-v-66d53e31] {
  color: #333;
}
.form-teacher img[data-v-66d53e31] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-desc[data-v-66d53e31] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
  padding-left: 28px;
}
.form-imgs[data-v-66d53e31] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-66d53e31] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-66d53e31] {
  padding: 20px 0;
}
.course-info[data-v-66d53e31] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-66d53e31] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-66d53e31]:hover {
  text-decoration: underline;
}
.course-type[data-v-66d53e31] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-66d53e31] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-66d53e31] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-66d53e31] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-66d53e31] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-66d53e31] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-66d53e31]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-66d53e31]:hover {
  opacity: 0.5;
}
.student-item[data-v-66d53e31] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-66d53e31] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-66d53e31] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-66d53e31] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-66d53e31] {
  margin-bottom: 22px;
}
.form-desc1[data-v-66d53e31] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-66d53e31] {
  margin-left: 8px;
}
.reportPhase[data-v-66d53e31] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-66d53e31] {
  color: #ff5353;
}
.form-label[data-v-66d53e31] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-66d53e31] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-66d53e31] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-66d53e31]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-66d53e31] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-66d53e31] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-66d53e31] {
  margin-bottom: 5px;
}
.concat-label[data-v-66d53e31] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-66d53e31]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-66d53e31] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-66d53e31] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-66d53e31] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-66d53e31] .ant-form label {
  font-size: 16px !important;
}
.study-wrap[data-v-66d53e31] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 14px;
  color: #333;
  margin: 15px 0;
  border-radius: 5px;
  background-color: #fafafa;
  cursor: pointer;
}
.study-txt[data-v-66d53e31] {
  font-size: 14px;
  margin-top: 5px;
}
.study-top[data-v-66d53e31] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.study-btnWrap[data-v-66d53e31] {
  font-size: 14px;
  color: #009cff;
}
.download-poster[data-v-66d53e31] {
  margin-right: 15px;
  cursor: pointer;
}
.send-group[data-v-66d53e31] {
  cursor: pointer;
}
.consult-img[data-v-66d53e31] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.classAdmin .title[data-v-66d53e31]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-66d53e31] {
  color: #43d186;
}
.explainTC[data-v-66d53e31] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-ulWrapTC[data-v-66d53e31] {
  max-width: 600px;
  list-style: disc;
  padding-left: 20px;
  color: #009cff;
}
.task-ulWrapTC span[data-v-66d53e31] {
  color: #333;
  font-size: 16px;
}
.task-explainTitleTC[data-v-66d53e31] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-66d53e31] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-66d53e31] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.cursor[data-v-21a487fa] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-21a487fa] {
  cursor: pointer;
  color: #43d186 !important;
}
.concat-wrap[data-v-21a487fa] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-21a487fa] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  cursor: pointer;
}
.title[data-v-21a487fa] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-21a487fa]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-21a487fa] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-21a487fa] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-21a487fa] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-21a487fa] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-21a487fa] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-21a487fa] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-21a487fa] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-21a487fa] {
  color: #ff5454;
}
.form-teacher span[data-v-21a487fa] {
  color: #333;
}
.form-teacher img[data-v-21a487fa] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-21a487fa] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-21a487fa] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-21a487fa] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-21a487fa] {
  padding: 20px 0;
}
.course-info[data-v-21a487fa] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-21a487fa] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-21a487fa]:hover {
  text-decoration: underline;
}
.course-type[data-v-21a487fa] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-21a487fa] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-21a487fa] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-21a487fa] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-21a487fa] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-21a487fa] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-21a487fa]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-21a487fa]:hover {
  opacity: 0.5;
}
.student-item[data-v-21a487fa] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-21a487fa] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-21a487fa] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-21a487fa] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-21a487fa] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-21a487fa] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-21a487fa] {
  margin-left: 8px;
}
.reportPhase[data-v-21a487fa] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-21a487fa] {
  color: #ff5353;
}
.form-label[data-v-21a487fa] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-21a487fa] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-21a487fa] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-21a487fa]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-item[data-v-21a487fa] {
  margin-bottom: 5px;
}
.concat-label[data-v-21a487fa] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-21a487fa]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-21a487fa] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-21a487fa] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-21a487fa] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-21a487fa] .ant-form label {
  font-size: 16px !important;
}
.classAdmin .title[data-v-21a487fa]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-21a487fa] {
  color: #43d186;
}

.form-wrap[data-v-14bf7f8b] {
  margin-bottom: 10px;
}
.form-txt[data-v-14bf7f8b] {
  color: #333;
  font-weight: 600;
}
.cursor[data-v-14bf7f8b] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-14bf7f8b] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-14bf7f8b] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-14bf7f8b]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.form-name[data-v-14bf7f8b] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-14bf7f8b] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-14bf7f8b] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-14bf7f8b] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-14bf7f8b] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-14bf7f8b] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-14bf7f8b] {
  color: #ff5454;
}
.form-teacher span[data-v-14bf7f8b] {
  color: #333;
}
.form-teacher img[data-v-14bf7f8b] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-14bf7f8b] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-14bf7f8b] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-14bf7f8b] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-14bf7f8b] {
  padding: 20px 0;
}
.course-info[data-v-14bf7f8b] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
  position: relative;
}
.course-name[data-v-14bf7f8b] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-14bf7f8b]:hover {
  text-decoration: underline;
}
.course-type[data-v-14bf7f8b] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-14bf7f8b] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-14bf7f8b] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-14bf7f8b] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-14bf7f8b] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-14bf7f8b] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-14bf7f8b]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-14bf7f8b]:hover {
  opacity: 0.5;
}
.student-item[data-v-14bf7f8b] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-14bf7f8b] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-14bf7f8b] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-14bf7f8b] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-14bf7f8b] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 22px;
}
.form-desc1[data-v-14bf7f8b] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.reportPhase[data-v-14bf7f8b] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-14bf7f8b] {
  color: #ff5353;
}
.form-label[data-v-14bf7f8b] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-14bf7f8b] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-14bf7f8b] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-14bf7f8b]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-14bf7f8b] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-14bf7f8b] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-14bf7f8b] {
  margin-bottom: 5px;
}
.concat-label[data-v-14bf7f8b] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-14bf7f8b]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-14bf7f8b] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.takeoverTitle[data-v-14bf7f8b] {
  font-size: 16px;
  margin-bottom: 10px;
}
.classAdmin .title[data-v-14bf7f8b]::before {
  background-color: #43d186;
}
.classAdmin .student-name[data-v-14bf7f8b] {
  color: #43d186;
}
.classAdmin .course-name[data-v-14bf7f8b] {
  color: #43d186;
}

.cursor[data-v-57de9870] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-57de9870] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-57de9870] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-57de9870]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-57de9870] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-57de9870] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-57de9870] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-57de9870] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-57de9870] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-57de9870] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-57de9870] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-57de9870] {
  color: #ff5454;
}
.form-teacher span[data-v-57de9870] {
  color: #333;
}
.form-teacher img[data-v-57de9870] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-57de9870] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-57de9870] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-57de9870] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-57de9870] {
  padding: 20px 0;
}
.course-info[data-v-57de9870] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-57de9870] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-57de9870]:hover {
  text-decoration: underline;
}
.course-type[data-v-57de9870] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-57de9870] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-57de9870] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-57de9870] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-57de9870] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-57de9870] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-57de9870]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-57de9870]:hover {
  opacity: 0.5;
}
.student-item[data-v-57de9870] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-57de9870] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-57de9870] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-57de9870] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-57de9870] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-reason[data-v-57de9870] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-57de9870] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-57de9870]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-57de9870] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-57de9870] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-57de9870] {
  margin-bottom: 5px;
}
.concat-label[data-v-57de9870] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-57de9870]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-57de9870] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-57de9870] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-57de9870] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-57de9870] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-57de9870] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-57de9870] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-57de9870] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-57de9870]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-57de9870] {
  color: #43d186;
}

.cursor[data-v-207b9cff] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-207b9cff] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-207b9cff] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-207b9cff]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-207b9cff] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-207b9cff] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-207b9cff] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-207b9cff] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-207b9cff] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-207b9cff] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-207b9cff] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-207b9cff] {
  color: #ff5454;
}
.form-teacher span[data-v-207b9cff] {
  color: #333;
}
.form-teacher img[data-v-207b9cff] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-207b9cff] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-207b9cff] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-207b9cff] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-207b9cff] {
  padding: 20px 0;
}
.course-info[data-v-207b9cff] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-207b9cff] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-207b9cff]:hover {
  text-decoration: underline;
}
.course-type[data-v-207b9cff] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-207b9cff] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-207b9cff] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-207b9cff] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-207b9cff] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-207b9cff] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-207b9cff]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-207b9cff]:hover {
  opacity: 0.5;
}
.student-item[data-v-207b9cff] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-207b9cff] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-207b9cff] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-207b9cff] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-207b9cff] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-reason[data-v-207b9cff] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-207b9cff] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-207b9cff]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-207b9cff] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-207b9cff] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-207b9cff] {
  margin-bottom: 5px;
}
.concat-label[data-v-207b9cff] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-207b9cff]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-207b9cff] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-207b9cff] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-207b9cff] {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-right: 20px;
}
.student-item p[data-v-207b9cff] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-207b9cff] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-207b9cff] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-207b9cff] {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-207b9cff]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-207b9cff] {
  color: #43d186;
}

.cursor[data-v-5063dc0a] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-5063dc0a] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-5063dc0a] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-5063dc0a]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-5063dc0a] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-5063dc0a] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-5063dc0a] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-5063dc0a] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-5063dc0a] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-5063dc0a] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-5063dc0a] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-5063dc0a] {
  color: #ff5454;
}
.form-teacher span[data-v-5063dc0a] {
  color: #333;
}
.form-teacher img[data-v-5063dc0a] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-5063dc0a] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-5063dc0a] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-5063dc0a] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-5063dc0a] {
  padding: 20px 0;
}
.course-info[data-v-5063dc0a] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-5063dc0a] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-5063dc0a]:hover {
  text-decoration: underline;
}
.course-type[data-v-5063dc0a] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-5063dc0a] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-5063dc0a] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-5063dc0a] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-5063dc0a] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-desc[data-v-5063dc0a] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-5063dc0a] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 6px;
}
.form-desc1 p[data-v-5063dc0a] {
  max-width: 80%;
}
.form-desc2[data-v-5063dc0a] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-5063dc0a] {
  color: #ff5353;
}
.form-label[data-v-5063dc0a] {
  width: 85px;
}
.form-reason[data-v-5063dc0a] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-5063dc0a] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-5063dc0a]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-5063dc0a] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-5063dc0a] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-5063dc0a] {
  margin-bottom: 5px;
}
.concat-label[data-v-5063dc0a] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-5063dc0a]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-5063dc0a] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-5063dc0a] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-5063dc0a] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-5063dc0a] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-5063dc0a] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-5063dc0a] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-5063dc0a] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-5063dc0a]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-5063dc0a] {
  color: #43d186;
}
.explainTC[data-v-5063dc0a] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-5063dc0a] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-5063dc0a] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-5063dc0a] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-5063dc0a] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.cursor[data-v-5268c24c] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-5268c24c] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-5268c24c] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-5268c24c]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-5268c24c] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-5268c24c] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-5268c24c] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-5268c24c] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-5268c24c] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-5268c24c] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-5268c24c] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-5268c24c] {
  color: #ff5454;
}
.form-teacher span[data-v-5268c24c] {
  color: #333;
}
.form-teacher img[data-v-5268c24c] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-5268c24c] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-5268c24c] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-5268c24c] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-5268c24c] {
  padding: 20px 0;
}
.course-info[data-v-5268c24c] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-5268c24c] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-5268c24c]:hover {
  text-decoration: underline;
}
.course-type[data-v-5268c24c] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-5268c24c] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-5268c24c] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-5268c24c] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-5268c24c] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-5268c24c] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-5268c24c]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-5268c24c]:hover {
  opacity: 0.5;
}
.student-item[data-v-5268c24c] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-5268c24c] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-5268c24c] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-5268c24c] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-5268c24c] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-reason[data-v-5268c24c] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-5268c24c] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-5268c24c]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-5268c24c] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-5268c24c] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-5268c24c] {
  margin-bottom: 5px;
}
.concat-label[data-v-5268c24c] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-5268c24c]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-5268c24c] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-5268c24c] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-5268c24c] {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-right: 20px;
}
.student-item p[data-v-5268c24c] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-5268c24c] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-5268c24c] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-5268c24c] {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-5268c24c]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-5268c24c] {
  color: #43d186;
}


.handler-more[data-v-7f5ab078],
.handler-one[data-v-7f5ab078] {
  margin-bottom: 10px;
}
p[data-v-7f5ab078] {
  margin: 0;
}
.handler-main-more[data-v-7f5ab078],
.handler-main[data-v-7f5ab078] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.handler-img-more[data-v-7f5ab078],
.handler-img[data-v-7f5ab078] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.line[data-v-7f5ab078] {
  width: 0;
  height: 100%;
  border-left: 1px solid #eee;
  margin: auto;
}
.handlering[data-v-7f5ab078] {
  border: 1px solid #009cff;
}
.classAdmin .handlering[data-v-7f5ab078] {
  border: 1px solid #43d186;
}
.morehandler-info[data-v-7f5ab078] {
  width: 93%;
  margin-left: 10px;
}
.handler-teacher-more[data-v-7f5ab078] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
  color: #999;
  margin-bottom: 10px;
}
.teacher-list-more[data-v-7f5ab078] {
  width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.teacher-list-more .transfer[data-v-7f5ab078] {
  margin: 0 10px;
  color: #999 !important;
}
.teacher-list-more p[data-v-7f5ab078] {
  display: inline-block;
  max-width: 43%;
  line-height: 22px;
  color: #333;
}
.teacher-list-more span[data-v-7f5ab078] {
  margin-left: 10px;
  color: #999;
}
.teacher-list-more .ccNumber[data-v-7f5ab078] {
  font-size: 14px;
  width: 100%;
  margin-left: 10px;
  color: #999;
}
.morehandler-name-more[data-v-7f5ab078] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
  color: #333;
  font-size: 14px;
}
.morehandler-name-more .teacher-info[data-v-7f5ab078] {
  width: 30%;
  margin-bottom: 10px;
}
.teacher-info-more[data-v-7f5ab078] {
  max-width: 80%;
  min-width: 33%;
}
.teacher-img-more[data-v-7f5ab078] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 0 10px;
}
.teacher-name[data-v-7f5ab078] {
  color: #333;
}
.teacher-name span[data-v-7f5ab078] {
  color: #009cff;
  margin: 0 5px;
}
.classAdmin .teacher-name span[data-v-7f5ab078] {
  color: #43d186;
}
.classAdmin .handler-one .handler-info .handler-teacher .teacher-list p span[data-v-7f5ab078] {
  color: #43d186;
}
.turn-name[data-v-7f5ab078] {
  max-width: 66%;
}
.more[data-v-7f5ab078] {
  width: 100%;
}
.handler-info[data-v-7f5ab078] {
  width: 93%;
  margin-left: 10px;
}
.handler-teacher[data-v-7f5ab078] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 16px;
  color: #999;
  margin-bottom: 10px;
}
.teacher-list[data-v-7f5ab078] {
  width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.turnCls[data-v-7f5ab078] {
  display: inline-block;
  width: 60px;
  text-align: center;
  color: #999;
}
.transfer[data-v-7f5ab078] {
  margin: 0 10px;
  color: #999 !important;
}
.transfer p[data-v-7f5ab078] {
  display: inline-block;
  max-width: 43%;
  line-height: 22px;
  color: #333;
}
.transfer p span[data-v-7f5ab078] {
  color: #009cff;
}
.teacher-name[data-v-7f5ab078] {
  max-width: 74%;
}
.handler-status[data-v-7f5ab078] {
  font-size: 14px;
  padding: 2px 10px;
  border-radius: 6px;
}
.pending-status[data-v-7f5ab078] {
  color: #ffbf00 !important;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-7f5ab078] {
  color: #00cf64 !important;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-7f5ab078] {
  color: #ff5353 !important;
  background-color: rgba(255, 83, 83, 0.09);
}
.cancel-status[data-v-7f5ab078] {
  color: #454444;
  background-color: rgba(118, 114, 114, 0.09);
}
.handler-reply[data-v-7f5ab078] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 10px 0;
  padding: 10px;
  border-radius: 10px;
  background-color: #f7f7f7;
}
.handler-reply p[data-v-7f5ab078] {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}
.commentImg[data-v-7f5ab078] {
  width: 120px;
  height: 120px;
}
.reply-btn[data-v-7f5ab078] {
  color: #333;
  margin-top: 20px;
}
.reply-btn span[data-v-7f5ab078] {
  color: #009cff;
}
.reply-btn[data-v-7f5ab078]:hover {
  cursor: pointer;
}
.handler-status[data-v-7f5ab078] {
  font-size: 14px;
  padding: 2px 10px;
  border-radius: 6px;
  /* color: #ffbf00; */
}
/* .refuse { */
.refuseStatus[data-v-7f5ab078] {
  border: 1px solid #eee;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.refuseStatus span[data-v-7f5ab078] {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #ddd;
}
/* } */

.remarkBox img {
  max-width: 500px;
}

.qaResult[data-v-76f7f912] {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-radius: 8px;
}
.cursor[data-v-76f7f912] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-76f7f912] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-76f7f912] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-76f7f912]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-76f7f912] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-76f7f912] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-76f7f912] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-76f7f912] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-76f7f912] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-76f7f912] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-76f7f912] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-76f7f912] {
  color: #ff5454;
}
.form-teacher span[data-v-76f7f912] {
  color: #333;
}
.form-teacher img[data-v-76f7f912] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-76f7f912] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-76f7f912] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-76f7f912] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-76f7f912] {
  padding: 20px 0;
}
.course-info[data-v-76f7f912] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-76f7f912] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-76f7f912]:hover {
  text-decoration: underline;
}
.course-type[data-v-76f7f912] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-76f7f912] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-76f7f912] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-76f7f912] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-76f7f912] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-76f7f912] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-76f7f912] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 6px;
}
.form-desc1 p[data-v-76f7f912] {
  max-width: 80%;
}
.form-desc2[data-v-76f7f912] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-76f7f912] {
  color: #ff5353;
}
.form-label[data-v-76f7f912] {
  width: 85px;
}
.form-reason[data-v-76f7f912] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-76f7f912] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-76f7f912]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-76f7f912] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-76f7f912] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-76f7f912] {
  margin-bottom: 5px;
}
.concat-label[data-v-76f7f912] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-76f7f912]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-76f7f912] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-76f7f912] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-76f7f912] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-76f7f912] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-76f7f912] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-76f7f912] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-76f7f912] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-76f7f912]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-76f7f912] {
  color: #43d186;
}
.explainTC[data-v-76f7f912] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-76f7f912] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-76f7f912] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-76f7f912] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.cursor[data-v-1bb403bc] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-1bb403bc] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-1bb403bc] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-1bb403bc]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-1bb403bc] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-1bb403bc] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-1bb403bc] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-1bb403bc] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-1bb403bc] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-1bb403bc] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-1bb403bc] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-1bb403bc] {
  color: #ff5454;
}
.form-teacher span[data-v-1bb403bc] {
  color: #333;
}
.form-teacher img[data-v-1bb403bc] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-1bb403bc] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-1bb403bc] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-1bb403bc] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-1bb403bc] {
  padding: 20px 0;
}
.course-info[data-v-1bb403bc] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-1bb403bc] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-1bb403bc]:hover {
  text-decoration: underline;
}
.course-type[data-v-1bb403bc] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-1bb403bc] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-1bb403bc] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-1bb403bc] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-1bb403bc] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-1bb403bc] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-1bb403bc]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-1bb403bc]:hover {
  opacity: 0.5;
}
.student-item[data-v-1bb403bc] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-1bb403bc] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-1bb403bc] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-1bb403bc] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-1bb403bc] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-1bb403bc] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-1bb403bc] {
  margin-left: 8px;
}
.reportPhase[data-v-1bb403bc] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-1bb403bc] {
  color: #ff5353;
}
.form-label[data-v-1bb403bc] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-1bb403bc] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-1bb403bc] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-1bb403bc]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-item[data-v-1bb403bc] {
  margin-bottom: 5px;
}
.concat-label[data-v-1bb403bc] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-1bb403bc]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-1bb403bc] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-1bb403bc] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-1bb403bc] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-1bb403bc] .ant-form label {
  font-size: 16px !important;
}
.classAdmin .title[data-v-1bb403bc]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-1bb403bc] {
  color: #43d186;
}

.cursor[data-v-195ee7e5] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-195ee7e5] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-195ee7e5] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-195ee7e5]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-195ee7e5] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-195ee7e5] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-195ee7e5] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-195ee7e5] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-195ee7e5] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-195ee7e5] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-195ee7e5] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-195ee7e5] {
  color: #ff5454;
}
.form-teacher span[data-v-195ee7e5] {
  color: #333;
}
.form-teacher img[data-v-195ee7e5] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-195ee7e5] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-195ee7e5] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-195ee7e5] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-195ee7e5] {
  padding: 20px 0;
}
.course-info[data-v-195ee7e5] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
  position: relative;
}
.course-name[data-v-195ee7e5] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-195ee7e5]:hover {
  text-decoration: underline;
}
.course-type[data-v-195ee7e5] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-195ee7e5] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-195ee7e5] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-195ee7e5] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-195ee7e5] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-195ee7e5] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-195ee7e5]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-195ee7e5]:hover {
  opacity: 0.5;
}
.student-item[data-v-195ee7e5] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-195ee7e5] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-195ee7e5] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-195ee7e5] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
}
.student-wrap[data-v-195ee7e5] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-195ee7e5] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.reportPhase[data-v-195ee7e5] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-195ee7e5] {
  color: #ff5353;
}
.form-label[data-v-195ee7e5] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-195ee7e5] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-195ee7e5] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-195ee7e5]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-195ee7e5] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-195ee7e5] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  cursor: pointer;
}
.concat-item[data-v-195ee7e5] {
  margin-bottom: 5px;
}
.concat-label[data-v-195ee7e5] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-195ee7e5]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-195ee7e5] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.takeoverTitle[data-v-195ee7e5] {
  font-size: 16px;
  margin-bottom: 10px;
}
.classAdmin .title[data-v-195ee7e5]::before {
  background-color: #43d186;
}
.classAdmin .student-name[data-v-195ee7e5] {
  color: #43d186;
}
.classAdmin .course-name[data-v-195ee7e5] {
  color: #43d186;
}

.cursor[data-v-dd8cbcdc] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .course-name[data-v-dd8cbcdc] {
  color: #43D186;
}
.classAdmin .cursor[data-v-dd8cbcdc] {
  cursor: pointer;
  color: #43D186 !important;
}
.title[data-v-dd8cbcdc] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-dd8cbcdc]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-dd8cbcdc] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-dd8cbcdc] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-dd8cbcdc] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-dd8cbcdc] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-dd8cbcdc] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-dd8cbcdc] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-dd8cbcdc] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-dd8cbcdc] {
  color: #ff5454;
}
.form-teacher span[data-v-dd8cbcdc] {
  color: #333;
}
.form-teacher img[data-v-dd8cbcdc] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-dd8cbcdc] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-dd8cbcdc] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-dd8cbcdc] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-dd8cbcdc] {
  padding: 20px 0;
}
.course-info[data-v-dd8cbcdc] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-dd8cbcdc] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-dd8cbcdc]:hover {
  text-decoration: underline;
}
.course-type[data-v-dd8cbcdc] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-dd8cbcdc] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-dd8cbcdc] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-dd8cbcdc] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-dd8cbcdc] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-dd8cbcdc] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-dd8cbcdc]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-dd8cbcdc]:hover {
  opacity: 0.5;
}
.student-item[data-v-dd8cbcdc] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-dd8cbcdc] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-dd8cbcdc] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-dd8cbcdc] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-dd8cbcdc] {
  color: #333;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
}
.form-desc1[data-v-dd8cbcdc] {
  margin-bottom: 6px;
}
.form-desc2[data-v-dd8cbcdc] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-dd8cbcdc] {
  color: #ff5353;
}
.form-label[data-v-dd8cbcdc] {
  width: 120px;
  text-align: right;
}
.form-reason[data-v-dd8cbcdc] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-dd8cbcdc] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-dd8cbcdc]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-dd8cbcdc] {
  padding-top: 20px;
  margin-bottom: 20px;
}

.cursor[data-v-59528c7f] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-59528c7f] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-59528c7f] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-59528c7f]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-59528c7f] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-59528c7f] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-59528c7f] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-59528c7f] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-59528c7f] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-59528c7f] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-59528c7f] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-59528c7f] {
  color: #ff5454;
}
.form-teacher span[data-v-59528c7f] {
  color: #333;
}
.form-teacher img[data-v-59528c7f] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-59528c7f] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-59528c7f] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-59528c7f] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-59528c7f] {
  padding: 20px 0;
}
.course-info[data-v-59528c7f] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-59528c7f] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-59528c7f]:hover {
  text-decoration: underline;
}
.course-type[data-v-59528c7f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-59528c7f] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-59528c7f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-59528c7f] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-59528c7f] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-59528c7f] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-59528c7f] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 6px;
}
.form-desc1 p[data-v-59528c7f] {
  max-width: 80%;
}
.form-desc2[data-v-59528c7f] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-59528c7f] {
  color: #ff5353;
}
.form-label[data-v-59528c7f] {
  width: 85px;
}
.form-reason[data-v-59528c7f] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-59528c7f] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-59528c7f]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-59528c7f] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-59528c7f] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-59528c7f] {
  margin-bottom: 5px;
}
.concat-label[data-v-59528c7f] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-59528c7f]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-59528c7f] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-59528c7f] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-59528c7f] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-59528c7f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-59528c7f] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-59528c7f] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-59528c7f] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-59528c7f]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-59528c7f] {
  color: #43d186;
}
.explainTC[data-v-59528c7f] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-59528c7f] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-59528c7f] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-59528c7f] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.cursor[data-v-03f2ec4f] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-03f2ec4f] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-03f2ec4f] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-03f2ec4f]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-03f2ec4f] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-03f2ec4f] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-03f2ec4f] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-03f2ec4f] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-03f2ec4f] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-03f2ec4f] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-03f2ec4f] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-03f2ec4f] {
  color: #ff5454;
}
.form-teacher span[data-v-03f2ec4f] {
  color: #333;
}
.form-teacher img[data-v-03f2ec4f] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-03f2ec4f] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-03f2ec4f] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-03f2ec4f] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-03f2ec4f] {
  padding: 20px 0;
}
.course-info[data-v-03f2ec4f] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-03f2ec4f] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-03f2ec4f]:hover {
  text-decoration: underline;
}
.course-type[data-v-03f2ec4f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-03f2ec4f] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-03f2ec4f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-03f2ec4f] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-03f2ec4f] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.receiverMain {
  padding: 20px;
  background-color: #f7f7f7;
  margin-top: 20px;
}
.receiverMain > p {
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: 600;
  color: #000;
}
.receiverMain > p span {
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
}
.ant-address-search-form .ant-row .ant-col label {
  font-size: 14px !important;
}

.cursor[data-v-2d9365a0] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-2d9365a0] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-2d9365a0] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-2d9365a0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-2d9365a0] {
  border-bottom: 1px solid #eee;
  position: relative;
}
.form-name[data-v-2d9365a0] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-2d9365a0] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-2d9365a0] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-2d9365a0] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-2d9365a0] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-2d9365a0] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.logBtn[data-v-2d9365a0] {
  color: #00cf64;
  border: 1px solid #00cf64;
  background-color: #fff;
}
.form-teacher .dueDate[data-v-2d9365a0] {
  color: #ff5454;
}
.form-teacher span[data-v-2d9365a0] {
  color: #333;
}
.form-teacher img[data-v-2d9365a0] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-2d9365a0] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-2d9365a0] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-2d9365a0] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-2d9365a0] {
  padding: 20px 0;
}
.course-info[data-v-2d9365a0] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-2d9365a0] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-2d9365a0]:hover {
  text-decoration: underline;
}
.course-type[data-v-2d9365a0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-2d9365a0] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-2d9365a0] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-2d9365a0] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-2d9365a0] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-2d9365a0] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-2d9365a0]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-2d9365a0]:hover {
  opacity: 0.5;
}
.student-item[data-v-2d9365a0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-2d9365a0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-2d9365a0] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-2d9365a0] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-2d9365a0] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-2d9365a0] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-2d9365a0] {
  margin-left: 8px;
}
.reportPhase[data-v-2d9365a0] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-2d9365a0] {
  color: #ff5353;
}
.form-label[data-v-2d9365a0] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-2d9365a0] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-2d9365a0] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-2d9365a0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-2d9365a0] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-2d9365a0] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-2d9365a0] {
  margin-bottom: 5px;
}
.concat-label[data-v-2d9365a0] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-2d9365a0]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-2d9365a0] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-2d9365a0] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-2d9365a0] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-2d9365a0] .ant-form label {
  font-size: 16px !important;
}
.study-wrap[data-v-2d9365a0] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 14px;
  color: #333;
  margin: 15px 0;
  border-radius: 5px;
  background-color: #fafafa;
  cursor: pointer;
}
.study-txt[data-v-2d9365a0] {
  font-size: 14px;
  margin-top: 5px;
}
.study-top[data-v-2d9365a0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.study-btnWrap[data-v-2d9365a0] {
  font-size: 14px;
  color: #009cff;
}
.download-poster[data-v-2d9365a0] {
  margin-right: 15px;
  cursor: pointer;
}
.send-group[data-v-2d9365a0] {
  cursor: pointer;
}
.consult-img[data-v-2d9365a0] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.classAdmin .title[data-v-2d9365a0]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-2d9365a0] {
  color: #43d186;
}

.remarkBox img {
  max-width: 500px;
}

.cursor[data-v-b57148aa] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-b57148aa] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-b57148aa] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-b57148aa]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-b57148aa] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-b57148aa] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-b57148aa] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-b57148aa] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-b57148aa] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-b57148aa] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-b57148aa] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-b57148aa] {
  color: #ff5454;
}
.form-teacher span[data-v-b57148aa] {
  color: #333;
}
.form-teacher img[data-v-b57148aa] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-b57148aa] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-b57148aa] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-b57148aa] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-b57148aa] {
  padding: 20px 0;
}
.course-info[data-v-b57148aa] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-b57148aa] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-b57148aa]:hover {
  text-decoration: underline;
}
.course-type[data-v-b57148aa] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-b57148aa] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-b57148aa] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-b57148aa] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-b57148aa] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-b57148aa] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-b57148aa] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 6px;
}
.form-desc1 p[data-v-b57148aa] {
  max-width: 80%;
}
.form-desc2[data-v-b57148aa] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-b57148aa] {
  color: #ff5353;
}
.form-label[data-v-b57148aa] {
  width: 85px;
}
.form-reason[data-v-b57148aa] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-b57148aa] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-b57148aa]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-b57148aa] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-b57148aa] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-b57148aa] {
  margin-bottom: 5px;
}
.concat-label[data-v-b57148aa] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-b57148aa]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-b57148aa] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-b57148aa] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-b57148aa] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-b57148aa] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-b57148aa] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-b57148aa] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-b57148aa] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-b57148aa]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-b57148aa] {
  color: #43d186;
}
.explainTC[data-v-b57148aa] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-b57148aa] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-b57148aa] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-b57148aa] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.cursor[data-v-43a6c04e] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-43a6c04e] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-43a6c04e] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-43a6c04e]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-43a6c04e] {
  border-bottom: 1px solid #eee;
}
.form-name span[data-v-43a6c04e] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-43a6c04e] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-43a6c04e] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-43a6c04e] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-43a6c04e] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-43a6c04e] {
  color: #ff5454;
}
.form-teacher span[data-v-43a6c04e] {
  color: #333;
}
.form-teacher img[data-v-43a6c04e] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-43a6c04e] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-43a6c04e] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-43a6c04e] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-43a6c04e] {
  padding: 15px 0 0;
  margin-top: 15px;
}
.course-info[data-v-43a6c04e] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-43a6c04e] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-43a6c04e]:hover {
  text-decoration: underline;
}
.course-type[data-v-43a6c04e] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-43a6c04e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-43a6c04e] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-43a6c04e] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-43a6c04e] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.class-name[data-v-43a6c04e] {
  color: #333;
  font-size: 16px;
}
.classAdmin .title[data-v-43a6c04e]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-43a6c04e] {
  color: #43d186;
}
.explainTC[data-v-43a6c04e] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-43a6c04e] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-43a6c04e] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-43a6c04e] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-43a6c04e] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.cursor[data-v-22094ae0] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-22094ae0] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-22094ae0] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-22094ae0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-22094ae0] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-22094ae0] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-22094ae0] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-22094ae0] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-22094ae0] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-22094ae0] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-22094ae0] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-22094ae0] {
  color: #ff5454;
}
.form-teacher span[data-v-22094ae0] {
  color: #333;
}
.form-teacher img[data-v-22094ae0] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-22094ae0] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-22094ae0] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-22094ae0] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-22094ae0] {
  padding: 20px 0;
}
.course-info[data-v-22094ae0] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
  position: relative;
}
.course-name[data-v-22094ae0] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-22094ae0]:hover {
  text-decoration: underline;
}
.course-type[data-v-22094ae0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-22094ae0] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-22094ae0] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-22094ae0] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-22094ae0] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-22094ae0] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-22094ae0]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-22094ae0]:hover {
  opacity: 0.5;
}
.student-item[data-v-22094ae0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-22094ae0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-22094ae0] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-22094ae0] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-22094ae0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 22px;
}
.form-desc1[data-v-22094ae0] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.reportPhase[data-v-22094ae0] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-22094ae0] {
  color: #ff5353;
}
.form-label[data-v-22094ae0] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-22094ae0] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-22094ae0] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-22094ae0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-22094ae0] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-22094ae0] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-22094ae0] {
  margin-bottom: 5px;
}
.concat-label[data-v-22094ae0] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-22094ae0]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-22094ae0] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.takeoverTitle[data-v-22094ae0] {
  font-size: 16px;
  margin-bottom: 10px;
}
.classAdmin .title[data-v-22094ae0]::before {
  background-color: #43d186;
}
.classAdmin .student-name[data-v-22094ae0] {
  color: #43d186;
}
.classAdmin .course-name[data-v-22094ae0] {
  color: #43d186;
}

.cursor[data-v-52229862] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-52229862] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-52229862] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-52229862]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-52229862] {
  border-bottom: 1px solid #eee;
}
.form-name span[data-v-52229862] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-52229862] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-52229862] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-52229862] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-52229862] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-52229862] {
  color: #ff5454;
}
.form-teacher span[data-v-52229862] {
  color: #333;
}
.form-teacher img[data-v-52229862] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-52229862] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-52229862] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-52229862] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-52229862] {
  padding: 20px 0;
}
.course-info[data-v-52229862] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-52229862] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-52229862]:hover {
  text-decoration: underline;
}
.course-type[data-v-52229862] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-52229862] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-52229862] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-52229862] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-52229862] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-52229862] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-52229862]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-52229862]:hover {
  opacity: 0.5;
}
.student-item[data-v-52229862] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-52229862] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-52229862] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-52229862] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-52229862] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-52229862] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-52229862] {
  margin-left: 8px;
}
.reportPhase[data-v-52229862] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-52229862] {
  color: #ff5353;
}
.form-label[data-v-52229862] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-52229862] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-52229862] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-52229862]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-52229862] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-52229862] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-52229862] {
  margin-bottom: 5px;
}
.concat-label[data-v-52229862] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-52229862]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-52229862] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-52229862] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-52229862] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-52229862] .ant-form label {
  font-size: 16px !important;
}
.study-wrap[data-v-52229862] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin: 15px 0;
  border-radius: 5px;
}
.study-txt[data-v-52229862] {
  font-size: 14px;
  margin-top: 10px;
}
.study-top[data-v-52229862] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.study-btnWrap[data-v-52229862] {
  font-size: 14px;
  color: #009cff;
}
.download-poster[data-v-52229862] {
  margin-right: 15px;
  cursor: pointer;
}
.send-group[data-v-52229862] {
  cursor: pointer;
}
.classAdmin .title[data-v-52229862]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-52229862] {
  color: #43d186;
}
.explainTC[data-v-52229862] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-52229862] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-52229862] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-52229862] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-52229862] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.remake h1 {
  font-size: 2em;
  margin-bottom: 10px;
}
.remake h2 {
  font-size: 1.5em;
  margin-bottom: 10px;
}
p,
h1,
h2 {
  margin: 0;
}
.poster-studyreport {
  position: relative;
  width: 375px;
  margin: 0 auto;
  border-radius: 8px;
  padding-top: 192px;
  font-family: Helvetica, Arial, sans-serif;
  background: #f5f5f5;
  overflow: hidden;
}
.poster-studyreport .title {
  color: #ffffff;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: 30px;
  left: 26px;
}
.poster-studyreport .poster-bgwrap {
  width: 375px;
  height: 400px;
  background: url(../img/pic_top_bg.1b45683b.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
}
.poster-studyreport .poster-unit {
  color: #fff;
  font-size: 16px;
  position: absolute;
  left: 26px;
  top: 85px;
  padding: 5px 12px;
  border-radius: 22px;
  border: 1px solid #fff;
}
.poster-studyreport .eval-wrap {
  margin: 12px 15px 0;
  background: #ffffff;
  border-radius: 30px;
  position: relative;
  padding-bottom: 30px;
}
.poster-studyreport .monkey {
  width: 80px;
  height: 80px;
  background: url(../img/pic_head_student.4b947dc3.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translate(-50%, 0);
}
.poster-studyreport .face-icon {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.poster-studyreport .student-name {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  text-align: center;
  padding-top: 48px;
}
.poster-studyreport .encourage-wrap {
  color: #999;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 10px;
}
.poster-studyreport .evaluate-wrap {
  background: #f9f9f9;
  border-radius: 20px;
  margin: 22px 16px 0px;
  padding: 16px 25px 20px;
}
.poster-studyreport .star-wrap {
  display: -ms-flexbox;
  display: flex;
  margin-top: 18px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.poster-studyreport .poster-star {
  width: 35px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAABIFBMVEUAAAD/0g73uwD5uwD6uwD3ugD3twD/1QD/0wD5ugD5uwD/0gD/1QH/1wT/2hj/1Qb2ugD/2Bv/1wn/2yD4ugD/1QD/0wD/ywX/1wj/1gH3uwD3uQD4uwD/3CP/2A7/2R//3Sb/2Rr/2hn3ugD6vAD/2hv/1wP5vAD/1xL/zyD/2x3/2h3/2hf/1Az/0wD/2yL/1QD5uwD/3S//2yP/2yb/3jP/3jb/3Cj/3zn/3Cz/2h7/3Cr/2iD/3zv/+NX/2hv7wAD/3z3+zwD/2Rb/+df+0wD/2A//1gj9ywD+0QD8yAD7yyv7xAD/9cH/75n/41T/4Uf/4UP5wBL/8av9ziL5wBD/98z/6n7/87P/7ZD/6Xv/6Xb/5WP7xRX/64D80jBT2hmVAAAAMHRSTlMAIEDvv2AgcO/fz0CPv59gMO/Pn5BQMBDfr4CAcO/v4N/fr6Cfj19QMBC/v7+QgHBWTmKXAAADm0lEQVRYw7XUaVfaQBQG4IHIDu5r6753zyAJwYggSNxF3LXa/v9/0TuDw81hbmiTtu8XPuSch/femYT9Jh++fVza3R37tBljEYLMxsIeZBdSG/4Lant5B6KklchSbKFUQgkG3I7oLJdEfNLKTCRootyFRN6kjUiFdsrlsoRwvFosSiEXIFnKJw1HKFRyXVdCKEWqNFGpSAkpkCJUipUrECnJRUlKSGErDReLQtLHC1kp5ha7Uvvm8QEonC5kpQlwhPR9H2JhqbCVYhVLSuBA2v5rEK7SqmUJqXMvoSu8UUJa/cMyU6n85yJAQF1K575v5buz+VRuerAwN2t6FcuGCOhqX+ZSXgMh4XjNpjdeoLxcIW2+xXHsN+mpC3UqUiLevFrTW5wbYZjpgolxHaCkdNMtBKfnv+UoCQuw2d72U6Y/nqOkC+FcdBDC8VCCeCnCgVSUdCGcqyJEUtp4Cqo1N+WS032QV3W61PPh/s2VZWmS6oTUophuDgms1Hm4fLLtNjBWv1SipAIs2tTitS8PIR1bpAcpSvsAy+PLsbwO1S6E86AOT1B0qT1c1BdW0KGb+8PDxxfHISS3r1NPGmdpHWr/eH6pVquaBMGVYydJjTGTzI6AlGSjFHg1a9CIjF3t72RRElJsnIaOnAMlqbNTpchrsISNCIleFL7DOB7sqG4GpHlwcKAgRSlIL/XKjMYgaVAnSalOnGXrrUDJCZbwkkvrNcsm+bkZlCMb96RdA/9n85avszgfLCkKJTw8Rd3e8ThjQygR2VHT6eNBuod3e82HGGNJA6RWoNS0URLRO51dcyPJIAnOeT1YOioFr9wFCxyeAEZJJ2ZgPCylv3lnd9IhJHq+oMNDR2bLQCmAqlDvsHCMOPNl1MA9Be2qZmGnN0nseVQCKGU4Pw4y0HJtv/QTHUwyg9BAzKuVysWihG55Bs5dlxpmyDQoB6STsFCadNiMGTozJJQLD+VIKBUeSpFQPjyUJ6FCeGichNLhoTTlxMwIiZGHFiFTBDQSBRohTz9Cvv6zRv9zR4lWeOckQUDzp4Ffi8Dvy/F7qhFv0Uyd8zr9zWvVqUaj/JRmZOpUq1MeZ0QMkGiGpsDJMCrvOEgUkx3q/p6f9Dl8nf5CGuJvNWYI6ifXkPI9NpKMzLyc4LjRMluNY2Rk4rKVfGz2Hs9rBA6HQcZP+YNnr0sEg9nKUA6dZJZgMIkM9ZhOfDJrcCM7GQ94vJbl5ONfY9jFbOFirQoAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.poster-studyreport .poster-noStar {
  width: 35px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAANlBMVEUAAADr6+vu7u7r6+vv7+/v7+/u7u7u7u7t7e3u7u7r6+vv7+/t7e3v7+/s7Ozv7+/f39/u7u5oQAoTAAAAEXRSTlMAIO9Av9+Qn2BwMM+Ar1AQEK2fLkQAAAFfSURBVFjD1dfbasQwDARQWb4ldi7V//9soaUMpdrsxuNCe14NwxDFdiL/ztuaspmmJXAxRe1LJaJaNoM8nBTUvtE2mPPVB51OGVHthzJUyByBKwSVLASBKwSVLASBKwSVLASBKwR1oBBfabcL+4tljrUku5TLGtt1wp7tZT15eTGpDdF9EWjJCDjwViOtyCEtOFA5GvDOcJJIsymiFJuiSLIpuqhNoWKToBFJ+qRnNGtqVeKs92jO/NPMvSbLlN2PJDYHSXyOyKHE84ki0AaS/A/LlrkcCJm4QYgk5DhJyuVAsZs2mRRUxJfspl182W7K4jrttlM8ceg4EyA+SlZuaFC4oUEXj47cr45gAwI3NDgEqPN24aYP2282ajYgXoyf37Xb47+Oe/9up18pRZFQH135rtWP+RDT8z0Lmx+DqGezR5ITA0d+lgMhOTGwZG/ZF0tX017ig+Xa7XP5z3sHydrS7Bh+R88AAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.poster-studyreport .eval-title {
  padding: 22px 0 0;
  text-align: center;
}
.poster-studyreport .report-h1 {
  width: 120px;
  height: 30px;
}
.poster-studyreport .report-h2 {
  width: 160px;
  height: 30px;
}
.poster-studyreport .pic_head_teacher {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}
.poster-studyreport .teacher {
  color: #333333;
  font-size: 16px;
}
.poster-studyreport .teacher-evaluate {
  background: #f9f9f9;
  border-radius: 6px 20px 20px 20px;
  margin: 12px 16px 0px;
  padding: 12px 12px;
}
.poster-studyreport .teacher-txt {
  font-size: 15px;
  line-height: 25px;
  text-align: justify;
  color: #666666;
  margin-bottom: 0;
}
.poster-studyreport .evaluate-lineleft {
  width: 30px;
  height: 2px;
  background: linear-gradient(90deg, rgba(229, 229, 229, 0.0001) 0.69%, #e5e5e5 100%);
  border-radius: 1px;
  margin-right: 8px;
}
.poster-studyreport .evaluate-lineright {
  width: 30px;
  height: 2px;
  margin-left: 8px;
  background: linear-gradient(90deg, #e5e5e5 0.69%, rgba(229, 229, 229, 0.0001) 100%);
  border-radius: 1px;
}
.poster-studyreport .pic-wrap {
  padding: 16px 16px 0;
}
.poster-studyreport .evaluate-txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.poster-studyreport .stage-wrap {
  font-family: Helvetica, Arial, sans-serif;
  margin: 0 16px 0;
}
.poster-studyreport .stage-wrap h1 {
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  margin: 20px 0 6px 0;
}
.poster-studyreport .stage-wrap h1::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 10px 0 0;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAWlBMVEUAAAD/vwD/vQD/xgD/vwD/wAD/vgD/wQD/vgD/vgD/wAD//wD/vwD/vwD/vwD/vwD/vwD/vwD/vgD/wwD/vwD/vgD/vwD/vgD/vgD/vwD/vwD/vwD/vwD/vwBJfsoIAAAAHXRSTlMATIAJQh8TL2FAOQTy37+mnVdHJhDp0m8r3bywjwB/X9MAAADPSURBVDjL3ZTLEoMgDEWlvHwXra21bf7/N6uM43WKZFh05VmxOANcSJKdkqEohnVZGVPFNN3SjNPzUpZixspjryFPozPZC486NFtaqUclVnoTepbAVWzcAnGkHe8ubl5ozz3fzFIGYmAiUiCC2sE0nBhGCkU+EkTwwJ6WFcnBNBD5LUtWJIjqP+KUevQHok58nif3PK8OXuIXaq4ocL/ecGU2ppXZtCvcn7bN+RigiMTg2jVn2xUDwGZSIcaR6Rav9SPF+mKtEoaUXIbUqfkC6vAzsnl5sWEAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.poster-studyreport .stage-wrap h2 {
  font-size: 16px;
  color: #ff5353;
  padding: 6px 12px;
  background: rgba(255, 83, 83, 0.1);
  border-radius: 30px;
  margin: 12px 0 10px 0;
  display: inline-block;
  font-weight: normal;
}
.poster-studyreport .stage-wrap p {
  font-size: 15px;
  line-height: 25px;
  text-align: justify;
  color: #666666;
}
.poster-studyreport .logo-wrap {
  text-align: center;
  padding: 15px 0;
}
.poster-studyreport .logo-pic {
  width: 100px;
  height: 35px;
}

.remake h1 {
  font-size: 2em;
  margin-bottom: 10px;
}
.remake h2 {
  font-size: 1.5em;
  margin-bottom: 10px;
}

.poster-contentOld[data-v-ad395392] {
  position: relative;
  width: 375px;
  margin: 0 auto;
  overflow: hidden;
  background: linear-gradient(180deg, #ff8181 0%, #ff5353 100%);
  border-radius: 8px;
}
.circle-lefttop[data-v-ad395392] {
  width: 194px;
  height: 194px;
  background: #ff6060;
  border-radius: 50%;
  position: absolute;
  left: -58px;
  top: -50px;
}
.circle-righttop[data-v-ad395392] {
  width: 277px;
  height: 277px;
  background: #ff9292;
  border-radius: 50%;
  position: absolute;
  right: -60px;
  top: 80px;
}
.circle-leftbottom[data-v-ad395392] {
  width: 292px;
  height: 292px;
  background: #ff9292;
  border-radius: 50%;
  position: absolute;
  left: -60px;
  bottom: -30px;
}
.poster-icon[data-v-ad395392] {
  width: 67px;
  height: 38px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAABMCAMAAACf1D9xAAABLFBMVEUAAAD/////gID/////qqr/////v7//////zMz/qqr/trb/v7//xsb/zMz/0dH/v7//1dX/xMT/yMj/zMz/z8//0tL/xsb/1dX/ycn/19f/zMz/wsL/zs7/xcX/0dH/yMj/09P/ysr/1dX/wsL/zMz/xMT/zs7/xsb/0ND/yMj/0dH/ysr/zMz/1NT/xcX/zs7/x8f/ycn/y8v/zMz/zc3/yMj/z8//ycn/y8v/zMz/zc3/zs7/0ND/0dH/zMz/zc3/zs7/ysr/z8//y8v/0ND/zMz/0dH/yMj/zc3/ycn/zs7/ysr/z8//y8v/x8f/zMz/zc3/ycn/ysr/y8v/zMz/zc3/ysr/zs7/ysr/y8v/zMz/zc3/zs7/zs7/zMz/zc3/zc3/zs7/z8//zc0LhW1cAAAAZHRSTlMAAQICAwMEBAUGBwgJCgsMDA0ODxAREhITExQVFRYWFxcYGBkZGhobGxwcHR4eHx8gISIjJCUlJicoKSorLC0uLzAwMTEyMjMzNDQ1NTY3Nzg5Ojs8PT4+P0BBQkNERkdISUpM4+k7FAAABrlJREFUaN7tmmtb4kYUxyeEUpaLLQi7FqmyF0VduwJSNbgrVO1apemuCq1cQ/L//t+hL5I5M3NS+1j7lvOK558w9znnN2ciAoQ2FZEVIgGuVLal4kilI5W6VFypfC+VaSQEUvhWvjKQyppUemIY/foin9k+r7Qo396VSl0qRd4wPymVPq9UzKnSyLJyDFpUYo3ePosKXCHlNhqwhBRSUVe/0iv5qPGnpFSjgvdJafO2i8+h4GVkP47pkbBdAPBfKyU3BoB5SSkvZwAwyinltQ8AbkIpxwCAjhKsGwAImkpJ3QPAYl0IIapd92xN6LZ16XbyumAfXPUP07qSafevWwldWXHc87qlK8Wu2zMLrvXc04JR8Psr18mJpS1taUt7jlmVnZKppCo7RVNJ17aZk8ltv0ubSnF7I2kWXN4pJ1hVe6usqtpO6CgrYwAj/emuB+BWr/YkAHChFWn3APhtvVm3ALxdTVkdAZhWdCc6BzDU/XNzAeDXtBDFMCZ5qtY3YbwZJXhMulZ/vwmVE9Wucahsq3YtwgipxnUtDKjTFCk/hX+6t2SB6NKzCUXfyF7I0F/moBDQvDQiZcwDNfqk3IM13vYiZUss+P/zkiWo8++kcmQGTx0PrqRCQz6WBEKVylfupFKSypnwH6Wv/uP05YC6wSAHK3xQib6+idHXS9BUREiDC1rNcqRoAebk21Vaa1KhFXUYCR6F+mvedzECQ6OUpK/3EpK0ldQKlVmGlF6oDGnRWkPWdvFizhaUKAWs7RL0fLUbInScJITY9wF4m9oucgBgWta25w0ADLUtnBsCwLW2hUtTY9qEEDUfgP9BU9o+AG9dK/gcAEYrQgiRaTqNlOmIWp26qawdOZsGWdlV56hsvGLvOocrhpJpdBqm08u1Ou9ZVW1ny1qGkKUtbWnPslyj08gYysqhs2tiU/nIqRqKVXOOXpkcVe+0TGZLNZymWXC+yd3XatvZTgghxAcfgB935qX/5szLcWfucWf+cwBgts4gDpM8nf+DEg9tc4Wal1FoI69rD1mmQmRmPLRFWKeFtr0otOVjoS0p7jjkUKA/jAX6Gs9dqEDfjgX6qO1aDkQSyCeaNZ/yNzLkT2hh/D/siSWd/Cdgj6KvOAReSWXzcQh8yyEnDoGLWDPuYxD4kbpBI0X/PyCkkSNGW6Mse5pmC0oNqujy2SYkdmJIXJMraaG2QTQHY7UNTh47IKiDih0RnkpV5TyOda/C7kzUJm5GnGgJUZny49Je7LjU9gH09OPSJYDgRPc+X//xuDT+QVM2ZgAG+nHp0AfQTwshhF2ul00ASv64xQ6PL95u8cPj1iY/PNYrpmsSpXrFLNher/PD4+ZWfhlBlra0pT3P1npu1/BW1s656xjnQPvgut82QCp92L86MHgs33Evt82CP7ndqqFsnLsfzar2Lt2TjEKPf7/IGAHATDuzluYAMM4q5QkXGSHEBQ2tMwMA8Ncp/aRB0mkMkuS1DvlqO4KJW4WvviQHngPZESwHooHeJV3rDDjkJCWBUD+KsZu13dgllwQhn4bjS6QMqdKIE/ELkSMozfaEKz+6Wes8Tl//5crvT57JQ5fu4R7ksyx4GqoCnhuUKSZsSOVcKrSQHyJhTjMZ8NvFVUVfPY5EBEnU05THp0DyqpfkIzYQfMQU1skRo8s2a0wLMxvO2EShQsk354SWgiN4HYpyrLAOXx2hUiGIT9Vu+m7BUmiiGtC4526A4ELbeuLVAPDPdKfwZgJ4LX3DtzxgrLsJ+9QH7vXke/ZzwCCucA8EXZ2NKg+A54RslC4yahKZQoIp+QLLUFkrnJqShSxTUgVecLqY5EfXwjL1tbSlLe15ZrUG07t9w+s4D9MvNcPHdMfTCwObSjeT8ZlxntzoTx+clEFW99NBU/eD9vFwdmcQWvbjaNpfI9ZCX/my7ITz2KoHlh+rBQCwWOWsNdEc6e9gPJZ8YB+8iFxIAw2VLVJRKvrSBeoLkChp4FFfMxEajSyORuqiR2LdMcc67fudKJgHeUqqUAqGbp4+xZIyRJHynlHdRcqkSkBNveNpJGvB00iUWDoReA59xT+4+iOGhZK+8AT66tHbxCsp8JtZoq/m46Mh6QmU9BjwNJTlc+wtqNE44VXQXWSVQ5JPgJfz+SdYa7FMV4vfM1JTCevoo7OiSP7FF3S0fLUDRiWsVUv47oft0jJK4TzNcpzHHlTBmQm7pharC1rF9ukE42N9e2c/zYNh3cgn3Sz8r8YBrHoX+H3Dk+wPgnlPBx+7Pcb0RMeczOk8GLV0zMn9tggGdSH+BnP2daiJ5X4AAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 80px;
}
.monkey-wrap[data-v-ad395392] {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin: 28px 0 0 30px;
}
.monkey[data-v-ad395392] {
  width: 98px;
  height: 141px;
  background: url(../img/monkey.dda4c744.png) no-repeat;
  background-size: 100%;
}
.poster-star[data-v-ad395392] {
  width: 35px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABICAYAAABLJIP0AAAG5klEQVR42u2bW2zTVhjH8zBpSENaNamixHYoW3evBNuYGJs2KrE16ZjEpD3ugQce98ADDzzw0ITuAuukTOtGB4yxDU1IdCKiLVQbQpl2gbFCA5RS2pQFSmnSJo1pm9hx/eB9n+20uTiJc7HrJrH0l6LE9vnO7/zP+Y7PcUymZT6Y0HtEdKK5C8RGHzTPRyetLpZ+d52pko+Ir6kuGmjxgYQkTdr8zPXNZOWCCbQ406DENb7teOW6xW9jM4Lx2/jZoS0NVbdUXaPCLZXqGlVuqTTXqHZLgmvwmqpbFITXVN2ipEkrGxl6ta7qFiXXjL/trLqlklxTjFuW4DS3Vd2iPAjTtK+ppmzARAO2tqLdEteUrbUsoGALY0uXCkzZuAZbuGRuKRfXlNotZeMaqERHyd0ii1mJs+GZiSayJOk5G5iJN4WFsfUdtKfGWM7x+ZpWhcebG6MB646Iv2UvZJ6jkYDNHfW33NcaSOy/Z4QFLyFp1Mxzo+ZhftTcs+Bd61zwmj/iR4ht7HBdvaaVn71vbYj6rduZgHU3dg2o/Hmp8jZeSwApT9gA5I1kIOrEggY5r9kF8NoB2i7eW7eV8T6hfj05Gmx+BSsfCVidEb+tDyru1bXyikCaBXZ8k8CNrc8XSG6NmucRGu8luuLQYkO1DUmuABecXFYASTCsAnP/dSHme17gSg1DjcaITsFtekSbeUbeMN4BGK8BjBcABqU/jBTxY8QeE3tvgw9bCIPTDcTkNgCxRWDvbhC4O08tjzOyy2viRpa+4MbqxVZj770sBs48aCoOGDrhwVsCC25g770Eg+dzUMY6o0FIE3ebEEzMPypO9JLiAMjdeRoq96zY/2N3G5fke1H6Dn7j7jSIgPEaowPIJOYSgAkfpVZsBbQSDUxM03aL8PBncMRIFcjCKCHMniQFZCKCQdHHKhsO1p3+nhLiPBbBoLBbcbcqFMqxJShxMHQSnEMAZ7CCoEAGCh9JhjJlp4KmKYelNfHLOJyYhyj7riVCOZwMRRLVZvLZ61fBhz5FOFfg4pvSoFQpUMAtfchEel7KBqcfboLuGSofQKqgLD5MinAsXaknz3wFcP6Fmw2UASCIO3YDoHyj1H0sXW47PDwqHfhDRjiXZThxDUrkVwIMbhgEQND9WJe8oCTDoTpSLw59QQnsxRQ4qGvSOGQoSAjjltx4HilOjH3mS8WB1pkTSuKBF6iGM5DQ1QaloBb0zGgjsiuwga6nx4UxY+xKUApa2sS0lQbnIMD5KwucVFA35IBvya4aLRLAbfleN+V7e7LHgLGG2jOk5GKOoMI8R4Tzt0o42aBdk1v4RgZdl8/xFFYGxoixpsaPdSrJorgSHBpmi0WB0UH0YQ2hZITjsEgTQINCwdim92sMZXHMcVj2JhYkTv6MCgZiS4ZC7dF0ow3g7BYLOmj8rrQ46ELMuuxCTjvIXeFOkjc6mPC3JA9Qduq7YX+e6DQ6mOgF81Hd9665q8QJw0K5CmPM76TA9pInlgPMoCGBwISOPQdQeiiB6SE9ukLBLUwIgjUqkASxQj7PQcUe8/1rGg0B5IrcZc6mAVnU7Jla/f69wg2s/WBZ5yiwIcZeyAwjUVEX9b5+YDzmVt1hwHpQzE0qdZfs6ib26egYeKdEj3HjogyjL08YCYIBuGtlZ6T+BBC/iqm2YBjJjiGH9Zn1nqpdHfuT4MVKXJYqhK2rxgFi5eElghgsB8T+kCH8VkD3yEskL5xreFT7jHSaalQMoFfODudSdDZ360e7IHt8B4LdwMip0sOJuIiNmoNhe4mdpQoYgYQ70tdMwk7ptxK65kPNwcR6yfaigfyiDCR1vYf+Gs49XRI42v+dh+kmewrOEC5KoGETDyudFUoqoEPFAYKYXdp3pW7KVwiQh7jM2JYHEAVAeA/mTCGZifJp+zb48fpVeQGBSjw8ohoIjW8Z5Dov+LFFHKjzBaRpZqKd9TVMtxrrQoY5TomVUAGkJ7Sf3BwvY7KV2gSAXKoAHVMHCOMJH3jyce0cY6+vmfspewBzCOQzNUAod3A/uTVTWRN2YuOU3XI+131CByzC3I/Zwcyf0AFM8BOLmFWUClcDBNxwKRuQ1GPKQVnhOk9OQAelGJQyYPBTi/ZgEjPF3A/QZeD1tNDnlBqHeAMOakehZYfgWrWAsIuhs+nOpfFNHzB5ifLigrS7RAtGeC/xnnnGoSmYaXvt6jyC8eNugluDFTTxXR5pG8evNp5A+5rHtH2ItFuGc6XdaQe1L+3NJG0crBaQ9mu/M+JgSPGK8xAH2eqz6/9XPCwT316ALMYqdGU+6Fi3XZdAMKtgdsFCcVIGal8OIOmAauvwnRdpooiNR/VjVivkXv8D35rtCI7E+owAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.poster-noStar[data-v-ad395392] {
  width: 35px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.poster-contentWrap[data-v-ad395392] {
  width: 335px;
  background: #ffffff;
  border-radius: 20px 20px 20px 20px;
  border: 4px solid #ffa4a4;
  margin: -45px auto 18px;
  position: relative;
}
.star-wrap[data-v-ad395392] {
  margin: 30px 0 0 15px;
  display: -ms-flexbox;
  display: flex;
}
.poster-star[data-v-ad395392] {
  margin-right: 7px;
}
.poster-infoWrap[data-v-ad395392] {
  margin: 0 10px;
  border-bottom: 1px solid #eeeeee;
  text-align: center;
}
.poster-title[data-v-ad395392] {
  text-align: center;
  font-size: 22px;
  color: #ff7474;
  padding: 12px 0 5px;
  border-bottom: 2px solid #fadb1b;
  display: inline-block;
}
.poster-name[data-v-ad395392] {
  color: #333333;
  padding-right: 5px;
}
.poster-levelWrap[data-v-ad395392] {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 14px 0 20px;
}
.poster-level1[data-v-ad395392] {
  padding: 5px 9px;
  font-size: 12px;
  background-color: #ff9292;
  border-radius: 50%;
}
.poster-level2[data-v-ad395392] {
  padding: 0px 15px;
  background-color: #ff7474;
  border-radius: 10px;
  font-size: 16px;
}
.arrow-line[data-v-ad395392] {
  width: 33px;
  height: 1px;
  display: inline-block;
  background: linear-gradient(90deg, #ffb9b9 0%, #ff7474 100%);
}
.arrow-icon[data-v-ad395392] {
  border: 5px solid transparent;
  border-left-color: #ff7474;
  width: 0;
  height: 0;
  display: inline-block;
}
.arrow-wrap[data-v-ad395392] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.role-icon1[data-v-ad395392] {
  width: 10px;
  height: 12px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAMAAADNlS1EAAAAh1BMVEUAAACAgICPj4+ZmZmVlZWSkpKcnJyampqYmJiVlZWampqYmJiampqZmZmZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiampqZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiYmJiYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmYmJiZmZmZmZmYmJiZmZkpmuf0AAAALHRSTlMABBAUGBwfKy8wR09ba3t/g4eLj5OXl5ufq6+zt7/Hy9PX29/j5+vv8/P3+zWBD1EAAACOSURBVBgZncFXFoIwAATARZqC2MWCYCFBxL3/+fRBEtD45Qw6o8X1+TjFGBoLtlIHhieozGGsqTU+NEkjgeKyt4HisreFJmkk0FbUGg+aK6jM0AsFWymGvOWNdRbhH840k2xVWYxOUHCgCPAWlPxQ+gByfsmBmJYIB1qOkLQI8Afcaakw2V9kQ6OW5134AmUzL7Aec+6MAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
  margin-right: 4px;
}
.role-icon2[data-v-ad395392] {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAVFBMVEUAAACVlZWcnJyXl5eZmZmVlZWTk5OampqYmJiYmJiXl5eampqZmZmZmZmZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmYmJiYmJiZmZmZmZmYmJiZmZkkUu8DAAAAG3RSTlMAGB8gIyQoR09XW1tze3+fr7vX2+Pj5/Pz9/uWJ4tpAAAAq0lEQVQoz32S2xKDIAxET03VekXaaoX8/3/2wSKgTvcpnGXIbAJsuvd29rrYQUhVGK9BUxF5t2oi1wQ+6kHjxhs9qQMoXDi+nqFaBZj2e1W1lwYkPiCx9iXDpaE99tqwLNfGTBLslhiefRau5pFEYY68dpEvofmBq6W/5DpQ+i1pzlXAqKo6k/MJkM95uk4A2rPR/F8UNFmDtY1Ll7gUb/J/IoNd1L9tX/7AF4czLNQ34rkJAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
  margin-right: 4px;
}
.poster-roleWrap[data-v-ad395392] {
  padding: 20px 10px;
  font-size: 14px;
  color: #333;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.poster-role[data-v-ad395392]:first-child {
  margin-right: 40px;
}
.poster-item[data-v-ad395392] {
  letter-spacing: 1px;
  padding: 10px;
  background-color: #fff8f8;
  margin: 0 10px 10px;
  border-radius: 12px;
  font-size: 12px;
  color: #333;
  text-align: justify;
}
.red-txt[data-v-ad395392] {
  color: #ff7474;
}
.poster-btnWrap[data-v-ad395392] {
  margin-top: 15px;
  text-align: center;
}
.closePosterBtn[data-v-ad395392] {
  background: #f7f7f7;
  color: #000;
}
.poster-btn[data-v-ad395392] {
  width: 150px;
  height: 46px;
  border-radius: 10px;
  cursor: pointer;
  border: none;
}
.downloadBtn[data-v-ad395392] {
  background: #009cff;
  margin-left: 35px;
  color: #fff;
}
.certificateWrapper[data-v-ad395392] {
  position: relative;
  width: 595px;
  right: -1000000px;
  overflow: hidden;
}

.cursor[data-v-05f32228] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-05f32228] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-05f32228] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-05f32228]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-05f32228] {
  border-bottom: 1px solid #eee;
}
.form-name span[data-v-05f32228] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-05f32228] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-05f32228] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-05f32228] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-05f32228] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-05f32228] {
  color: #ff5454;
}
.form-teacher span[data-v-05f32228] {
  color: #333;
}
.form-teacher img[data-v-05f32228] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-05f32228] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-05f32228] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-05f32228] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-05f32228] {
  padding: 20px 0;
}
.course-info[data-v-05f32228] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
  position: relative;
}
.course-name[data-v-05f32228] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-05f32228]:hover {
  text-decoration: underline;
}
.course-type[data-v-05f32228] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-05f32228] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-05f32228] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-05f32228] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-05f32228] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-05f32228] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-05f32228]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-05f32228]:hover {
  opacity: 0.5;
}
.student-item[data-v-05f32228] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-05f32228] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-05f32228] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-05f32228] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-05f32228] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-05f32228] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-05f32228] {
  margin-left: 8px;
}
.reportPhase[data-v-05f32228] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-05f32228] {
  color: #ff5353;
}
.form-label[data-v-05f32228] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-05f32228] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-05f32228] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-05f32228]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-05f32228] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-05f32228] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  cursor: pointer;
}
.concat-item[data-v-05f32228] {
  margin-bottom: 5px;
}
.concat-label[data-v-05f32228] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-05f32228]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-05f32228] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-05f32228] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-05f32228] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-05f32228] .ant-form label {
  font-size: 16px !important;
}
.study-wrap[data-v-05f32228] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin: 15px 0;
  border-radius: 5px;
}
.study-txt[data-v-05f32228] {
  font-size: 14px;
  margin-top: 10px;
}
.study-top[data-v-05f32228] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.study-btnWrap[data-v-05f32228] {
  font-size: 14px;
  color: #009cff;
}
.download-poster[data-v-05f32228] {
  margin-right: 15px;
  cursor: pointer;
}
.send-group[data-v-05f32228] {
  cursor: pointer;
}
.class-name[data-v-05f32228] {
  color: #333;
  font-size: 16px;
}
.task-txt[data-v-05f32228] {
  font-size: 14px;
}
.playCourse[data-v-05f32228] {
  background-color: #fff;
  color: #009cff;
  padding: 4px 8px;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 10px;
}
.classAdmin .title[data-v-05f32228]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-05f32228] {
  color: #43d186;
}
.explainTC[data-v-05f32228] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-05f32228] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-05f32228] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-05f32228] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-05f32228] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.cursor[data-v-06297d1f] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-06297d1f] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-06297d1f] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-06297d1f]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-06297d1f] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-06297d1f] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-06297d1f] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-06297d1f] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-06297d1f] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-06297d1f] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-06297d1f] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-06297d1f] {
  color: #ff5454;
}
.form-teacher span[data-v-06297d1f] {
  color: #333;
}
.form-teacher img[data-v-06297d1f] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-06297d1f] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-06297d1f] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-06297d1f] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-06297d1f] {
  padding: 20px 0;
}
.course-info[data-v-06297d1f] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-06297d1f] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-06297d1f]:hover {
  text-decoration: underline;
}
.course-type[data-v-06297d1f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-06297d1f] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-06297d1f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-06297d1f] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-06297d1f] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-06297d1f] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-06297d1f] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 6px;
}
.form-desc1 p[data-v-06297d1f] {
  max-width: 80%;
}
.form-desc2[data-v-06297d1f] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-06297d1f] {
  color: #ff5353;
}
.form-label[data-v-06297d1f] {
  width: 85px;
}
.form-reason[data-v-06297d1f] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-06297d1f] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-06297d1f]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-06297d1f] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-06297d1f] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-06297d1f] {
  margin-bottom: 5px;
}
.concat-label[data-v-06297d1f] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-06297d1f]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-06297d1f] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-06297d1f] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-06297d1f] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-06297d1f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-06297d1f] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-06297d1f] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-06297d1f] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-06297d1f]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-06297d1f] {
  color: #43d186;
}
.explainTC[data-v-06297d1f] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-06297d1f] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-06297d1f] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-06297d1f] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}


.finishTask-title[data-v-74774eca] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  margin-bottom: 20px;
}
.taskFormBtn[data-v-74774eca] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  padding: 10px 16px;
  background: '#fff';
  text-align: right;
  z-index: 1;
}
.taskFormBtn.ant-btn[data-v-74774eca] {
  border-radius: 6px;
}
.taskFormBtn .ant-btn-primary[data-v-74774eca] {
  background-color: #009cff;
}
.taskFormBtn .ant-btn-danger[data-v-74774eca] {
  color: #fff;
  background-color: #ff5353;
  border-color: #ff5353;
}
.finishTaskForm[data-v-74774eca] {
  height: calc(100vh - 90px);
}
[data-v-74774eca] .ant-form-item-label {
  text-align: left;
}

.remarkBox img {
  max-width: 500px;
}

.qaResult[data-v-28d42c7e] {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-radius: 8px;
}
.cursor[data-v-28d42c7e] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-28d42c7e] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-28d42c7e] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-28d42c7e]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-28d42c7e] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-28d42c7e] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-28d42c7e] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-28d42c7e] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-28d42c7e] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-28d42c7e] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-28d42c7e] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-28d42c7e] {
  color: #ff5454;
}
.form-teacher span[data-v-28d42c7e] {
  color: #333;
}
.form-teacher img[data-v-28d42c7e] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-28d42c7e] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-28d42c7e] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-28d42c7e] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-28d42c7e] {
  padding: 20px 0;
}
.course-info[data-v-28d42c7e] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-28d42c7e] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-28d42c7e]:hover {
  text-decoration: underline;
}
.course-type[data-v-28d42c7e] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-28d42c7e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-28d42c7e] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-28d42c7e] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-28d42c7e] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-28d42c7e] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-28d42c7e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 6px;
}
.form-desc1 p[data-v-28d42c7e] {
  max-width: 80%;
}
.form-desc2[data-v-28d42c7e] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-28d42c7e] {
  color: #ff5353;
}
.form-label[data-v-28d42c7e] {
  width: 85px;
}
.form-reason[data-v-28d42c7e] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-28d42c7e] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-28d42c7e]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-28d42c7e] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-28d42c7e] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-28d42c7e] {
  margin-bottom: 5px;
}
.concat-label[data-v-28d42c7e] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-28d42c7e]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-28d42c7e] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-28d42c7e] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-28d42c7e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-28d42c7e] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-28d42c7e] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-28d42c7e] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-28d42c7e] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-28d42c7e]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-28d42c7e] {
  color: #43d186;
}
.explainTC[data-v-28d42c7e] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-28d42c7e] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-28d42c7e] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-28d42c7e] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.cursor[data-v-ef9272b0] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-ef9272b0] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-ef9272b0] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-ef9272b0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-ef9272b0] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-ef9272b0] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-ef9272b0] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-ef9272b0] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-ef9272b0] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-ef9272b0] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-ef9272b0] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-ef9272b0] {
  color: #ff5454;
}
.form-teacher span[data-v-ef9272b0] {
  color: #333;
}
.form-teacher img[data-v-ef9272b0] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-ef9272b0] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-ef9272b0] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-ef9272b0] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-ef9272b0] {
  padding: 20px 0;
}
.course-info[data-v-ef9272b0] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-ef9272b0] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-ef9272b0]:hover {
  text-decoration: underline;
}
.course-type[data-v-ef9272b0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-ef9272b0] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-ef9272b0] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-ef9272b0] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-ef9272b0] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-ef9272b0] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-ef9272b0]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-ef9272b0]:hover {
  opacity: 0.5;
}
.student-item[data-v-ef9272b0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-ef9272b0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-ef9272b0] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-ef9272b0] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-ef9272b0] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-ef9272b0] {
  margin-bottom: 6px;
}
.form-desc2[data-v-ef9272b0] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-ef9272b0] {
  color: #ff5353;
}
.form-label[data-v-ef9272b0] {
  width: 85px;
}
.form-reason[data-v-ef9272b0] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-ef9272b0] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-ef9272b0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-ef9272b0] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-ef9272b0] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-ef9272b0] {
  margin-bottom: 5px;
}
.concat-label[data-v-ef9272b0] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-ef9272b0]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-ef9272b0] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-ef9272b0] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-ef9272b0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-ef9272b0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-ef9272b0] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-ef9272b0] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-ef9272b0] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-ef9272b0]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-ef9272b0] {
  color: #43d186;
}

.cursor[data-v-9727f9e0] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-9727f9e0] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-9727f9e0] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-9727f9e0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-9727f9e0] {
  border-bottom: 1px solid #eee;
}
.form-name span[data-v-9727f9e0] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-9727f9e0] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-9727f9e0] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-9727f9e0] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-9727f9e0] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-9727f9e0] {
  color: #ff5454;
}
.form-teacher span[data-v-9727f9e0] {
  color: #333;
}
.form-teacher img[data-v-9727f9e0] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-9727f9e0] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-9727f9e0] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-9727f9e0] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-9727f9e0] {
  padding: 20px 0;
}
.course-info[data-v-9727f9e0] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
  position: relative;
}
.course-name[data-v-9727f9e0] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-9727f9e0]:hover {
  text-decoration: underline;
}
.course-type[data-v-9727f9e0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-9727f9e0] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-9727f9e0] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-9727f9e0] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-9727f9e0] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-9727f9e0] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-9727f9e0]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-9727f9e0]:hover {
  opacity: 0.5;
}
.student-item[data-v-9727f9e0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-9727f9e0] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-9727f9e0] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-9727f9e0] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-9727f9e0] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.form-desc1[data-v-9727f9e0] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.form-desc1 p[data-v-9727f9e0] {
  margin-left: 8px;
}
.reportPhase[data-v-9727f9e0] {
  display: -ms-flexbox;
  display: flex;
}
.red-icon[data-v-9727f9e0] {
  color: #ff5353;
}
.form-label[data-v-9727f9e0] {
  width: 130px;
  padding-right: 5px;
  text-align: right;
}
.form-reason[data-v-9727f9e0] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-9727f9e0] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-9727f9e0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-9727f9e0] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-9727f9e0] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  cursor: pointer;
}
.concat-item[data-v-9727f9e0] {
  margin-bottom: 5px;
}
.concat-label[data-v-9727f9e0] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-9727f9e0]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-9727f9e0] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.icon-starlight[data-v-9727f9e0] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAFjUlEQVRYw81ZbYiUVRR+zjvjJioSaUpFLLa5285iWOnsomJSCRa1Rh9EhiAERWXZh2ubGGxYCUpIhtQv7Ud/jagfBimEVBhCgqbErq75sUv0gWKirc49Tz92Zt5773vfmWlnaHdheId33/ue5zznnOece0fQ4D+e6N4AsgeC80Bmndz+xd5Gvl8aC/aRl0HssF5/FVF2ibR8fqhRNqKGgR1+eiaId727TdDCjkaS0jDAuHzpVQDTA650cbB7+YQCzL+emQ7IS+F/KmB048Ri+MLFF0Be7yEdBQsCapZx4MGuCQGYp9ZMBuU1B6gNlgpAAXLjxGC4cP5ZkLPL4Sfda9mBwsM8+cC8cQVM9mUh2hMziyKbRVZLDI86ILimvePL8MnDq6DaPArIFD/0gDqsP8WB+1rGBTBJgRZ645B7QO08Rhl0BgWzYVw6HU92PwZT2BMDg3dlnCaqgJScwggyk2+TO74Z/t8Y5m+rp6JQeKucr/TYtFlXEzMMAjTXwVzuJZ+b1FCGyb4sBo/OAa61QtEGmlYIWkG0guYWl8kUdksgE98VgBiAp0AdgKAfin4I+pEtDKB95VmRPk0FTD6ZweDIChBLQbZDpA3EHICT3PykFVrGzEox7GWlCOR1yRmxnKL1TrUcEv4D4ASo/YAcB3kA85/YL9KnwsHuNii+BNma7FT0GCwZsDS3EpsloGmgaUth8erbikk4BmYezUK5G0Q62JBx1SSTfqExzbjHprM+FJ2y/Q5AP82CuDM4A/gLxAph2kvtHKUXGZ/VYK5XsQ/OjyDyY7HKRoVfjWtcCEcNoC4r5Vmh+FGbaS0Z8lJIw5rt2NeAfT0cQdgL6IgrRzYAYwE08RUhhhLtOHbA6XwayO9AhGz7IEG8E0nLV4egWANQXdYY6FhW19IAANup1PV2dIwbqUr2ibdl4eC+sg6zf8UaUHeBFEeqBF5R2ZWeImvUWKrSFEV8WfMYt+2LbpEFZzYmGgf7lz8Po58k2KhJtiz24UsUrPz3lcOStVAkRLbKwl/fTO10/OX+V0D9MPFSX55q1uIUJyUgh0nd/0DyZ9dXbc08fm8PwK2pmuuwazNoFYxYg48zK6dJoZffUbRdFp5+vfZZ4vjSTaDZXDElEgymdLbg3MEKXQ07JH9m3X8eL/nzos0AN7n5Fyg0Seloac76hSbOMzslf27tmOdhHuvcBqPrE8z56eGoSkr+V3JoFPTH0jn0Yt0DPI8sOAJgnquNXl76OZk6I3ipEr/zAPJDy0SElbBka5yaby43Cl+yStObf88Bn3LfTi9wSjWwNQHm0c7Z0KszghVdiUmEitFntxQtAGA7SakGuvoWSa91xPLmDyuBe6G5AcWtEgPPxN+n4uBNzfXv6cTkrNOb0r4sRZeZnPZsh6CBcwvrGTG5+gEb5pxCqcQwvFHRHmr8QT+xXgFlR905DLAjuNVBYCAKFVvVzaj9TCFXP2CaXE2dzp9na9pNe10PrA8wf7rrRuDKzGIVu9VeiwNVJz0ftOSqKUXlHJYrHXHhmGTlJ5ShXGjqnGLaWyikrSdAMw3f3XBrHUWnubhhsLIsxWfBXyOTmY9IFgP8IXlA6Jy1JdfLSMfYc1jRnhzEUwpNcBiR9Eh+eL/1hsU8OOtx0GyB6txgoflFzCgHYO9YGZ4VPo10tPg0omg18kP3SH5ofyKrun7fg655OQjWgvpHUpstfR49+G4ee0rQXEk/RsUFgBswY0qb5M99VqlQRL4tyKLzO4GmFoi8B+jl1M2nVMYUVUmJfcldBK8Cuh3TpEU6h7fJ3BMjNZ88Lvnzb1l8cRMitkJ0F2DU2YmDgNHvxzxekhQcan4f0FUgLoHci6amj+TuU6cb8nPZgaYcgPVQ8xCAyRDuxlJ9QwSatuZfjk8vku5yPS4AAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
.icon-star[data-v-9727f9e0] {
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAACo1BMVEUAAAD///////////+/v7/////MzMy2trbf39/o6OixsbHt7e24uLjm5ubCwsLIyMjOzs6qqqqqqqrDw8O1tbWvr6/T09O/v7/j4+Pe3t6kpKSwsLDX19fd3d3b29uwsLC/v7/FxcWvr6+0tLTHx8fAwMDe3t6kpKTg4OCsrKzd3d3d3d2srKzc3Nyenp6xsbG6urre3t7a2trX19e+vr7IyMipqane3t7Gxsbe3t7V1dXd3d2ioqKqqqqzs7PR0dHf39/f39+2trbQ0NDBwcHOzs6mpqbe3t61tbW1tbW1tbXd3d3MzMyysrK0tLSysrK0tLSbm5vIyMizs7Ofn5/MzMy7u7ufn5+zs7Ozs7PExMTd3d3Q0NCioqKenp6oqKi5ubnU1NS7u7vBwcHY2Nje3t7IyMixsbHd3d3c3Nzc3NyxsbHCwsK3t7e6urqvr6/e3t7e3t6mpqaxsbHZ2dmxsbHIyMjBwcG8vLy0tLTb29ve3t6rq6vd3d3JycmysrLe3t6zs7Pa2tqdnZ3e3t6oqKjAwMDd3d3IyMiysrLe3t6dnZ3d3d2mpqavr6+5ubne3t6jo6PBwcHPz8/c3NyysrLd3d3d3d3KysrR0dGgoKCwsLDb29u3t7fW1tbZ2dmdnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d0JkqNqAAAAoHRSTlMAAQIDBAQFBwgLDQ4SFBUXGhseHh8gIyQlJyotLTU4OkBCQ0RERUVJSUpLUlNYWVxcXmBnampra2xtbnJzdXV1dnd7fIODhISGh4mJi4yMjo6PkJGSkpOUlJaWmJmdnp+gpamtsrK2t72+v8HBw8TFxsfJy8vO0tPU1dbZ2trc4ODh5Ojo6uvr7O/v8PHz9PT09ff4+Pn5+vz8/f39/v7+T4MNpwAAAphJREFUOMuNldtLFFEcx7/rrGFUpqtuuinokgQSFL3kDbK8tQYl1VMEQRd66J+pHpKCMuoliijRLhA99FJo4UPsgxpu2npJEYWeivL77eHMmZnd2dSBhf2c853ffM/vMuOgwNVxrXV5BVu7WmZmZm7XFdgoCi/tOgug71wBcSS81HsHANQ7tYXIOzoBQOraSuRjgwBE6Pj3TSOXdAISQfVsbuPgBVAUpdbazcTFKQiiRLZ0byY+cJGkQElsjm8sjqQoicZIW8/G4qbLxjElikfKNhJvT5mzCaSk9u5thfJcXBErry+tOQ8KEgUClPRp4cdKdm1tVa7Y2d+QiNemQEiSzOEgBRif51dmZ6cZqbl01ZQXNBuSf1MOvxl0rlw3Wrvkh8znZDRa70lhlyEW5IboBLxnmdqZXyHOOEvxRoECTSBI+A9n7zs/s/F69zRuU3ing4KMgXEHy3PVdQzYA6FCfOMtHGBx7oyE3BwwxLdeAw6AxfFTfjFo77NsvA+MwIiRTfcZa8Y4aLPl8d0hWDFmJ3u8FASrZ73cew5fjG/T3e62AtW0/PApgmJk5o/aioEmsMePHiNXjKmyprycwOVXg1YT9To7Rtk2892CQolC4t0dwXYDfNobUf5YxWSHz7wICNJwsjI0g3tsH9BMofkvSKwM2UgyJ20KjEk4csyNR5Gmeh4nQ5ETgZ63yXa5Il9c2kbIFsPrb8NeOoo8F1o3MwRKC2SAE+V5kSsJv3zDI9H+jgBXreaKk/7L4v2zDHDzXf8hr/2qJnPFO22YsRdfBADpicOn97nVrM6zYbqR6Zejv92Vv2Pp9pNVIiQnv+u6JGSePPi67r80/0yPFtVEIQ0v5X6tIieaf6U/hr/Bia7Gkg9DNPAPz401vskTuHoAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  margin-right: 5px;
}
[data-v-9727f9e0] .ant-form label {
  font-size: 16px !important;
}
.study-wrap[data-v-9727f9e0] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin: 15px 0;
  border-radius: 5px;
}
.study-txt[data-v-9727f9e0] {
  font-size: 14px;
  margin-top: 10px;
}
.study-top[data-v-9727f9e0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.study-btnWrap[data-v-9727f9e0] {
  font-size: 14px;
  color: #009cff;
}
.download-poster[data-v-9727f9e0] {
  margin-right: 15px;
  cursor: pointer;
}
.send-group[data-v-9727f9e0] {
  cursor: pointer;
}
.class-name[data-v-9727f9e0] {
  color: #333;
  font-size: 16px;
  margin-bottom: 8px;
}
.task-txt[data-v-9727f9e0] {
  font-size: 14px;
}
.playCourse[data-v-9727f9e0] {
  background-color: #fff;
  color: #009cff;
  padding: 4px 8px;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 10px;
}
.classAdmin .title[data-v-9727f9e0]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-9727f9e0] {
  color: #43d186;
}
.explainTC[data-v-9727f9e0] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-9727f9e0] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-9727f9e0] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-9727f9e0] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-9727f9e0] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.change-desc[data-v-9727f9e0] {
  font-size: 14px;
  margin-bottom: 12px;
}

.cursor[data-v-7f54360e] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-7f54360e] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-7f54360e] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-7f54360e]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-7f54360e] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-7f54360e] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-7f54360e] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-7f54360e] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-7f54360e] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-7f54360e] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-7f54360e] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-7f54360e] {
  color: #ff5454;
}
.form-teacher span[data-v-7f54360e] {
  color: #333;
}
.form-teacher img[data-v-7f54360e] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-7f54360e] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-7f54360e] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-7f54360e] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-7f54360e] {
  padding: 20px 0;
}
.course-info[data-v-7f54360e] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-7f54360e] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-7f54360e]:hover {
  text-decoration: underline;
}
.course-type[data-v-7f54360e] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-7f54360e] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-7f54360e] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-7f54360e] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-7f54360e] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-7f54360e] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-7f54360e]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-7f54360e]:hover {
  opacity: 0.5;
}
.student-item[data-v-7f54360e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-7f54360e] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-7f54360e] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-7f54360e] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-7f54360e] {
  color: #333;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
}
.form-desc1[data-v-7f54360e] {
  margin-bottom: 6px;
}
.form-desc2[data-v-7f54360e] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-7f54360e] {
  color: #ff5353;
}
.form-label[data-v-7f54360e] {
  width: 85px;
}
.form-reason[data-v-7f54360e] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-7f54360e] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-7f54360e]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-7f54360e] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-7f54360e] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-7f54360e] {
  margin-bottom: 5px;
}
.concat-label[data-v-7f54360e] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-7f54360e]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-7f54360e] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-7f54360e] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-7f54360e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-7f54360e] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-7f54360e] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-7f54360e] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-7f54360e] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-7f54360e]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-7f54360e] {
  color: #43d186;
}
.explainTC[data-v-7f54360e] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-7f54360e] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-7f54360e] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-7f54360e] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.cursor[data-v-482d97ed] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-482d97ed] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-482d97ed] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-482d97ed]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-482d97ed] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-482d97ed] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
}
.form-name span[data-v-482d97ed] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-482d97ed] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-482d97ed] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-482d97ed] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-482d97ed] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-482d97ed] {
  color: #ff5454;
}
.form-teacher span[data-v-482d97ed] {
  color: #333;
}
.form-teacher img[data-v-482d97ed] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-482d97ed] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-482d97ed] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-482d97ed] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
  cursor: pointer;
}
.courseInfo[data-v-482d97ed] {
  padding: 20px 0;
}
.course-info[data-v-482d97ed] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-482d97ed] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-482d97ed]:hover {
  text-decoration: underline;
}
.course-type[data-v-482d97ed] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.carousel-main[data-v-482d97ed] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-482d97ed] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-482d97ed] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-482d97ed] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-482d97ed] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-482d97ed]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-482d97ed]:hover {
  opacity: 0.5;
}
.student-item[data-v-482d97ed] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.student-item p[data-v-482d97ed] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-482d97ed] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-482d97ed] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-desc1[data-v-482d97ed] {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
}
.form-desc1 p[data-v-482d97ed] {
  margin-left: 8px;
}
.red-icon[data-v-482d97ed] {
  color: #ff5353;
}
.form-label[data-v-482d97ed] {
  width: 105px;
  text-align: right;
}
.form-reason[data-v-482d97ed] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-482d97ed] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-482d97ed]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-482d97ed] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.student-item[data-v-482d97ed] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-482d97ed] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-482d97ed] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-482d97ed] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-482d97ed] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-482d97ed]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-482d97ed] {
  color: #43d186;
}

.cursor[data-v-30e63e1f] {
  cursor: pointer;
  color: #009cff !important;
}
.classAdmin .cursor[data-v-30e63e1f] {
  cursor: pointer;
  color: #43d186 !important;
}
.title[data-v-30e63e1f] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-30e63e1f]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-30e63e1f] {
  border-bottom: 1px solid #eee;
}
.form-name[data-v-30e63e1f] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.form-name span[data-v-30e63e1f] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-30e63e1f] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-30e63e1f] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-30e63e1f] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-30e63e1f] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-30e63e1f] {
  color: #ff5454;
}
.form-teacher span[data-v-30e63e1f] {
  color: #333;
}
.form-teacher img[data-v-30e63e1f] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.form-des[data-v-30e63e1f] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-imgs[data-v-30e63e1f] {
  margin-bottom: 20px;
}
.form-imgs img[data-v-30e63e1f] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.courseInfo[data-v-30e63e1f] {
  padding: 20px 0;
}
.course-info[data-v-30e63e1f] {
  padding: 20px 16px;
  background: linear-gradient(180deg, #ecf7ff 0%, #f7fcff 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}
.course-name[data-v-30e63e1f] {
  font-size: 16px;
  font-weight: 600;
  color: #009cff;
  line-height: 22px;
  margin-bottom: 10px;
}
.course-info a[data-v-30e63e1f]:hover {
  text-decoration: underline;
}
.course-type[data-v-30e63e1f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 10px;
}
.student-item[data-v-30e63e1f] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.student-item p[data-v-30e63e1f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-30e63e1f] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-30e63e1f] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.form-desc[data-v-30e63e1f] {
  color: #333;
  font-size: 16px;
}
.form-desc1[data-v-30e63e1f] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 6px;
}
.form-desc1[data-v-30e63e1f] .content {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.form-desc1[data-v-30e63e1f] .content .el-image {
  width: 72px;
  height: 72px;
}
.form-desc1 p[data-v-30e63e1f] {
  max-width: 80%;
}
.form-desc2[data-v-30e63e1f] {
  margin-bottom: 20px;
  padding-left: 8px;
}
.red-icon[data-v-30e63e1f] {
  color: #ff5353;
}
.form-label[data-v-30e63e1f] {
  width: 85px;
}
.form-reason[data-v-30e63e1f] {
  -ms-flex: 1;
      flex: 1;
}
.title[data-v-30e63e1f] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-30e63e1f]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.concat-wrap[data-v-30e63e1f] {
  padding-top: 20px;
  margin-bottom: 20px;
}
.concat-con[data-v-30e63e1f] {
  border: 1px solid #eeeeee;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.concat-item[data-v-30e63e1f] {
  margin-bottom: 5px;
}
.concat-label[data-v-30e63e1f] {
  color: #666;
  font-size: 13px;
  border-left: 1px solid #dddddd;
  padding: 0 10px;
  display: inline-block;
}
.concat-label[data-v-30e63e1f]:first-child {
  padding: 0 10px 0 0;
  border-left: 0;
}
.bot-border[data-v-30e63e1f] {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.class-item[data-v-30e63e1f] {
  font-size: 14px;
  margin-bottom: 4px;
}
.student-item[data-v-30e63e1f] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 20px;
}
.student-item p[data-v-30e63e1f] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-30e63e1f] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-30e63e1f] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.student-wrap[data-v-30e63e1f] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.classAdmin .title[data-v-30e63e1f]::before {
  background-color: #43d186;
}
.classAdmin .course-name[data-v-30e63e1f] {
  color: #43d186;
}
.explainTC[data-v-30e63e1f] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-30e63e1f] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-titleTxt[data-v-30e63e1f] {
  font-size: 18px;
  font-weight: 600;
}
.task-explain[data-v-30e63e1f] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.title[data-v-140dde4a] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-140dde4a]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #43d186;
  border-radius: 0px 6px 6px 0px;
}
.task-form[data-v-140dde4a] {
  border-bottom: 1px solid #eee;
}
.form-name span[data-v-140dde4a] {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 0 10px;
}
.pending-status[data-v-140dde4a] {
  color: #ffbf00;
  background-color: rgba(255, 191, 0, 0.09);
}
.success-status[data-v-140dde4a] {
  color: #00cf64;
  background-color: rgba(0, 207, 100, 0.09);
}
.refuse-status[data-v-140dde4a] {
  color: #ff5353;
  background-color: rgba(255, 83, 83, 0.09);
}
.form-teacher[data-v-140dde4a] {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px;
}
.form-teacher .dueDate[data-v-140dde4a] {
  color: #ff5454;
}
.form-teacher span[data-v-140dde4a] {
  color: #333;
}
.form-teacher img[data-v-140dde4a] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.student-item[data-v-140dde4a] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.student-item p[data-v-140dde4a] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.student-item img[data-v-140dde4a] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 7px;
}
.student-item .student-name[data-v-140dde4a] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-wrap[data-v-140dde4a] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.explainTC[data-v-140dde4a] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFnElEQVRYR81ZXYhVVRRe69z5uxjYFPQj9JIWCElQGUkPqUNhREWRo2TduM7svTELy8yHMLXEHtJ+EWPvPeOlQctGKyvqwcgrEUmaFSSCYz4VUwpyI7XR+dkr1mWf4Xh/zjl3GGL2w713zl57re+s/7UHYYJLaz0TER8motsRcQYAzCAi/gZEHASAQSIaRMSjRPSZUurURERhI4f6+vquGRoaegYAHgGAWxo5CwDHAODTbDa7LZfLnUl7NhXAvr6+aZcuXVrjnFsDAFekZV6H7nwQBFtbW1u35nK5C0m8EgFaax8lou1EdG0lM0QkAPgRAAYA4E82qTcxm/p6ALgZAO4goio5iHgaEZ8WQnwSB7IuQGba09Oznog21BBQDIJgd1NT0+f5fP6vOAGFQuG60dHRh5xzSwFgQZTWv+BGIcQm/7uKVU2A/f392VKp9D4ALK5geBQR1wohDiSZpta+tXYhEb3OgVWxv6e9vf2pzs7OoSorVT5gbRljPqoAN4KIzwkh3qv3pmkBM39r7QoiehsAmiPn9kgpl1Tyr9KgtXaDc25j5ODZIAgeE0IcTAsiDZ21dr5zbi8AXB3SI+IGKeWrl1kt+ocPiL0Rnzvb0tIyL5/Pn6wn1FrLwfMsES0iohsBoBUATiDicQD4WAixr57WC4XCTcPDw4dCkEyHiKyM8cAZ1yCnkosXL56KROtIEAT3xWlOa70YEQtENK3eCyDiV5lMZmlXV9e5On7Jmtwfmpuju62tbWaYgsYBVpoWEVdKKbfXE9zT07NobGzsSwAIkkyKiL1Syu4YK6x0zm0L94Mg4Mh+pZyy+MNXCC5F5STM5UkIMTcuIIwxx4lotqe/gIjrgiD4DgDOOefmOudeA4AbIkLZGl/XAukD50gkus9ns1nW4pkyQK01O+bLEWYdcamkt7d33ujo6Pce3BgR3a2U+iEqXGvNiZoTeFh5diqlnozR4kLn3DeR/U1KqfUhwF/D2oqIB6SUHXFmi74Q+5iU8oFa9FprdpEVfu9npdRtCXw5v4bJ/JhSag5yVwIAv0VCXUopbRwjY8x+IrrX06xTSm2uRW+M4eh+N3QDKWVsHTfGCCIyEV6zOCmvJqI3PBNqbm6ekVS+jDEniWgW+ygRdSilinUi9CXnXBk8Iv4hpRz3yVr0XBZHRka4TStbFhFfYA3uAoDH/YMjUso7k6Iy7b4x5hAR3eXpv1VK3ZN01hhzmIjmeroPWINFIprvAe6SUj6RxCTNvrU255zjeh6uVUqpsrkT3GcnES3zeA4ywBNExG0Rq3SrlPLFJCZJ+z5H7vNVhfme5iqjlPo36awxZgsRcd/J5wbYxJzhQ+ddrZR6K4lJ3L7WegFHNhG1ebrzmUymo7u7+3Aavlrr5wHgzfDspAK01s52znFtne4F/IOI90spyzkzzaoCOFkmLhaLTQMDAz8BwBxvnuFMJjO/q6uLAadeVSaerCCx1i5xzu0OkXD/KKV8JzUyT2iMuTxIJivNGGM+JCJu63mVq0Cj4Ji+VpppOFHXElzBeItSam2jAOsl6oZLXS3BWutfAOBW3guCQAkhoiUrFVZrrXTO6QjxrKpmAQCKSqmFqThOMpHWurpZYBmNtlv1cO3YsaNca5cvX/57o9h54qvbbk2kYa0EYIzZRETrvIk3CyHKv9OsxIaVmTTa8kcFa62nI2Ip0oVwV3RVPp//Ow1Aa218y89MJjI0hcL7+/tbSqUSg8n6Z0Pt7e1XdnZ2DicB9ONn8tDktcj3MA2NnSEAY8wyIionZkRcJaXkNi52NTR2RgTxfUx5ovIr9eBOROUJDxFdErgJDe7MdMpffTDIKX15FJom7vqNJz8A2N3c3PxF0vziy9eDALCUiC4rABO+fov6z5S9wIyCnNJXwBVAp+Yleq2U8X/9G+I/ViyPdlgY21IAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-right: 5px;
}
.task-explainTitleTC[data-v-140dde4a] {
  padding-bottom: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.task-explain[data-v-140dde4a] {
  color: #2eaaf9;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.form-name[data-v-140dde4a] {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.finishTaskConfirm .finishTask-title {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 24px;
  margin-bottom: 24px;
  text-align: center;
}
.finishTaskConfirm .finishTask-title i {
  line-height: 24px;
  font-size: 18px;
  color: #009cff;
  margin-right: 10px;
}
.finishTaskConfirm .finishTask {
  font-size: 14px;
  line-height: 22px;
  color: #1d2129;
}
.finishTaskConfirm .ant-modal-content {
  border-radius: 4px;
}
.finishTaskConfirm .ant-modal-footer {
  border-top: none;
}
.finishTaskConfirm .ant-modal-footer div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.finishTaskConfirm .ant-modal-footer .ant-btn-primary {
  background-color: #29b4ff;
}
.poster-dialog .ant-modal-content {
  border-radius: 30px !important;
}
.poster-dialog .ant-modal-body {
  max-height: 800px;
  overflow-y: auto;
}


.task-info[data-v-112a081a] {
  height: calc(100vh - 130px);
}
.task-info .task-type[data-v-112a081a] {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
}
.task-info .task-type span[data-v-112a081a] {
  padding: 2px 10px;
  background-color: #f7f7f7;
  border-radius: 6px;
  margin-right: 10px;
}
.taskbtn[data-v-112a081a] {
  width: 800px !important;
  left: 50%;
  bottom: 0px !important;
  margin-left: -355px;
}
.taskFormBtn[data-v-112a081a] {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 700px;
  border-top: 1px solid #e9e9e9;
  background-color: #fff;
  padding: 10px 16px;
  background: '#fff';
  text-align: right;
  z-index: 1;
}
.taskFormBtn img[data-v-112a081a] {
  margin: 0 10px 0 0;
}
.ant-btn-primary[data-v-112a081a] {
  background-color: #009cff;
}
.processing-records[data-v-112a081a] {
  /* height: calc(100vh - 520px);
  overflow-y: auto; */
  border-top: 1px solid #e9e9e9;
  padding: 20px 0 0;
  padding-bottom: 50px;
}
.handler-records[data-v-112a081a] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 20px;
}
.handler-records p[data-v-112a081a] {
  margin: 0;
}
.handler-img[data-v-112a081a] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.line[data-v-112a081a] {
  width: 0;
  height: 100%;
  border-left: 1px solid #eee;
  margin: auto;
}
.handlering[data-v-112a081a] {
  border: 1px solid #009cff;
}
.handler-info[data-v-112a081a] {
  width: 93%;
  margin-left: 10px;
}
.handler-teacher[data-v-112a081a] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 16px;
  color: #999;
  margin-bottom: 10px;
}
.teacher-list[data-v-112a081a] {
  width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.transfer[data-v-112a081a] {
  margin: 0 10px;
  color: #999 !important;
}
.teacher-list p[data-v-112a081a] {
  display: inline-block;
  max-width: 57%;
  line-height: 22px;
  color: #333;
}
.teacher-list p span[data-v-112a081a] {
  color: #009cff;
}
.teacher-name[data-v-112a081a] {
  max-width: 94%;
}
.handler-status[data-v-112a081a] {
  font-size: 14px;
  color: #999;
  padding: 2px 10px;
  border-radius: 6px;
}
.title[data-v-112a081a] {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.title[data-v-112a081a]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 4px;
  height: 20px;
  background-color: #009cff;
  border-radius: 0px 6px 6px 0px;
}
.carousel-main[data-v-112a081a] {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls[data-v-112a081a] {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img[data-v-112a081a] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide[data-v-112a081a] {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-112a081a] {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-112a081a]:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow[data-v-112a081a]:hover {
  opacity: 0.5;
}
.poster-wrap[data-v-112a081a] {
  width: 455px;
}
.poster-btn[data-v-112a081a] {
  width: 150px;
  height: 46px;

  border-radius: 10px;
  cursor: pointer;
  border: none;
}
.downloadBtn[data-v-112a081a] {
  background: #009cff;
  margin-left: 35px;
  color: #fff;
}
.certificateWrapper[data-v-112a081a] {
  position: relative;
  width: 595px;
  height: 842px;
  right: -1000000px;
  overflow: hidden;
}
.certificateWrapperCN[data-v-112a081a] {
  position: relative;
  width: 842px;
  height: 595px;
  right: -1000000px;
  overflow: hidden;
}
.certificateWrapperTC[data-v-112a081a] {
  position: relative;
  width: 595px;
  height: 842px;
  right: 0px;
}
.certificateWrapperCNTC[data-v-112a081a] {
  position: relative;
  width: 842px;
  height: 595px;
  right: 0px;
}
.classAdmin .ant-btn-primary[data-v-112a081a] {
  background-color: #43d186;
}
.classAdmin .title[data-v-112a081a]::before {
  background-color: #43d186;
}
.classAdmin .handler-one .handlering[data-v-112a081a] {
  border: 1px solid #00ff40;
}
.studyReportTemplateTC[data-v-112a081a] {
  position: relative;
  z-index: 23;
  right: 0px;
  width: 375px;
  background: transparent;
}
.studyReportTemplate2TC[data-v-112a081a] {
  position: relative;
  z-index: 23;
  right: 0px;
  width: 375px;
  background: transparent;
}
.studyReportTemplate[data-v-112a081a] {
  position: relative;
  z-index: 23;
  right: 0px;
  width: 375px;
  background: transparent;
}
.studyReportTemplate2[data-v-112a081a] {
  position: relative;
  z-index: 23;
  right: 0px;
  width: 375px;
  background: transparent;
}
.modal-height[data-v-112a081a] {
  height: 508px;
  overflow-y: auto;
}
.studyReportTemplate[data-v-112a081a] {
  position: fixed;
  z-index: 23;
  right: -100000px;
  width: 375px;
  background: transparent;
}
.studyReportTemplate2[data-v-112a081a] {
  position: fixed;
  z-index: 23;
  right: -100000px;
  width: 375px;
  background: transparent;
}

.ie-loading-mask {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-loading-ip {
  width: 24.6913580247vmin;
  z-index: 100;
  height: 24.6913580247vmin;
}

.ie-btn- {
  position: relative;
  color: #fff;
  border: 0;
  cursor: pointer;
  font-weight: bold;
  font-family: inherit;
  transition: transform 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-btn-:disabled {
  background: #dddddd;
  box-shadow: 0 0.3703703704vmin 0 #c6c6c6;
  cursor: not-allowed;
}
@media (hover: hover) {
  .ie-btn-:not(:disabled):hover {
    transform: scale(1.03);
  }
}
.ie-btn-:active {
  transform: scale(0.96);
}
.ie-btn-green {
  background: #00cf64;
  box-shadow: 0px 0.3703703704vmin 0px #36b172;
}
.ie-btn-blue {
  background: #10c3f9;
  box-shadow: 0px 0.3703703704vmin 0px #03a8da;
}
.ie-btn-orange {
  background: #ffbf00;
  box-shadow: 0px 0.3703703704vmin 0px #e5ac00;
}
.ie-btn-darkOrange {
  background: #ff8d00;
  box-shadow: 0px 0.2777777778vmin 0px #eb8200;
}
.ie-btn-m {
  font-size: 3.7037037037vmin;
  min-width: 23.1481481481vmin;
  height: 8.3333333333vmin;
  border-radius: 4.1666666667vmin;
  padding: 0 4.1666666667vmin;
}
.ie-btn-reflection {
  position: absolute;
  width: 2.5vmin;
  height: 2.1296296296vmin;
  top: 0.9259259259vmin;
  left: 1.6666666667vmin;
}

.rc-tooltip {
  z-index: 9 !important;
}

.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}

.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 2.037037037vmin;
  line-height: 1.5;
  opacity: 0.9;
}

.rc-tooltip-hidden {
  display: none;
}

.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 0.462962963vmin 0 0.8333333333vmin 0;
}

.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 0.462962963vmin 0 0.8333333333vmin;
}

.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 0.8333333333vmin 0 0.462962963vmin 0;
}

.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 0.8333333333vmin 0 0.462962963vmin;
}

.rc-tooltip-inner {
  padding: 1.4814814815vmin 1.975308642vmin;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1.7283950617vmin;
  font-size: 2.4691358025vmin;
  line-height: 3.7037037037vmin;
}
@media (max-height: 500px) {
  .rc-tooltip-inner {
    font-size: 3.7037037037vmin;
    line-height: 5.4320987654vmin;
  }
}

.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: -0.462962963vmin;
  margin-left: -1.2962962963vmin;
  border-width: 1.2962962963vmin 1.2962962963vmin 0;
  border-top-color: rgba(0, 0, 0, 0.5);
}

.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}

.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}

.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: -0.462962963vmin;
  margin-top: -1.2962962963vmin;
  border-width: 1.2962962963vmin 1.2962962963vmin 1.2962962963vmin 0;
  border-right-color: rgba(0, 0, 0, 0.5);
}

.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: -0.462962963vmin;
  margin-top: -1.2962962963vmin;
  border-width: 1.2962962963vmin 0 1.2962962963vmin 1.2962962963vmin;
  border-left-color: rgba(0, 0, 0, 0.5);
}

.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}

.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: -0.462962963vmin;
  margin-left: -1.2962962963vmin;
  border-width: 0 1.2962962963vmin 1.2962962963vmin;
  border-bottom-color: rgba(0, 0, 0, 0.5);
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.ie-withIframe- {
  position: relative;
  padding-top: 56.25%;
}
.ie-withIframe-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  border: 0;
}

.ie-layout-box {
  width: 100%;
  height: 100%;
  cursor: default;
}
.ie-layout-container {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 311.1111111111vmin;
  margin: 0 auto;
  background-size: 100% 100%;
  background-position: left top;
}
.ie-layout-left-background, .ie-layout-right-background {
  position: absolute;
  top: 0;
  bottom: 0;
  background-size: auto 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-layout-left-background {
  left: 0;
  right: 50%;
  background-position: left top;
}
.ie-layout-right-background {
  right: 0;
  left: 50%;
  background-position: right top;
}
.ie-layout-header {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 11;
  display: -ms-flexbox;
  display: flex;
  box-sizing: content-box;
  -ms-flex-align: center;
      align-items: center;
  padding: 2.7777777778vmin;
  height: 9.2592592593vmin;
}
.ie-layout-back {
  cursor: pointer;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 9.2592592593vmin;
  height: 9.2592592593vmin;
  margin-right: 4.6296296296vmin;
}
.ie-layout-title-bar {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  height: 9.2592592593vmin;
}
.ie-layout-test-wukong {
  position: absolute;
  width: 18.5185185185vmin;
  top: -16.6666666667vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-layout-test-tip {
  font-size: 2.4074074074vmin;
  color: #999;
}
.ie-layout-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 4.6296296296vmin;
  width: 12.962962963vmin;
}
.ie-layout-exam-time {
  width: 13.1481481481vmin;
  height: 6.4814814815vmin;
  background: #ffbf00;
  border-radius: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
  font-size: 2.962962963vmin;
  margin-left: 1.1111111111vmin;
}
@media (max-height: 500px) {
  .ie-layout-exam-time {
    width: 15.9259259259vmin;
    height: 7.5925925926vmin;
    font-size: 3.8888888889vmin;
    margin-right: 0.7407407407vmin;
  }
}
.ie-layout-body {
  height: 100%;
}
.ie-layout-content {
  position: relative;
  z-index: 10;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  padding-top: 14.8148148148vmin;
  padding-bottom: 3.7037037037vmin;
}
.ie-layout-tag {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-main {
  margin: 0 auto;
  width: 86%;
  max-width: 152.7777777778vmin;
}
.ie-layout-main-column {
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-layout-main-has-controls {
  width: 79.6875%;
  max-width: 142.4074074074vmin;
  box-sizing: content-box;
  padding-right: 2.7777777778vmin;
}
.ie-layout-controls {
  position: absolute;
  right: 3.7037037037vmin;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 12.037037037vmin;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-controls-row {
  position: relative;
  width: 100%;
}
.ie-layout-crying-wukong {
  position: absolute;
  width: 50%;
  left: 50%;
  bottom: 100%;
  margin-bottom: -2.3148148148vmin;
  transform: translateX(-50%);
}
.ie-layout-no-title .ie-layout-header {
  padding-top: 2.7777777778vmin;
  pointer-events: none;
}
.ie-layout-no-title .ie-layout-content {
  padding-top: 7.4074074074vmin;
}
.ie-layout-no-title .ie-layout-back {
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  pointer-events: auto;
}

.ie-ring-progress-wrap {
  position: relative;
  display: inline-block;
}
.ie-ring-progress-ring {
  position: absolute;
  pointer-events: none;
  z-index: 20;
}
.ie-ring-progress-ring svg {
  width: 100%;
  height: 100%;
}
.ie-ring-progress-ring svg circle {
  transform: rotateY(180deg) rotate(-90deg);
  transform-origin: center center;
}

.ie-layout-titlebar-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(136, 151, 245, 0.3);
  border-radius: 5.5555555556vmin;
  height: 9.2592592593vmin;
}
.ie-layout-titlebar-ip-container {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  margin: 0.9259259259vmin;
  overflow: hidden;
}
.ie-layout-titlebar-ip {
  display: block;
  width: 100%;
  height: 100%;
}
.ie-layout-titlebar-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 0 0.9259259259vmin;
  font-size: 3.3333333333vmin;
  line-height: 4.3518518519vmin;
  color: #ffffff;
}
.ie-layout-titlebar-audio {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 7.5925925926vmin;
  height: 7.5925925926vmin;
  margin: 0.9259259259vmin;
  cursor: pointer;
  border-radius: 50%;
}
.ie-layout-titlebar-audio svg {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ie-layout-titlebar-audio.ie-layout-titlebar-audio-disable {
  cursor: not-allowed;
}
.ie-layout-titlebar-audio-guide-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
}
.ie-layout-titlebar-audio-guide-content {
  position: fixed;
  z-index: 101;
  background: #fff;
  padding: 0.9259259259vmin;
  border-radius: 50%;
  margin-left: -1.8518518519vmin;
  margin-top: -1.8518518519vmin;
  cursor: pointer;
}
.ie-layout-titlebar-audio-guide-picture {
  position: absolute;
  left: 0;
  top: -10.2777777778vmin;
  width: 13.5185185185vmin;
  height: 10.2777777778vmin;
}
.ie-layout-titlebar-audio-guide-picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.ie-layout-titlebar-audio-guide-main {
  pointer-events: none;
  position: absolute;
  right: -13.8888888889vmin;
  bottom: -13.2407407407vmin;
  font-size: 3.7037037037vmin;
  line-height: 4.3518518519vmin;
  color: #ffffff;
  word-break: keep-all;
  white-space: nowrap;
}
.ie-layout-titlebar-audio-guide-text {
  background: #ffbf00;
  border-radius: 30px;
  padding: 2.3148148148vmin 2.7777777778vmin;
  font-weight: 300;
}
.ie-layout-titlebar-audio-guide-arrow {
  position: absolute;
  right: 17.4074074074vmin;
  width: 4.0740740741vmin;
  height: 2.2222222222vmin;
  top: -2.2222222222vmin;
}
.ie-layout-titlebar-audio-guide-arrow svg {
  width: 100%;
  height: 100%;
}

.ie-layout-back-container {
  width: 100%;
  height: 100%;
}
.ie-layout-back-icon {
  display: block;
  width: 100%;
  height: 100%;
}

.ie-layout-page-container {
  box-sizing: border-box;
  width: 12.962962963vmin;
  height: 5.5555555556vmin;
  border-radius: 2.7777777778vmin;
  background: rgba(0, 0, 0, 0.1);
  font-size: 2.7777777778vmin;
  line-height: 3.5185185185vmin;
  text-align: center;
  padding: 1.1111111111vmin 0;
  color: #ffffff;
}

.ie-modal-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1080;
  background: rgba(0, 0, 0, 0.3);
}
.ie-modal-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1080;
  cursor: default;
  white-space: pre-line;
}
.ie-modal-base-content {
  position: relative;
  min-width: 57.4074074074vmin;
}
.ie-modal-content {
  color: #999999;
  font-size: 2.4074074074vmin;
}
@media (max-height: 500px) {
  .ie-modal-content {
    font-size: 3.7037037037vmin;
  }
}
.ie-modal-title {
  font-size: 3.3333333333vmin;
  color: #333333;
  white-space: pre-wrap;
  line-height: 1.4;
  margin-bottom: 3.7037037037vmin;
}
@media (max-height: 500px) {
  .ie-modal-title {
    font-size: 4.4444444444vmin;
  }
}
.ie-modal-body {
  text-align: center;
  background: #fff;
  padding: 3.7037037037vmin;
  border-radius: 7.4074074074vmin;
}
.ie-modal-transparent {
  background: transparent;
}
.ie-modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 3.3333333333vmin;
}
.ie-modal-footer-single {
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-modal-loading {
  padding: 1.3888888889vmin 0;
}
.ie-modal-loading-icon {
  width: 11.1111111111vmin;
  height: 11.1111111111vmin;
  animation: ie-modal-rotate 1.2s linear infinite;
}
.ie-modal-loading-tips {
  margin-top: 3.7037037037vmin;
  white-space: pre-wrap;
  font-size: 3.3333333333vmin;
  color: #333;
}
.ie-modal-loading-mini .ie-modal-base-content {
  min-width: 0;
  width: 27.7777777778vmin;
  height: 27.7777777778vmin;
}
.ie-modal-loading-mini .ie-modal-body {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@keyframes ie-modal-rotate {
  to {
    transform: rotate(-360deg);
  }
}

@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_AMS-Regular.92297720.woff2) format("woff2"),url(../fonts/KaTeX_AMS-Regular.7bc59ee9.woff) format("woff"),url(../fonts/KaTeX_AMS-Regular.3e94a45c.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(../fonts/KaTeX_Caligraphic-Bold.7d1eb996.woff2) format("woff2"),url(../fonts/KaTeX_Caligraphic-Bold.194a8b74.woff) format("woff"),url(../fonts/KaTeX_Caligraphic-Bold.4c370560.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Caligraphic-Regular.b7703ab2.woff2) format("woff2"),url(../fonts/KaTeX_Caligraphic-Regular.4a09d055.woff) format("woff"),url(../fonts/KaTeX_Caligraphic-Regular.096ac2cc.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(../fonts/KaTeX_Fraktur-Bold.5ec2d705.woff2) format("woff2"),url(../fonts/KaTeX_Fraktur-Bold.8518f4fe.woff) format("woff"),url(../fonts/KaTeX_Fraktur-Bold.06e6c3f3.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Fraktur-Regular.56d671ca.woff2) format("woff2"),url(../fonts/KaTeX_Fraktur-Regular.c5953fef.woff) format("woff"),url(../fonts/KaTeX_Fraktur-Regular.e78f1f02.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(../fonts/KaTeX_Main-Bold.d94e53ed.woff2) format("woff2"),url(../fonts/KaTeX_Main-Bold.36af3e91.woff) format("woff"),url(../fonts/KaTeX_Main-Bold.5c603567.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(../fonts/KaTeX_Main-BoldItalic.addf8657.woff2) format("woff2"),url(../fonts/KaTeX_Main-BoldItalic.ceb7b930.woff) format("woff"),url(../fonts/KaTeX_Main-BoldItalic.dde48012.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(../fonts/KaTeX_Main-Italic.c24bf2da.woff2) format("woff2"),url(../fonts/KaTeX_Main-Italic.2bc9206b.woff) format("woff"),url(../fonts/KaTeX_Main-Italic.890a6b3f.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Main-Regular.46b1ffa6.woff2) format("woff2"),url(../fonts/KaTeX_Main-Regular.16df5fa9.woff) format("woff"),url(../fonts/KaTeX_Main-Regular.d866ab9b.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(../fonts/KaTeX_Math-BoldItalic.bb40192b.woff2) format("woff2"),url(../fonts/KaTeX_Math-BoldItalic.a562e8c1.woff) format("woff"),url(../fonts/KaTeX_Math-BoldItalic.cbf87238.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(../fonts/KaTeX_Math-Italic.c359b8d5.woff2) format("woff2"),url(../fonts/KaTeX_Math-Italic.92281c86.woff) format("woff"),url(../fonts/KaTeX_Math-Italic.96c61839.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(../fonts/KaTeX_SansSerif-Bold.95392fb8.woff2) format("woff2"),url(../fonts/KaTeX_SansSerif-Bold.26f259e4.woff) format("woff"),url(../fonts/KaTeX_SansSerif-Bold.cb7f745a.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(../fonts/KaTeX_SansSerif-Italic.7de8e4ae.woff2) format("woff2"),url(../fonts/KaTeX_SansSerif-Italic.a8f101e8.woff) format("woff"),url(../fonts/KaTeX_SansSerif-Italic.9c330d9e.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(../fonts/KaTeX_SansSerif-Regular.3ad86448.woff2) format("woff2"),url(../fonts/KaTeX_SansSerif-Regular.df1117b1.woff) format("woff"),url(../fonts/KaTeX_SansSerif-Regular.63e176e6.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Script-Regular.9003d8e8.woff2) format("woff2"),url(../fonts/KaTeX_Script-Regular.1e0cfc32.woff) format("woff"),url(../fonts/KaTeX_Script-Regular.52316064.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Size1-Regular.1eacb538.woff2) format("woff2"),url(../fonts/KaTeX_Size1-Regular.149a3821.woff) format("woff"),url(../fonts/KaTeX_Size1-Regular.f8369ce8.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Size2-Regular.1fe5d5d6.woff2) format("woff2"),url(../fonts/KaTeX_Size2-Regular.3e092968.woff) format("woff"),url(../fonts/KaTeX_Size2-Regular.90b50b45.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4cAA4AAAAAHZgAAA3HAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWIYgeBHAyBHBu9GqMRUZcmKQPBXx/YxrJD7+fg2HSx6xKapXFecYigKEgqlVnXr7hZG/lPntpiZMOuJANpR0gy68PTNt+/o7w7alJGFCwS69BVaK9xHeji2BoXBctKdNENwfI+9joPExvjusni35efs5f8tB0iqh2QRKd2zkzIybPK1nZfTGCrhjlkO4gQa8Tk7p+vHJKIIovUoG3etUSI0uAjJjMmIswdnk9bGsAaSIGv/FT2aAO0BtJRwmeHpKB0lHDtot6uetrQOadzJS9n1MnhE7BqB8D+f2vl23ere4LomXzY50TIGFNTM71nqqt3h5aod0O7PBMisgA0IUAV9sBG5Hwnv5Df+a9DnBWbaMqwf1nOWp8ZK2mWoiFwZu+7ClDUZzINYoByUAcATLreNHmIFELhpG0B+KDC23d4gOadLSVIQ3DUKzrYoygSr6N3BQNT29Jz44Px+gJaakCRtrIIwj/bHyrQ4BCMGCShDcowHEuoU9Rdmg71DWOjXnk8AIIRjSQUg0BVkkW9/LvxPLlbuWHqlJ7/sv8Z/xXv/bhnuZkIgpP/Xc98Axy4Dr0o8miO0vkj9Ms3gV6f0n2aSfN6B2veM5mMGY91ZKwF94DabWENk3cQSIUzB0OtWoeCTH6pxql9voOXkpIv3Oj4ko8T5otdwSYwO3mCnO22HIsxedKTCxZmp3U0929eEJjqW6+td5JXcBamsQ3Y2MIkIcrjZyjcSwFD81aNTIT7GRK8aUu2yN64h74dLErjzttgCjXNh+Ph7EuuXAFGivzRfZRS23lCKRtKrmMts4WgezGZSXONZmSRiTFTENOiYAMaJKYYLaeBFRvH4CKAw1Fa2mMyS4QnDvPcZcbAiHPNjGKc5Ah5NAKh+AQJUH10aJCeIJongsFhwBCPSbyxNkKhQ487L+RzizHyoiX8towf4ioRhIuNtmBFt05pUl8360srqUiwHdLQ5J0YNNoorC5DMQ0/hk1HcxjAzMUWsXSTqbhZvArYW8rwaAaNh8BYcJghTg/h4HguZiREWazCqBtM3eZEFrTmkmHPL9gMIuvoGWXZyM5NXgERTdJrspFMoh5APzFFpPqsIpeIUqXVXWpa7I/xk3MDY+3IITy7+F/2golvD4M1auOCdThROLbNr952uLCEieDkwwcNITjFR1xKXMBlO9wgXNE5qczFjJtshJtJmk+HXEh6Ug8evQhF3rrxKvaJ7jLk7bEdHj1f+41dNG+DPhTU+NLjgdNDkcftIyCsvjg7uAaFWiooHcpFHMMR9c3VLT+ga8EqFKksAyN2Pl274hEnB7iikx1D0sYllWcsMF7pQgSrv2Tt9rH5sa8gtv0i4BEvPRzisQsIvaR/oc5+UzUnjPeeCfJdNBQVX8bz5/tXoiOAgqZ3BJERhRhTmCmKMKEo0yjGdIozgxLMRElmTq9CZTgsevjoRVCpoOdnzaKOmlbJgP7ebr1kQf/YZinsQ+nD7QFFf9aiHi1MpOGQgUMWDjk45OFQgEMRDiU4lOFQgctuQFYzl5qhiVAoHZ2rTmo5BmiUrq8Flccv+2bB0YbIQETN0lzrC/y4A03DAnXcq6ziSG0X3pFoLxTNNnvhegzW6sZp3KHZPcidANL62FdPZdv00iHvkpg+LVr/MAB261qXnm2GvE0GkFUZhJEI2L8jxxDVmVXHaI4NcWw7zRiFTUulkgGQZ80TfNBcd2WgWcLI2AiJb0fWNk8uOCYAre+geEQR1T95sZlNrFycNg0RWW1GoQPToFRjoaCLRyULn68tg67Owy9xh52BMwSHe9F7FSyUJotM1H7qSyIchHjVc787RRCmiaIxT7pz6s+mmOkVb4zYpKziOnOg/VwbxcI+rFhobK5JOlNrqQqZ0EbT/ByjdjISWMNUKjBeUUcx2Ss6Zpw0JSJoQaKu1pKS8yAWmKcfxeJCzJgFxOWVm3HOtHQVKllVa6LWGYKWkiR0JSd78BnGncyxFr0hmim5H7M8ukQwdnxfYiqc9VGpzl1BpWKTP08eZBianRhkNValZRuLqvbXXe+Y4dQ3FOOMXOctmPiFi+/A1DcpRpTaPDajOVxns6LlpH0QrTK1AgHyMzbxMRCZ2r/KqlRamwk9oFgS6q0TPLf/FYNiFqGJ17NVV7U2tmzibHSXjulY9OzIE8m3OKv9HLSOBc5W8+kfaPFM95zgSw0WOkW70cdEAU39yMW2gPom+3gIlEol/SYsYi3gILP9NJmFuGiBrAaPEfllCASMUFgZyEbEiOIyBDKMhGbxC0BmRU4jypclUNAIJVUAgqJGVCpLoKwRs2IaFlaFhdVgYXVYzAYU9VlTtNQqQ6DNiOq4B17rgtd64LU+eG0AXhuC10bgtTH4ogkKZolUU6Ufbegz6OY8+q4GoucChVBKHdSWDtIqAXNyrPU5Nvrc2t6CoB0ITd9D1w8QdEzAghYnfYGzvsBFX+Cqm3HTzbjrZjxKLvHUl3jpS7z1JT6GJn0dpJ+D2X8Qfq2fcIuh91uJEecPao2N0S9imqBmhrtv2odxnRQExOOBEidlDDhLMgAtQD4A1G2clBGhHIUpkb6bAIkoEgX562QGWfP6ypjgD5LEN0tvYMWsKI+lGZugYXTrWj5vW0Hs+Q+6XI/Ts04Imht3qVG5t3Kd1vGd7bNZVru2xbM2bgg5d0uuRGsYh4sczn9hc8wjdv3sP/11s+VzNXMKbvzM+amZZSuTg7GxsAmzGIfOVVrxO+82sc9mnVqnzf0r91YZkds4wpbZNIyuoiJv3rKi29c+ly5zdYTZ+srK/NnFd5b7vYvpWS0ETYq0J/pGzpwlBTeXGG4cnlnryTSaCLc7d+7SQgFuHyeO8LW1nHDij7u8unU8hRiauzfC6YTg852p64/W0LhCiEiIXV+u11fmz3/g9zrc+jr760RFVuS57vvac/FtP+R36CAYDI73jreM77wep9lyrTvXbdmJg+WvZoW5EHKiz6Hz/ImKrF2MI2cFY59nr4yqLMV3kdJs668Aeywv06kVfvpmMQ7i+h2wJ89ao9G4dLr8uAY4W/R8TNk7i7XJ0YVxJJ+0e4C+yLVA67tCmzYQ1jh0rrZ97L/Jrp/P+7VOjh+uBzstN2vUurTWFONWI+Kub6Bzg0yVk6rlJNaRNBs8UNIisTZ1t5MqTUG5tGj9sbMH0svrpXqSHk/ersf63+GJE2UDFEpc67UlLQYOkjRPrPNWKJVW2fvajYNGQuy9k33Iikh09VcRVYpV3CemxZQRgS28v1wVfaxiYk3doRywE17t5ObLkD25bEa94/NYD6PsblJxqVPPTbucWS7j/nFHC+6NNGsKsLOnWU7wkBG5fHNuoLtdlG2YuiHPQIV0L7ZJB4EPV6kmSxm9cQAf1mEk28wL6VCx1yuccyLne2CuUqWmZqbMbFvfu41JChWULK/gS4Y0jQnZaVWNkuXE9BqmzOZZKJIb4UIyRXm3aVvf91IotQqyauMCLZxY8axN1NBSdYM8DkqkBqgGdcltVGqNkDMSU8aCRRn1Fa0DkAYllyflcm55SM8UqlaMVCLvSEJaOFsYykH6g2tqSuvZZOrPUa197X2XKckA8J+Gs4XbG3TRjLlpih6tuucQo1F8bCxzfKzYaESfp1G16mxpLB0RXugz+1SN5d8uWTQ1iRYNCF1bdQq7pWhLY4kQUegzvmL9GZKOgZpxsSgaVUzLR1B2ol4JmRnP+scq/cFZ52ymg8501RRykr0SWejZ2qZoLUep5Sugpr90Z6tl5XS50MgGpVXqRItZCiokgbBI81QAjF2I1Ax12JCmzHMuCsM/qV83eNXAe5NKDoXsReaLdMl9kBcZXgqV4b03fwok/ooFaMbLKeLUqDZ9cBNfBm34uhFGeAcGeun5GvWKCFwfXOrNi9op637LKOmXAHAvt+Oh6/P8/vjbULxavA6ADBSa05zNRJF4haqU562YGP0kR4/fMMbKIE3ot009xNVr8FCRBjUoFX4gauaw1HuMiuZoaKZ4hedvbAgU8Lug5bb0S/ShsvHdYlsXLmUE2pqtZUBzUMYVmxyn4Bw5lxf6gwYReQFYBqjqEuiwrC4FBfbUpZGFU3VFiCRcXTHCiXFSyXRdOdWZ5D1JBarSB65gy+MrhAwaXQyQJBTQVFc3wO1kI/UN1hQRRroNL56gtC5RsMBh+aoIAzUb2ujLk1YJ5FgkCeSe4yicKLxb/sNeDGVOy5OSkhK2Kie05f1Bxdcy5JViSlUdX5YhoJoCN04IsPweKuRC83hM6mkA7zlddR1yRrbZnVHsKOhSxrKznCqHkJJ0Jqblqiz8R6YoGcZkONoCTyYMozsg2c4dynBPAYcqYk6mkCEDyRoGVwJnnGQSxSQZXurM5BGBfBFQZbYjjAagtFFJ/CGCjETJbihwTCkkQx6cgRsfM7qByc9EYMcoe+WGqlV1cOzmc4AgjcoonMoie1LgRgmGUxYeqrzYECETz9JPsvZIiUjycVrGWVajoIxie8evudk6Y4MVnHTXc9cRY/i79omDBYcqpmbmED4YN3GLioiwkmIiIVIiI16EkQ76+eX69a3r17u/df3m8fTL98n0f6KJCboZXdeOJceW5qvf69VnW9p3+vgPQiFkynyTnxSGPQVGRgFi6/Ytq+4BYEe+n0YB/IbbT9+R9lmgphIWnTqXoQ8DP6ZIY7H/MgGJ9PHWKw1xErnAETunZ+yVyctc+BOXHAGf) format("woff2"),url(../fonts/KaTeX_Size3-Regular.2e040dfd.woff) format("woff"),url(../fonts/KaTeX_Size3-Regular.0a94dd2f.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Size4-Regular.a3fa8a08.woff2) format("woff2"),url(../fonts/KaTeX_Size4-Regular.ce347ddf.woff) format("woff"),url(../fonts/KaTeX_Size4-Regular.70d01e49.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Typewriter-Regular.099e00d5.woff2) format("woff2"),url(../fonts/KaTeX_Typewriter-Regular.2f78c7d7.woff) format("woff"),url(../fonts/KaTeX_Typewriter-Regular.2f005719.ttf) format("truetype")}.katex{text-rendering:auto;font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.13.18"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}

@charset "UTF-8";
.ie-ec-am-box .ie-modal-body {
  padding: 0;
  width: 92.5925925926vmin;
  max-height: 81.4814814815vmin;
}
.ie-ec-am-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 9.2592592593vmin;
  font-size: 3.7037037037vmin;
  line-height: 4.6296296296vmin;
  background: linear-gradient(180deg, rgba(0, 207, 100, 0.08) 0%, rgba(0, 207, 100, 0.04) 100%);
  color: #00cf64;
  border-radius: 7.4074074074vmin 7.4074074074vmin 0 0;
}
.ie-ec-am-title-wrong {
  background: linear-gradient(180deg, rgba(255, 83, 83, 0.08) 0%, rgba(255, 83, 83, 0.04) 100%);
  color: #ff5353;
}
.ie-ec-am-body {
  padding: 1.8518518519vmin 5.5555555556vmin;
}
.ie-ec-am-answer-container {
  display: -ms-flexbox;
  display: flex;
}
.ie-ec-am-answer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 9.2592592593vmin;
}
.ie-ec-am-answer-icon {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  margin-right: 1.8518518519vmin;
}
.ie-ec-am-answer-icon svg {
  width: 100%;
  height: 100%;
}
.ie-ec-am-answer-text {
  font-size: 2.7777777778vmin;
  line-height: 4.6296296296vmin;
}
.ie-ec-am-explan-title {
  position: relative;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.3148148148vmin;
  height: 4.6296296296vmin;
  font-size: 2.7777777778vmin;
  line-height: 4.6296296296vmin;
  color: #333;
  padding-left: 0.9259259259vmin;
}
.ie-ec-am-explan-title-bg {
  position: absolute;
  left: 0;
  top: 0.3703703704vmin;
  background: linear-gradient(135deg, #ffebb1 0%, #fffcf3 100%);
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
  border-radius: 50%;
}
.ie-ec-am-explan-title-text {
  position: relative;
  z-index: 1;
}
.ie-ec-am-explan-title-audio {
  width: 4.6296296296vmin;
  height: 4.6296296296vmin;
  margin-left: 1.4814814815vmin;
  cursor: pointer;
}
.ie-ec-am-explan-title-audio svg {
  width: 100%;
  height: 100%;
}
.ie-ec-am-explan-title-switch {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  height: 4.6296296296vmin;
  color: #ffbf00;
  border: 1px solid #ffbf00;
  text-align: center;
  border-radius: 2.7777777778vmin;
  font-size: 2.2222222222vmin;
  line-height: 4.6296296296vmin;
  font-weight: 300;
}
.ie-ec-am-explan-title-switch-item {
  width: 12.5925925926vmin;
  background: #ffffff;
  transition: all 0.3s;
  cursor: pointer;
  border-radius: 2.7777777778vmin;
}
.ie-ec-am-explan-title-switch-item-active {
  background: #ffbf00;
  color: #fff;
}
.ie-ec-am-explan-content {
  margin-top: 0.9259259259vmin;
  font-size: 2.4074074074vmin;
  line-height: 3.7037037037vmin;
  text-align: left;
  color: #666666;
  height: 43.5185185185vmin;
  overflow: auto;
  clear: both;
  white-space: break-spaces;
  -webkit-tap-highlight-color: transparent;
}
.ie-ec-am-explan-content::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-ec-am-explan-content::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-ec-am-explan-content::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-ec-am-explan-footer {
  padding: 2.7777777778vmin 0 3.7037037037vmin;
}
.ie-ec-am-quill-render {
  white-space: pre-line;
}
.ie-ec-am-audio-icon-active .ie-ec-am-audio-icon-p1 {
  animation: ie-ec-am-p1 1s infinite linear;
}
.ie-ec-am-audio-icon-active .ie-ec-am-audio-icon-p2 {
  animation: ie-ec-am-p2 1s infinite linear;
}
.ie-ec-am-video-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-top: 1.8518518519vmin;
  height: 100%;
}
.ie-ec-am-video {
  background: #000;
  width: 51.8518518519vmin;
  height: 29.1666666667vmin;
  display: block;
  border-radius: 3.7037037037vmin;
}

@keyframes ie-ec-am-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-ec-am-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-pm-modal-content {
  max-width: 86%;
}
.ie-pm-long-image {
  position: relative;
  max-height: calc(100vmin - 22.2222222222vmin);
  min-height: 12.3456790123vmin;
  max-width: 100%;
}
.ie-pm-image {
  width: calc(100vmin - 22.2222222222vmin);
  height: calc(100vmin - 22.2222222222vmin);
  border-radius: 3.7037037037vmin;
  -o-object-fit: contain;
     object-fit: contain;
}
.ie-pm-close {
  position: absolute;
  width: 5.5555555556vmin;
  height: 5.5555555556vmin;
  top: -5.5555555556vmin;
  right: -5.5555555556vmin;
  cursor: pointer;
}
.ie-pm-modal {
  padding: 1.8518518519vmin;
  border-radius: 5.5555555556vmin;
}

.ie-sr-container {
  display: -ms-flexbox;
  display: flex;
  color: #f0f0f0;
  width: 100%;
}
.ie-sr-container svg {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  margin-right: 1.8518518519vmin;
}
@media (max-height: 500px) {
  .ie-sr-container svg {
    width: 5.5555555556vmin;
    height: 5.5555555556vmin;
    margin-right: 2.7777777778vmin;
  }
}
.ie-sr-active {
  color: #ffbf00;
}

@charset "UTF-8";
.ie-ec-wrapper {
  background: #ffffff;
  height: 100%;
  box-shadow: 0px 0.3703703704vmin 1.8518518519vmin rgba(0, 0, 0, 0.06);
  border-radius: 11.1111111111vmin;
  padding: 0.9259259259vmin;
  border: 0.9259259259vmin solid #40cee5;
}
.ie-ec-container {
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  border-radius: 10.1851851852vmin;
  height: 100%;
  width: 100%;
  padding: 3.7037037037vmin;
  overflow: auto;
  -webkit-tap-highlight-color: transparent;
}
.ie-ec-container::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-ec-container::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-ec-container::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-ec-left {
  width: 49.5%;
  height: 100%;
  margin-right: 5.8%;
  background: #f9f9f9;
  border-radius: 5.5555555556vmin;
}
.ie-ec-left-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}
.ie-ec-right {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 42.02%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ie-ec-difficulty {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.4074074074vmin;
  line-height: 3.0555555556vmin;
  color: #333333;
  padding: 2.7777777778vmin 0 2.037037037vmin 3.1481481481vmin;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.ie-ec-difficulty-label {
  font-weight: 300;
  padding-top: 0.3703703704vmin;
  margin-right: 5.4%;
  word-break: keep-all;
}
.ie-ec-difficulty-value {
  color: #f0f0f0;
  width: 100%;
}
.ie-ec-difficulty-value svg {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  margin-right: 4.1%;
}
.ie-ec-description-container {
  height: 70.3703703704vmin;
  overflow: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-ec-description-container::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-ec-description-container::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-ec-description-container::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-ec-description {
  padding: 2.7777777778vmin 3.1481481481vmin;
}
.ie-ec-description-content {
  font-size: 2.7777777778vmin;
  line-height: 3.7037037037vmin;
  color: #333333;
  white-space: break-spaces;
}
.ie-ec-description-content img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ie-ec-description-content-hidden {
  display: -webkit-box;
  overflow: hidden;
  max-height: 14.8148148148vmin;
}
.ie-ec-description-image-container {
  margin-top: 3.7037037037vmin;
  position: relative;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
}
.ie-ec-description-image-container img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 15%;
  overflow: hidden;
}
.ie-ec-description-long-image {
  position: relative;
  cursor: zoom-in;
  background: #ffffff;
  border-radius: 3.7037037037vmin;
  width: 100%;
  height: 19.4444444444vmin;
  margin-bottom: 1.4814814815vmin;
}
.ie-ec-description-long-image-review {
  width: 48%;
  border: 1px solid #f2f2f2;
}
.ie-ec-description-long-image-review:nth-child(2n) {
  margin-left: 2.2222222222vmin;
}
.ie-ec-description-image {
  position: relative;
  cursor: zoom-in;
  background: #ffffff;
  border-radius: 3.7037037037vmin;
  width: 19.4444444444vmin;
  height: 19.4444444444vmin;
  margin-right: 1.4814814815vmin;
  margin-bottom: 1.4814814815vmin;
}
.ie-ec-modal-zoom-out {
  cursor: zoom-out;
}
.ie-ec-modal-zoom-out .ie-modal-base-content {
  min-width: 0;
}
.ie-ec-modal-zoom-out .ie-modal-body {
  padding: 0;
}
.ie-ec-fold {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.962962963vmin;
  line-height: 3.7962962963vmin;
  margin: 1.4814814815vmin 0 0;
  color: #ffbf00;
  font-weight: 300;
  cursor: pointer;
}
.ie-ec-fold svg {
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
  margin: 0 0.3703703704vmin;
  transition: transform 0.3s;
}
.ie-ec-fold-svg-spin {
  transform: rotate(180deg);
}
.ie-ec-text-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  min-height: 5.5555555556vmin;
  margin-bottom: 2.7777777778vmin;
}
@media (max-height: 500px) {
  .ie-ec-text-option {
    margin-bottom: 3.7037037037vmin;
  }
}
.ie-ec-text-option:last-child {
  margin-bottom: 0.9259259259vmin;
}
.ie-ec-text-content {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-ec-text-option-label {
  font-size: 3.7037037037vmin;
  line-height: 4.7222222222vmin;
  color: #333;
  margin-right: 3.7037037037vmin;
  padding-top: 1.2962962963vmin;
  font-weight: 300;
}
.ie-ec-text-option-content {
  cursor: pointer;
  position: relative;
  font-size: 2.4074074074vmin;
  line-height: 3.0555555556vmin;
  padding: 2.2222222222vmin 2.7777777778vmin;
  color: #333333;
  width: 100%;
  max-width: 53.2407407407vmin;
  font-weight: 300;
}
.ie-ec-text-option-content:after {
  content: " ";
  position: absolute;
  left: -0.3703703704vmin;
  top: -0.3703703704vmin;
  right: -0.3703703704vmin;
  bottom: -0.3703703704vmin;
  border-radius: 1.8518518519vmin;
  border: 0.3703703704vmin solid #eeeeee;
}
.ie-ec-text-option-content-text {
  display: -webkit-box;
  overflow: hidden;
}
.ie-ec-text-option-active .ie-ec-text-option-content:after {
  left: -0.7407407407vmin;
  top: -0.7407407407vmin;
  right: -0.7407407407vmin;
  bottom: -0.7407407407vmin;
  border: 0.7407407407vmin solid #40cee5;
}
.ie-ec-text-option-correct .ie-ec-text-option-content:after {
  border: 0.7407407407vmin solid #00cf64;
}
.ie-ec-text-option-error .ie-ec-text-option-content:after {
  border: 0.7407407407vmin solid #ff5353;
}
.ie-ec-text-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 1.8518518519vmin 1.8518518519vmin 0vmin 1.8518518519vmin;
  max-height: 69.4444444444vmin;
  overflow: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-ec-text-container::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-ec-text-container::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-ec-text-container::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-ec-text-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ie-ec-long-image-option-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 0vmin 0.5555555556vmin 0vmin 0.5555555556vmin;
  max-height: 77.7777777778vmin;
  overflow: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-ec-long-image-option-container::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-ec-long-image-option-container::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-ec-long-image-option-container::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-ec-long-image-option-container-review {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-ec-long-image-option {
  cursor: pointer;
  position: relative;
  font-size: 2.4074074074vmin;
  line-height: 3.0555555556vmin;
  padding: 2.2222222222vmin 0;
  color: #333333;
  width: 100%;
  font-weight: 300;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ec-long-image-option-review {
  width: 48%;
}
.ie-ec-long-image-option-review:nth-child(2n) {
  margin-left: 2.2222222222vmin;
}
.ie-ec-long-image-option-value {
  position: relative;
  -ms-flex: 1;
      flex: 1;
}
.ie-ec-long-image-option-value-image {
  width: 100%;
  max-width: 53.2407407407vmin;
  box-sizing: border-box;
  position: relative;
}
.ie-ec-long-image-option-value-image:after {
  content: "";
  position: absolute;
  top: -0.3703703704vmin;
  right: -0.3703703704vmin;
  bottom: 0.3703703704vmin;
  left: -0.3703703704vmin;
  border-radius: 2.7777777778vmin;
  border: 0.4938271605vmin solid #eeeeee;
  transition: border 0.3s;
}
.ie-ec-long-image-option-value-image img {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border-radius: 2.4691358025vmin;
}
.ie-ec-long-image-option-zoom-in {
  position: absolute;
  bottom: 0.9259259259vmin;
  right: 0vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  border-radius: 0.9259259259vmin 0 2.4074074074vmin 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.ie-ec-long-image-option-zoom-in svg {
  opacity: 0.9;
  display: block;
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
}
.ie-ec-long-image-option-active .ie-ec-long-image-option-value-image img {
  border-radius: 2.7777777778vmin;
  position: relative;
}
.ie-ec-long-image-option-active .ie-ec-long-image-option-value-image:after {
  content: "";
  position: absolute;
  top: -0.5555555556vmin;
  right: -0.5555555556vmin;
  bottom: 0.1851851852vmin;
  left: -0.5555555556vmin;
  border-radius: 2.7777777778vmin;
  border: 0.7407407407vmin solid #40cee4;
  transition: border 0.3s;
}
.ie-ec-long-image-option-correct .ie-ec-long-image-option-value-image:after {
  border: 0.7407407407vmin solid #00cf64;
  border-radius: 3.1481481481vmin;
}
.ie-ec-long-image-option-error .ie-ec-long-image-option-value-image:after {
  border: 0.7407407407vmin solid #ff5353;
  border-radius: 3.1481481481vmin;
}
.ie-ec-image-option-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 56.4814814815vmin;
  padding-top: 0vmin;
  overflow: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-ec-image-option-container::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-ec-image-option-container::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-ec-image-option-container::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-ec-image-option {
  -ms-flex: 50%;
      flex: 50%;
  padding: 0.9259259259vmin 2%;
  margin: 1.8518518519vmin 0;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ec-image-option-label {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  font-weight: 300;
  font-size: 3.7037037037vmin;
  line-height: 4.7222222222vmin;
  color: #333333;
  margin-right: 3.7037037037vmin;
}
.ie-ec-image-option-value {
  cursor: pointer;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 18.5185185185vmin;
  height: 18.5185185185vmin;
  border-radius: 3.7037037037vmin;
  position: relative;
}
.ie-ec-image-option-value-image {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.ie-ec-image-option-value-image:after {
  content: " ";
  border-radius: 3.9814814815vmin;
  position: absolute;
  background: #eee;
  top: -0.3703703704vmin;
  right: -0.3703703704vmin;
  bottom: -0.3703703704vmin;
  left: -0.3703703704vmin;
}
.ie-ec-image-option-value-image img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #f8f4f8;
  border-radius: 3.7037037037vmin;
}
.ie-ec-image-option-active .ie-ec-image-option-value-image:after {
  background: #40cee4;
  top: -0.7407407407vmin;
  right: -0.7407407407vmin;
  bottom: -0.7407407407vmin;
  left: -0.7407407407vmin;
}
.ie-ec-image-option-correct .ie-ec-image-option-value-image:after {
  background: #00cf64;
}
.ie-ec-image-option-error .ie-ec-image-option-value-image:after {
  background: #ff5353;
}
.ie-ec-submit-button {
  display: block;
  margin: 2.7777777778vmin auto 0;
  width: 27.7777777778vmin;
}
.ie-ec-image-option-submit-button {
  margin-top: 1.8518518519vmin;
}
.ie-ec-description-image-zoom {
  position: absolute;
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
  right: 1.8518518519vmin;
  bottom: 1.8518518519vmin;
}
.ie-ec-image-option-zoom-in {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 5.5555555556vmin;
  height: 5.5555555556vmin;
  border-radius: 0.7407407407vmin 0 3.7037037037vmin 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.ie-ec-image-option-zoom-in svg {
  opacity: 0.9;
  display: block;
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
}
.ie-ec-test-paper-review {
  padding: 0 4.6296296296vmin;
  overflow: hidden;
}
.ie-ec-test-paper-review .ie-ec-container {
  padding: 0 2.7777777778vmin;
  -ms-flex-direction: column;
      flex-direction: column;
  border-radius: 4.6296296296vmin;
  display: block;
}
.ie-ec-test-paper-review .ie-ec-left {
  background: none;
  width: 100%;
  height: auto;
  margin-right: 0;
}
.ie-ec-test-paper-review .ie-ec-difficulty {
  padding: 2.7777777778vmin 0 1.8518518519vmin;
}
.ie-ec-test-paper-review .ie-ec-difficulty-label {
  margin-right: 1.8518518519vmin;
}
.ie-ec-test-paper-review .ie-ec-difficulty-value {
  max-width: 25.9259259259vmin;
}
.ie-ec-test-paper-review .ie-ec-description {
  padding: 1.8518518519vmin 0;
}
.ie-ec-test-paper-review .ie-ec-description-image {
  border: 1px solid #f2f2f2;
  border-radius: 1.8518518519vmin;
}
.ie-ec-test-paper-review .ie-ec-description-container {
  height: auto;
}
.ie-ec-test-paper-review .ie-ec-right {
  padding-top: 0;
  width: 100%;
}
.ie-ec-test-paper-review .ie-ec-text-container {
  padding-top: 0;
  height: auto;
  max-height: none;
}
.ie-ec-test-paper-review .ie-ec-text-content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: start;
}
.ie-ec-test-paper-review .ie-ec-text-option {
  -ms-flex: 0 1 50%;
      flex: 0 1 50%;
  height: auto;
  margin: 1.8518518519vmin 0;
  width: 100%;
}
.ie-ec-test-paper-review .ie-ec-text-option:nth-of-type(2n) {
  -ms-flex-pack: end;
      justify-content: end;
}
.ie-ec-test-paper-review .ie-ec-text-option-content {
  width: 100%;
  max-width: 100%;
}
.ie-ec-test-paper-review .ie-ec-image-option-container {
  height: auto;
}
.ie-ec-test-paper-review .ie-ec-image-option {
  -ms-flex: 0 1 25%;
      flex: 0 1 25%;
  min-width: 21.2962962963vmin;
}
@media (max-width: 120vmin) {
  .ie-ec-test-paper-review .ie-ec-image-option {
    -ms-flex: 0 1 50%;
        flex: 0 1 50%;
  }
}
.ie-ec-test-paper-review .ie-ec-image-option-value {
  cursor: not-allowed;
}
.ie-ec-test-paper-review .ie-ec-review-parsing {
  display: block;
  border-top: 1px solid #eeeeee;
  margin-top: 1.8518518519vmin;
}
.ie-ec-test-paper-review .ie-ec-am-title {
  -ms-flex-pack: start;
      justify-content: start;
  background: #ffffff;
}
.ie-ec-test-paper-review .ie-ec-am-body {
  padding: 0;
}
.ie-ec-test-paper-review .ie-ec-am-explan-content {
  overflow: visible;
  max-height: unset;
  padding-bottom: 3.7037037037vmin;
}
.ie-ec-test-paper-review .ie-ec-am-explan-footer {
  display: none;
}
.ie-ec-review-parsing {
  display: none;
}
.ie-ec-audio-box {
  position: absolute;
  right: 2.4691358025vmin;
  bottom: 1.2345679012vmin;
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  background-color: #ffbf00;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0.4938271605vmin;
  cursor: pointer;
}
.ie-ec-audio-box svg {
  width: 7.1604938272vmin;
  height: 7.1604938272vmin;
}
.ie-ec-audio-box-active .ie-ec-audio-icon-p2 {
  animation: ie-p2 1s infinite linear;
}
.ie-ec-audio-box-active .ie-ec-audio-icon-p1 {
  animation: ie-p1 1s infinite linear;
}

.ie-layout-v2-titlebar-container {
  display: -ms-flexbox;
  display: flex;
  padding: 1.2345679012vmin;
  height: 8.6419753086vmin;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 7.4074074074vmin;
}
.ie-layout-v2-titlebar-ip-container {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 6.1728395062vmin;
  height: 6.1728395062vmin;
  background: #d8d8d8;
  border-radius: 50%;
}
.ie-layout-v2-titlebar-ip {
  display: block;
  width: 100%;
  height: 100%;
}
.ie-layout-v2-titlebar-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin: 0 0.5em;
  font-size: 2.962962963vmin;
  line-height: 3.8271604938vmin;
  color: #335c80;
}
.ie-layout-v2-titlebar-audio {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 6.1728395062vmin;
  height: 6.1728395062vmin;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.ie-layout-v2-titlebar-audio[disabled] {
  cursor: not-allowed;
}
.ie-layout-v2-titlebar-voice-icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 6.1728395062vmin;
  height: 6.1728395062vmin;
  background: #ff6666;
  border-radius: 50%;
}
.ie-layout-v2-titlebar-voice-icon {
  width: 3.950617284vmin;
  height: 3.950617284vmin;
}

.ie-layout-v2-page-container {
  width: 12.3456790123vmin;
  height: 6.1728395062vmin;
  padding: 1.4814814815vmin 0;
  border-radius: 7.4074074074vmin;
  background: #009aea;
  font-size: 2.4691358025vmin;
  text-align: center;
  line-height: 3.2098765432vmin;
  color: #ffffff;
  font-weight: bold;
}
@media (max-height: 500px) {
  .ie-layout-v2-page-container {
    width: 17.2839506173vmin;
    height: 8.6419753086vmin;
    font-size: 3.7037037037vmin;
    line-height: 4.9382716049vmin;
    padding: 1.8518518519vmin 0;
  }
}

.ie-layout-v2-box {
  height: 100%;
  background: #6fd4fa;
}
.ie-layout-v2-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 270vmin;
  margin: 0 auto;
}
.ie-layout-v2-top {
  z-index: 1;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 2.4691358025vmin 3.7037037037vmin 0;
  height: 8.6419753086vmin;
}
@media (max-height: 500px) {
  .ie-layout-v2-top {
    position: absolute;
    top: 3.7037037037vmin;
    left: 4.9382716049vmin;
    right: 4.9382716049vmin;
    margin: 0;
  }
}
@media (max-height: 500px) {
  .ie-layout-v2-top-titlebar {
    display: none;
  }
}
.ie-layout-v2-middle {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-height: 500px) {
  .ie-layout-v2-middle {
    padding-top: 8.3950617284vmin;
  }
}
.ie-layout-v2-middle-description {
  z-index: 10;
  width: 49.3827160494vmin;
  height: 79.012345679vmin;
  display: none;
}
@media (max-height: 500px) {
  .ie-layout-v2-middle-description {
    display: block;
  }
}
.ie-layout-v2-content {
  z-index: 1;
  position: relative;
  height: 79.012345679vmin;
  width: 98.7654320988vmin;
  border-radius: 2.4691358025vmin;
  border: 1.2345679012vmin solid #93dffb;
  background: #ffefcd url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgwIiBoZWlnaHQ9IjYyMCIgdmlld0JveD0iMCAwIDc4MCA2MjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSI3ODAiIGhlaWdodD0iNjIwIiBmaWxsPSIjRkZGMEQwIi8+CjxtYXNrIGlkPSJtYXNrMF80NDcxXzIwMDQyOCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSI2MjAiPgo8cmVjdCB3aWR0aD0iNzgwIiBoZWlnaHQ9IjYyMCIgZmlsbD0iI0UwRkZGOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNDQ3MV8yMDA0MjgpIj4KPGNpcmNsZSBjeD0iMzkwIiBjeT0iMzEwIiByPSI0NDgiIGZpbGw9IiNGRkYwRDAiLz4KPGNpcmNsZSBjeD0iMzkwIiBjeT0iMzEwIiByPSIzNDkiIGZpbGw9IiNGRkYzREIiLz4KPGNpcmNsZSBjeD0iMzkwIiBjeT0iMzEwIiByPSIyMjAiIGZpbGw9IiNGRkVGQ0QiLz4KPGNpcmNsZSBjeD0iNjEiIGN5PSI2MjkiIHI9IjEwOCIgZmlsbD0iI0ZGRUNDNiIvPgo8Y2lyY2xlIGN4PSI2MTMiIGN5PSItMiIgcj0iMzciIHN0cm9rZT0iI0ZGRUNDNiIgc3Ryb2tlLXdpZHRoPSIzMCIvPgo8cGF0aCBkPSJNMjE5LjYyNyA1OS42Nzk3QzE5Ni4wMTkgMTMuOTA0NiAyMTYuMDM5IC0zOS44NDY0IDIyOSAtNjFMLTU4LjEwNTcgLTUzLjM3MDhDLTY0LjgxNzUgMTAuNDM2OCAtNzQuMjE0MiAxMzYuODA0IC01OC4xMDU3IDEzMS44MUMtMzcuOTcwMSAxMjUuNTY4IDU4LjU0MTkgOTAuODg5OSAxMTEuNjU4IDEyMi40NDdDMTY0Ljc3NCAxNTQuMDA0IDI0OS4xMzYgMTE2Ljg5OCAyMTkuNjI3IDU5LjY3OTdaIiBmaWxsPSIjRkVFQUMwIi8+CjxwYXRoIGQ9Ik03MjkuNSA0ODUuNUM3MzcuMjQ5IDUyMC45NjMgNzQ2IDU2Ni41IDY4OC41IDU3M0M2MzEgNTc5LjUgNjM2LjUgNjUyIDYzNi41IDY1Mkg4ODYuNDk5Qzg5MS4yMzcgNjA3LjAzMSA4NjcuMDkxIDQ3Mi4yMDYgODU1LjcyMSA0NzUuNzI1Qzg0MS41MDggNDgwLjEyNCA4NjUuMzcyIDQ0My4xMzkgODIxLjUgNDI0LjVDNzgxLjM3MiA0MDcuNDUzIDcxNC45NjggNDE5IDcyOS41IDQ4NS41WiIgZmlsbD0iI0ZFRUFDMCIvPgo8L2c+Cjwvc3ZnPgo=") left top/cover;
}
.ie-layout-v2-aside {
  position: absolute;
  right: 3.7037037037vmin;
  width: 7.4074074074vmin;
  height: 79.012345679vmin;
  top: 16.049382716vmin;
  z-index: 10;
}
@media (max-height: 500px) {
  .ie-layout-v2-aside {
    width: 9.8765432099vmin;
    top: 13.5802469136vmin;
  }
}
.ie-layout-v2-left-background, .ie-layout-v2-right-background {
  position: absolute;
  top: 0;
  bottom: 0;
  background-size: auto 100%;
  background-image: url("https://cdnwukong.com/images/exercise/ie-bg-v3.svg");
  background-color: #6fd4fa;
}
.ie-layout-v2-left-background {
  left: 0;
  right: 50%;
  background-position: left top;
}
.ie-layout-v2-right-background {
  right: 0;
  left: 50%;
  background-position: right top;
}
.ie-layout-v2-top-return {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 6.1728395062vmin;
  width: 6.1728395062vmin;
  background: #009aea;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-layout-v2-top-return {
    width: 8.6419753086vmin;
    height: 8.6419753086vmin;
  }
}
.ie-layout-v2-top-return-icon {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 4.1975308642vmin;
  height: 4.1975308642vmin;
}
@media (max-height: 500px) {
  .ie-layout-v2-top-return-icon {
    width: 5.6790123457vmin;
    height: 5.6790123457vmin;
  }
}
.ie-layout-v2-top-titlebar {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  height: 100%;
  margin: 0 4.9382716049vmin;
}
.ie-layout-v2-top-extra {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 12.3456790123vmin;
  height: 6.1728395062vmin;
}
@media (max-height: 500px) {
  .ie-layout-v2-top-extra {
    width: 17.2839506173vmin;
    height: 8.6419753086vmin;
  }
}
.ie-layout-v2-crying-wukong {
  position: absolute;
  width: 50%;
  left: 50%;
  bottom: 100%;
  margin-bottom: -2.3148148148vmin;
  transform: translateX(-50%);
}

.ie-layout-v2-paperctrl-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 100%;
}
.ie-layout-v2-paperctrl-btn-container {
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  margin-top: 3.7037037037vmin;
  border-radius: 50%;
  background: #009aea;
  box-shadow: inset 0 -0.6172839506vmin 0.6172839506vmin rgba(0, 0, 0, 0.1);
}
@media (max-height: 500px) {
  .ie-layout-v2-paperctrl-btn-container {
    width: 9.8765432099vmin;
    height: 9.8765432099vmin;
  }
}
.ie-layout-v2-paperctrl-btn-blue-selected {
  background: #def5fe;
  box-shadow: none;
}
.ie-layout-v2-paperctrl-btn-light-yellow {
  background: #ffbf00;
}
.ie-layout-v2-paperctrl-btn-yellow {
  background: #ffdf81;
  transition: all 0.3s;
}
.ie-layout-v2-paperctrl-btn-yellow-selected {
  background: #ffbf00;
  width: 9.1358024691vmin;
  height: 9.1358024691vmin;
  transition: all 0.3s;
}
.ie-layout-v2-paperctrl-btn-yellow-selected .ie-layout-v2-paperctrl-btn-icon {
  width: 5.1851851852vmin;
  height: 5.1851851852vmin;
  transition: all 0.3s;
}
@media (max-height: 500px) {
  .ie-layout-v2-paperctrl-btn-yellow-selected .ie-layout-v2-paperctrl-btn-icon {
    width: 7.6543209877vmin;
    height: 7.6543209877vmin;
  }
}
.ie-layout-v2-paperctrl-btn-green {
  background: #90e3a7;
  box-shadow: inset 0px -0.6172839506vmin 0.6172839506vmin rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
.ie-layout-v2-paperctrl-btn-green-selected {
  background: #00cf64;
  width: 9.1358024691vmin;
  height: 9.1358024691vmin;
  transition: all 0.3s;
}
.ie-layout-v2-paperctrl-btn-green-selected .ie-layout-v2-paperctrl-btn-icon {
  width: 5.1851851852vmin;
  height: 5.1851851852vmin;
  transition: all 0.3s;
}
@media (max-height: 500px) {
  .ie-layout-v2-paperctrl-btn-green-selected .ie-layout-v2-paperctrl-btn-icon {
    width: 7.6543209877vmin;
    height: 7.6543209877vmin;
  }
}
.ie-layout-v2-paperctrl-btn-icon {
  width: 3.950617284vmin;
  height: 3.950617284vmin;
  transition: all 0.3s;
}
@media (max-height: 500px) {
  .ie-layout-v2-paperctrl-btn-icon {
    width: 6.4197530864vmin;
    height: 6.4197530864vmin;
  }
}

.ie-layout-v2-duration-container {
  width: 12.3456790123vmin;
  height: 6.1728395062vmin;
  padding: 1.4814814815vmin 0;
  border-radius: 7.4074074074vmin;
  background: #009aea;
  font-size: 2.4691358025vmin;
  text-align: center;
  line-height: 3.2098765432vmin;
  color: #ffffff;
  font-weight: bold;
}
@media (max-height: 500px) {
  .ie-layout-v2-duration-container {
    width: 17.2839506173vmin;
    height: 8.6419753086vmin;
    font-size: 3.7037037037vmin;
    line-height: 4.9382716049vmin;
    padding: 1.8518518519vmin 0;
  }
}

.ie-layout-v2-description-container {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 3.7037037037vmin 4.9382716049vmin;
  font-size: 4.4444444444vmin;
  line-height: 6.9135802469vmin;
  border-radius: 2.4691358025vmin;
  background: rgba(255, 255, 255, 0.6);
  color: #295266;
  margin-left: 4.9382716049vmin;
}
.ie-layout-v2-description-audio {
  position: absolute;
  left: 2.4691358025vmin;
  bottom: 2.4691358025vmin;
}
.ie-layout-v2-description-voice-icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 9.8765432099vmin;
  height: 9.8765432099vmin;
  background: #ff6666;
  border-radius: 50%;
  margin: 1px;
}
.ie-layout-v2-description-voice-icon {
  width: 6.1728395062vmin;
  height: 6.1728395062vmin;
}

.ie-bf-slots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 50.6172839506vmin;
  padding: 3.7037037037vmin 2.4691358025vmin;
}
.ie-bf-slot-box {
  -ms-flex: 50%;
      flex: 50%;
  margin: 4.9382716049vmin 0;
}
.ie-bf-slot-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-bf-slot-image-container {
  width: 11.2345679012vmin;
  height: 11.2345679012vmin;
  border-radius: 1.2345679012vmin;
  overflow: hidden;
}
.ie-bf-slot-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ie-bf-slot-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0vmin 1.2345679012vmin;
  font-size: 4.9382716049vmin;
  line-height: 6.4197530864vmin;
  color: #6d5300;
}
.ie-bf-slot-placeholder {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI2OSIgaGVpZ2h0PSI2OSIgcng9IjkuNSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iI0REQ0Q5NiIvPgo8bWFzayBpZD0ibWFzazBfMTY0MF8yMTUiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCI+CjxyZWN0IHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgcng9IjEwIiBmaWxsPSIjRjhEQUJGIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xNjQwXzIxNSkiPgo8ZyBvcGFjaXR5PSIwLjUiPgo8bGluZSB4MT0iMC45MTQxMzgiIHkxPSIwLjEwMzUxNiIgeDI9IjcwLjAwMTIiIHkyPSI2OS4xOTA1IiBzdHJva2U9IiNCQ0E3NUMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxsaW5lIHgxPSIzNS42MDE2IiB5MT0iLTEzLjg1MTYiIHgyPSIzNS42MDE2IiB5Mj0iODMuODUyMiIgc3Ryb2tlPSIjQkNBNzVDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjQgNCIvPgo8bGluZSB4MT0iLTEzLjc1IiB5MT0iMzQuNSIgeDI9IjgzLjk1MzgiIHkyPSIzNC41IiBzdHJva2U9IiNCQ0E3NUMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+CjxsaW5lIHgxPSIwLjUiIHkxPSItMC41IiB4Mj0iOTguMjAzOCIgeTI9Ii0wLjUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEwNyAwLjcwNzEwNyAwLjcwNzEwNyAwLjcwNzEwNyA3MCAwLjEwMTU2MikiIHN0cm9rZT0iI0JDQTc1QyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=") center center/contain no-repeat;
  width: 8.6419753086vmin;
  height: 8.6419753086vmin;
  margin: 0 1.2345679012vmin;
}
.ie-bf-slot-placeholder:first-of-type {
  margin-left: 0;
}
.ie-bf-slot-placeholder:last-of-type {
  margin-right: 0;
}
.ie-bf-slot-placeholder-over {
  position: relative;
}
.ie-bf-slot-placeholder-over:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.ie-bf-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  margin: 0 1.2345679012vmin;
  height: 24.6913580247vmin;
  background: #ffffff;
  border: 0.8641975309vmin solid #fff4d1;
  border-radius: 2.4691358025vmin;
}
.ie-bf-option-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 14.8148148148vmin;
  height: 14.8148148148vmin;
  font-size: 6.1728395062vmin;
  line-height: 8.024691358vmin;
  text-align: center;
  color: #6d5300;
  border-radius: 1.2345679012vmin;
  overflow: hidden;
}
.ie-bf-option-container img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ie-bf-mini-option-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 8.6419753086vmin;
  height: 8.6419753086vmin;
  border-radius: 1.2345679012vmin;
  font-size: 4.9382716049vmin;
  line-height: 6.4197530864vmin;
  color: #6d5300;
  overflow: hidden;
}
.ie-bf-mini-option-container img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ie-bf-mini-option-status-wrong {
  color: #ff5353;
}
.ie-bf-mini-option-wrong-animation {
  animation: ie-rotate-shake 0.15s 2;
}

.ie-choice-v2-question-audio {
  position: absolute;
  cursor: pointer;
  top: 2.4691358025vmin;
  right: 2.4691358025vmin;
  background-color: #ffbf00;
  width: 9.8765432099vmin;
  height: 9.8765432099vmin;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-choice-v2-question-audio svg {
  width: 7.1604938272vmin;
  height: 7.1604938272vmin;
}
.ie-choice-v2-question-icon-active .ie-choice-v2-audio-icon-p1 {
  animation: ie-choice-v2-p1 1s infinite linear;
}
.ie-choice-v2-question-icon-active .ie-choice-v2-audio-icon-p2 {
  animation: ie-choice-v2-p2 1s infinite linear;
}
.ie-choice-v2-options {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}
.ie-choice-v2-options-bottom {
  position: absolute;
  bottom: 3.3333333333vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}
.ie-choice-v2-option-item-wrapper {
  border-radius: 1.975308642vmin;
  background-color: transparent;
  height: 19.012345679vmin;
  width: 19.012345679vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-choice-v2-option-item {
  width: 17.5308641975vmin;
  height: 17.5308641975vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 1.2345679012vmin;
  background-color: #fff;
  color: #6d5300;
  font-size: 4.6913580247vmin;
  background-repeat: no-repeat;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.ie-choice-v2-option-correct-active {
  background-color: #00cf64;
}
.ie-choice-v2-option-error-active {
  background-color: #ff6666;
}
.ie-choice-v2-option-select-active {
  background-color: #ffbf00;
}
.ie-choice-v2-option-error-animation {
  animation: ie-rotate-shake 0.15s 2;
}
.ie-choice-v2-option-audio {
  position: absolute;
  right: 1.2345679012vmin;
  bottom: 1.2345679012vmin;
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  background-color: #ffeeee;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-choice-v2-option-audio svg {
  width: 3.950617284vmin;
  height: 3.950617284vmin;
}
.ie-choice-v2-audio-icon-active .ie-choice-v2-audio-icon-p1 {
  animation: ie-choice-v2-p1 1s infinite linear;
}
.ie-choice-v2-audio-icon-active .ie-choice-v2-audio-icon-p2 {
  animation: ie-choice-v2-p2 1s infinite linear;
}
.ie-choice-v2-option-2 {
  margin-right: 9.8765432099vmin;
}
.ie-choice-v2-option-2:last-child {
  margin-right: 0;
}
.ie-choice-v2-option-3 {
  margin-right: 4.9382716049vmin;
}
.ie-choice-v2-option-3:last-child {
  margin-right: 0;
}
.ie-choice-v2-option-4 {
  margin-right: 2.4691358025vmin;
}
.ie-choice-v2-option-4:last-child {
  margin-right: 0;
}

@keyframes ie-choice-v2-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-choice-v2-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-connection-container {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.ie-connection-content {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 auto;
  padding: 3.7037037037vmin 0;
}
.ie-connection-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}
.ie-connection-item {
  box-sizing: content-box;
  width: 19.7530864198vmin;
  height: 19.7530864198vmin;
  position: relative;
}
.ie-connection-item.ie-connection-item-begin:not(.ie-connection-item-status-success, .ie-connection-item-status-wrong), .ie-connection-item-status-waiting {
  cursor: pointer;
}
.ie-connection-item.ie-connection-item-end {
  padding-bottom: 0;
}
.ie-connection-item.ie-connection-item-end .ie-connection-item-border svg {
  bottom: auto;
  transform: rotate(180deg);
  top: calc(-2.2222222222vmin - 1px);
}
.ie-connection-item-content {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 1.2345679012vmin;
  box-sizing: border-box;
}
.ie-connection-item-border {
  z-index: 1;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  border: 0.7407407407vmin solid transparent;
  border-radius: 1.2345679012vmin;
  transition: all 0.1s;
  color: transparent;
}
.ie-connection-item-border svg {
  position: absolute;
  margin-left: -1.3580246914vmin;
  width: 2.7160493827vmin;
  height: 1.975308642vmin;
  bottom: calc(-2.2222222222vmin + 1px);
  left: 50%;
}
.ie-connection-item-status-waiting .ie-connection-item-border {
  opacity: 1;
}
.ie-connection-item-status-selected .ie-connection-item-border {
  opacity: 1;
  border-color: #ffd44d;
  color: #ffd44d;
}
.ie-connection-item-status-success .ie-connection-item-border {
  opacity: 1;
  border-color: #00cf64;
  color: #00cf64;
}
.ie-connection-item-status-animation-wrong {
  animation: ie-rotate-shake 0.15s 2;
}
.ie-connection-item-status-wrong .ie-connection-item-border {
  opacity: 1;
  border-color: #ff6666;
  color: #ff6666;
}
.ie-connection-item-text .ie-connection-item-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #6d5300;
  font-size: 3.7037037037vmin;
  line-height: 4.8148148148vmin;
}
.ie-connection-item-text.ie-connection-item-status-success .ie-connection-item-content, .ie-connection-item-text.ie-connection-item-status-wrong .ie-connection-item-content {
  color: #333;
}
.ie-connection-svg-container {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ie-connection-svg-container svg {
  width: 100%;
  height: 100%;
}
.ie-connection-svg-container line {
  opacity: 0;
  animation: ie-connection-fade-in 0.1s 0.1s forwards;
}

@keyframes ie-connection-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ie-image-flip- {
  position: relative;
  padding-top: 50%;
  transition: transform 0.3s;
}
.ie-image-flip-item {
  position: absolute;
  display: none;
  top: 0;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  border-radius: 5.5555555556vmin;
}
.ie-image-flip-page-inner {
  position: absolute;
  background-size: cover;
  background-position: center;
  top: 0;
  height: 100%;
  width: 200%;
}
.ie-image-flip-page-slice {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  z-index: 99;
  overflow: hidden;
  transform-style: preserve-3d;
  transform-origin: left center;
}
.ie-image-flip-page-slice-right, .ie-image-flip-page-slice-left {
  left: 50%;
}
.ie-image-flip-page-slice-left {
  transform: rotateY(180deg);
  transform-origin: 0 50%;
}
.ie-image-flip-page-slice-left .ie-image-flip-box {
  transform: rotateY(180deg);
}
.ie-image-flip-page-slice-right .ie-image-flip-page-inner {
  right: 0;
}
.ie-image-flip-right-page {
  left: 50%;
}
.ie-image-flip-box {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ie-image-flip-box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: opacity 500ms ease-in;
}
.ie-image-flip-flipping-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  perspective: 1300px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ie-image-flip-flipping-prev .ie-image-flip-page-slice-right .ie-image-flip-box::after, .ie-image-flip-flipping-prev .ie-image-flip-flipping-surface-front .ie-image-flip-box::after, .ie-image-flip-flipping-next .ie-image-flip-page-slice-left .ie-image-flip-box::after, .ie-image-flip-flipping-next .ie-image-flip-flipping-surface-back .ie-image-flip-box::after {
  transition-delay: 500ms;
}
.ie-image-flip-flipping-prev .ie-image-flip-page-slice-right .ie-image-flip-box::after, .ie-image-flip-flipping-prev .ie-image-flip-flipping-surface-back .ie-image-flip-box::after, .ie-image-flip-flipping-prev-rotate.ie-image-flip-flipping-prev .ie-image-flip-page-slice-left .ie-image-flip-box::after, .ie-image-flip-flipping-prev-rotate.ie-image-flip-flipping-prev .ie-image-flip-flipping-surface-front .ie-image-flip-box::after, .ie-image-flip-flipping-next .ie-image-flip-page-slice-left .ie-image-flip-box::after, .ie-image-flip-flipping-next .ie-image-flip-flipping-surface-front .ie-image-flip-box::after, .ie-image-flip-flipping-next-rotate.ie-image-flip-flipping-next .ie-image-flip-page-slice-right .ie-image-flip-box::after, .ie-image-flip-flipping-next-rotate.ie-image-flip-flipping-next .ie-image-flip-flipping-surface-back .ie-image-flip-box::after {
  opacity: 0;
}
.ie-image-flip-flipping-prev .ie-image-flip-flipping-surface-front .ie-image-flip-box::after, .ie-image-flip-flipping-prev-rotate.ie-image-flip-flipping-prev .ie-image-flip-flipping-surface-back .ie-image-flip-box::after, .ie-image-flip-flipping-prev-rotate.ie-image-flip-flipping-prev .ie-image-flip-page-slice-right .ie-image-flip-box::after, .ie-image-flip-flipping-next-rotate.ie-image-flip-flipping-next .ie-image-flip-flipping-surface-front .ie-image-flip-box::after, .ie-image-flip-flipping-next-rotate.ie-image-flip-flipping-next .ie-image-flip-page-slice-left .ie-image-flip-box::after, .ie-image-flip-flipping-next-rotate.ie-image-flip-flipping-next .ie-image-flip-flipping-surface-front .ie-image-flip-box::after {
  opacity: 1;
}
.ie-image-flip-flipping {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 50%;
  top: 0;
  z-index: 100;
  transform-origin: 0 50%;
  transform-style: preserve-3d;
  transition: transform 1000ms ease-in-out;
  transform: rotateY(-180deg);
}
.ie-image-flip-flipping .ie-image-flip-flipping-surface-front .ie-image-flip-page-inner {
  right: 0;
}
.ie-image-flip-flipping-next .ie-image-flip-flipping, .ie-image-flip-flipping-prev-rotate .ie-image-flip-flipping {
  transform: rotateY(0);
}
.ie-image-flip-flipping-next-rotate .ie-image-flip-flipping {
  transform: rotateY(-180deg);
}
.ie-image-flip-flipping-surface {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ie-image-flip-flipping-surface-back {
  transform: rotateY(-180deg);
}

.ie-pictureBook-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-pictureBook-book {
  background: #fbefdc;
  border-radius: 6.4814814815vmin;
  padding: 0 0.462962963vmin;
  width: 94%;
}
.ie-pictureBook-book-layout {
  background: #fbf5ea;
  box-shadow: 0px 0.1851851852vmin 0.7407407407vmin rgba(0, 0, 0, 0.1);
  border-radius: 6.4814814815vmin;
  padding: 0 0.462962963vmin;
}
.ie-pictureBook-book-layout-inner {
  background: #fffdf4;
  box-shadow: 0px 0.1851851852vmin 0.7407407407vmin rgba(0, 0, 0, 0.1);
  border-radius: 6.4814814815vmin;
  padding: 0 0.9259259259vmin 0.9259259259vmin;
}
.ie-pictureBook-controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-pictureBook-controls-row {
  -ms-flex-direction: row;
      flex-direction: row;
  height: 14.8148148148vmin;
  margin-top: 3.7037037037vmin;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: 3.7037037037vmin;
}
.ie-pictureBook-controls-row div,
.ie-pictureBook-controls-row button {
  margin-right: 1.8518518519vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-pictureBook-flip-box-left {
  border-radius: 0 5.5555555556vmin 5.5555555556vmin 0;
}
.ie-pictureBook-flip-box-right {
  border-radius: 5.5555555556vmin 0 0 5.5555555556vmin;
}
.ie-pictureBook-controls-btn {
  position: relative;
  border-radius: 50%;
  padding: 0;
  border: 0;
  width: 9.2592592593vmin;
  height: 9.2592592593vmin;
  background: #ffbf00;
  color: #fff;
  transition: all 0.3s;
}
.ie-pictureBook-controls-btn > svg {
  width: 5.9259259259vmin;
  height: 5.9259259259vmin;
  vertical-align: middle;
}
.ie-pictureBook-controls-btn:disabled {
  background: rgba(0, 0, 0, 0.5);
  color: #7c838e;
}
.ie-pictureBook-controls-green {
  background-color: #00cf64;
}
.ie-pictureBook-controls-blue {
  background-color: #10c3f9;
}
.ie-pictureBook-controls-btn-big {
  width: 12.037037037vmin;
  height: 12.037037037vmin;
  margin: 9.2592592593vmin 0;
}
.ie-pictureBook-controls-btn-big > svg {
  width: 6.8518518519vmin;
  height: 6.8518518519vmin;
}
.ie-pictureBook-onceMore {
  width: 71.3888888889vmin;
}
.ie-pictureBook-onceMore-monkey {
  width: 33.3333333333vmin;
  height: 33.3333333333vmin;
}
.ie-pictureBook-onceMore-cloud {
  width: 71.4814814815vmin;
  height: 26.2962962963vmin;
  margin-top: -9.2592592593vmin;
}
.ie-pictureBook-stars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 55.5555555556vmin;
  padding-bottom: 3.1481481481vmin;
}
.ie-pictureBook-stars > svg {
  width: 18.5185185185vmin;
  height: 18.5185185185vmin;
}
.ie-pictureBook-student-score-container {
  position: relative;
}
.ie-pictureBook-student-score-value {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
  margin-right: 0 !important;
  display: block !important;
  color: #10c3f9;
  font-size: 2.7777777778vmin;
  text-align: right;
  height: 9.2592592593vmin;
  line-height: 9.2592592593vmin;
  background: rgba(0, 0, 0, 0.3);
  padding-left: 10.1851851852vmin;
  border-radius: 4.6296296296vmin;
  padding-right: 1.8518518519vmin;
  word-break: keep-all;
}

.ie-subjective-video-modal-video {
  width: 111.1111111111vmin;
  height: 62.5vmin;
  border-radius: 3.7037037037vmin;
}
.ie-subjective-video-modal-close {
  position: absolute;
  width: 5.5555555556vmin;
  height: 5.5555555556vmin;
  top: -5.5555555556vmin;
  right: -5.5555555556vmin;
  cursor: pointer;
}

.ie-subjective-homework-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99;
}
.ie-subjective-homework-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.ie-subjective-homework-wrapper-header {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 9.2592592593vmin;
  margin-top: 0.9259259259vmin;
}
.ie-subjective-homework-wrapper-header span {
  margin-left: -2.7777777778vmin;
  margin-top: 0.9259259259vmin;
  display: inline-block;
  color: #333;
  font-weight: bold;
  font-size: 4.6296296296vmin;
  line-height: 6.1111111111vmin;
  z-index: 2;
}
.ie-subjective-homework-wrapper-header-finish {
  position: absolute;
  width: 18.5185185185vmin;
  right: 0;
  top: 4.6296296296vmin;
}
.ie-subjective-homework-wrapper-header-imgs {
  margin-top: -0.1851851852vmin;
  height: 9.2592592593vmin;
  width: 28.8888888889vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-subjective-homework-wrapper-header-icon {
  width: 4.6296296296vmin;
  height: 4.6296296296vmin;
}
.ie-subjective-homework-wrapper-header-ip {
  width: 8.3333333333vmin;
  height: 9.2592592593vmin;
  margin-left: 2.7777777778vmin;
}
.ie-subjective-homework-wrapper-header-tutorial {
  margin-left: 1.3888888889vmin;
  height: 6.1111111111vmin;
  cursor: pointer;
}
.ie-subjective-homework-wrapper-header-submit {
  position: absolute;
  right: 5.5555555556vmin;
  bottom: 0vmin;
}
.ie-subjective-homework-wrapper-body {
  margin: 3.7037037037vmin 0 0;
  padding: 5.5555555556vmin 4.6296296296vmin 7.4074074074vmin;
  width: 100%;
  height: 51.8518518519vmin;
  border: 0.0925925926vmin solid #eeeeee;
  box-sizing: border-box;
  border-radius: 7.4074074074vmin;
}
.ie-subjective-homework-wrapper-body-img {
  margin-right: 4.6296296296vmin;
  width: 27.7777777778vmin;
  height: 27.7777777778vmin;
  background: #f8f4f8;
  border-radius: 5.5555555556vmin;
  position: relative;
}
.ie-subjective-homework-wrapper-body-pic {
  width: 27.7777777778vmin;
  height: 27.7777777778vmin;
  border-radius: 5.5555555556vmin;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #f9f9f9;
}
.ie-subjective-homework-wrapper-body-close {
  position: absolute;
  right: 0vmin;
  top: 0vmin;
  width: 3.8888888889vmin;
  height: 3.8888888889vmin;
  cursor: pointer;
}
.ie-subjective-homework-wrapper-body-box {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.ie-subjective-homework-wrapper-body-file {
  display: none;
}
.ie-subjective-homework-wrapper-body-upload {
  width: 27.7777777778vmin;
  height: 27.7777777778vmin;
  background: #f9f9f9;
  border-radius: 5.5555555556vmin;
}
.ie-subjective-homework-wrapper-body-button {
  padding: 2.2222222222vmin 4.1666666667vmin;
  border: 0.1851851852vmin solid #eeeeee;
  box-sizing: border-box;
  border-radius: 5.3703703704vmin;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 3.7037037037vmin;
  z-index: 99;
  background-color: #fff;
}
.ie-subjective-homework-wrapper-body-button .title {
  font-size: 3.7037037037vmin;
  line-height: 4.8148148148vmin;
  color: #333;
  margin-right: 0.9259259259vmin;
}
.ie-subjective-homework-wrapper-body-button:hover .tip {
  opacity: 0.8;
  transition: opacity 0.2s;
  z-index: 1;
}
.ie-subjective-homework-wrapper-body-button-active {
  border: none;
  background: #ffbf00;
}
.ie-subjective-homework-wrapper-body-button-active .title {
  color: #fff;
}
.ie-subjective-homework-wrapper-body-button-active:hover .tip {
  opacity: 0;
}
.ie-subjective-homework-wrapper-body-button img {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
}
.ie-subjective-homework-wrapper-body-button .tip {
  opacity: 0;
  position: absolute;
  top: -7.7777777778vmin;
  white-space: nowrap;
  background-color: black;
  padding: 1.2962962963vmin 1.3888888889vmin;
  border-radius: 1.6666666667vmin;
  color: #fff;
  font-size: 2.037037037vmin;
  line-height: 2.5925925926vmin;
  z-index: -1;
  cursor: pointer;
}
.ie-subjective-homework-wrapper-body-button .tip::after {
  position: absolute;
  content: "";
  width: 1.8518518519vmin;
  height: 1.8518518519vmin;
  background-color: black;
  bottom: -0.7407407407vmin;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-bottom-right-radius: 0.2777777778vmin;
}
.ie-subjective-homework-upload-box {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.ie-subjective-homework-upload-box span {
  margin-top: 3.3333333333vmin;
  text-align: center;
  color: #d1d1d1;
  font-size: 2.4074074074vmin;
  line-height: 3.8888888889vmin;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-subjective-homework-upload-box-icon {
  height: 7.4074074074vmin;
}
.ie-subjective-homework-footer {
  display: -ms-flexbox;
  display: flex;
  margin-top: 4.6296296296vmin;
  -ms-flex-align: center;
      align-items: center;
}
.ie-subjective-homework-footer-icon {
  width: 3.5185185185vmin;
}
.ie-subjective-homework-audio {
  background: #00cf64;
  width: 33.3333333333vmin;
  height: 5.9259259259vmin;
  border-radius: 3.7037037037vmin;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  cursor: pointer;
  color: #fff;
  position: relative;
}
.ie-subjective-homework-audio-span {
  margin-right: 7.4074074074vmin;
  font-size: 1.8518518519vmin;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
}
.ie-subjective-homework-audio-span-finish {
  margin-right: 1.8518518519vmin;
}
.ie-subjective-homework-audio-play {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  margin-left: 1.8518518519vmin;
}
.ie-subjective-homework-audio-close {
  position: absolute;
  right: 0.9259259259vmin;
  width: 2.962962963vmin;
  height: 2.962962963vmin;
}

.ie-subjective-question-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.ie-subjective-question-wrapper-left {
  -ms-flex: 1;
      flex: 1;
  padding: 1.8518518519vmin 0 0 1.8518518519vmin;
  border: 0.0925925926vmin solid #eeeeee;
  box-sizing: border-box;
  border-radius: 7.4074074074vmin;
  height: 100%;
  background: #f8f4f8;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-subjective-question-wrapper-left img {
  background: #f8f4f8;
  width: 80%;
}
.ie-subjective-question-wrapper-right {
  -ms-flex: 1;
      flex: 1;
}
.ie-subjective-question-wrapper-right-box {
  padding: 0 2.7777777778vmin 0 8.3333333333vmin;
}
.ie-subjective-question-wrapper-right-box-title {
  padding-left: 2.7777777778vmin;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold;
  font-size: 3.7037037037vmin;
  line-height: 4.9074074074vmin;
}
.ie-subjective-question-wrapper-right-box-title::before {
  content: "";
  position: absolute;
  left: 0;
  height: 3.5185185185vmin;
  width: 0.9259259259vmin;
  background-color: #ffbf00;
  border-radius: 0.462962963vmin;
}
.ie-subjective-question-wrapper-right-box-tip {
  margin-top: 2.5vmin;
  color: #333;
  font-size: 2.7777777778vmin;
  line-height: 3.5185185185vmin;
}
.ie-subjective-question-wrapper-right-box-line {
  margin: 3.3333333333vmin 0 3.5185185185vmin;
  height: 0.0925925926vmin;
  background-color: #eee;
}
.ie-subjective-question-wrapper-right-box-list {
  height: 37.037037037vmin;
  width: 100%;
  overflow-x: hidden;
}
.ie-subjective-question-wrapper-right-box-btn {
  margin-top: 2.7777777778vmin;
}
.ie-subjective-question-left-tag {
  position: absolute;
  top: -3.7037037037vmin;
  left: -1.8518518519vmin;
  width: 10.9259259259vmin;
  height: 10.3703703704vmin;
}
.ie-subjective-question-list-item {
  margin-bottom: 3.5185185185vmin;
  padding-right: 1.8518518519vmin;
}
.ie-subjective-question-list-item:last-child {
  margin-bottom: 0;
}
.ie-subjective-question-list-item-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-subjective-question-list-item-title img {
  width: 5.5555555556vmin;
  margin-right: 1.8518518519vmin;
}
.ie-subjective-question-list-item-title span {
  font-size: 3.3333333333vmin;
  color: #333;
  line-height: 4.4444444444vmin;
}
.ie-subjective-question-list-item-tip {
  margin-top: 1.2962962963vmin;
  font-size: 2.7777777778vmin;
  line-height: 4.0740740741vmin;
  color: #333;
}

.ie-subjective-remark-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.ie-subjective-remark-wrapper-header {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 1.8518518519vmin 0 0 1.8518518519vmin;
}
.ie-subjective-remark-wrapper-header span {
  color: #333;
  font-weight: bold;
  font-size: 4.6296296296vmin;
  line-height: 6.1111111111vmin;
  z-index: 2;
}
.ie-subjective-remark-wrapper-header-icon {
  position: absolute;
  width: 4.6296296296vmin;
  height: 4.6296296296vmin;
  top: -0.9259259259vmin;
  left: -1.8518518519vmin;
}
.ie-subjective-remark-teacher {
  margin-top: 3.2407407407vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-subjective-remark-teacher-avatar {
  width: 12.962962963vmin;
  height: 12.962962963vmin;
  border-radius: 50%;
}
.ie-subjective-remark-teacher-info {
  margin-left: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-subjective-remark-teacher-info span {
  color: #333;
  font-size: 2.7777777778vmin;
  line-height: 3.5185185185vmin;
}
.ie-subjective-remark-teacher-star {
  margin-top: 2.037037037vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-subjective-remark-teacher-star img {
  width: 5.5555555556vmin;
  margin-right: 1.8518518519vmin;
}
.ie-subjective-remark-audio {
  margin-top: 6.4814814815vmin;
  background: #00cf64;
  width: 33.3333333333vmin;
  height: 5.9259259259vmin;
  border-radius: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  cursor: pointer;
}
.ie-subjective-remark-audio audio {
  display: none;
}
.ie-subjective-remark-audio span {
  margin-right: 1.8518518519vmin;
  font-size: 1.8518518519vmin;
  line-height: 3.5185185185vmin;
  font-weight: normal;
  color: #fff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
}
.ie-subjective-remark-audio-img {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  margin-left: 1.8518518519vmin;
}
.ie-subjective-remark-remark {
  margin-top: 5.5555555556vmin;
  padding: 1.8518518519vmin;
  background: #f9f9f9;
  border: 0.0462962963vmin solid #eeeeee;
  border-radius: 3.7037037037vmin;
  color: #666;
  font-size: 2.7777777778vmin;
  line-height: 4.0740740741vmin;
  overflow-x: hidden;
  word-break: break-all;
  max-height: calc(100% - 31.1111111111vmin);
}
.ie-subjective-remark-remark-audio {
  max-height: calc(100% - 43.1481481481vmin);
}

.ie-subjective-box {
  padding: 0.9259259259vmin;
  background-color: #8e81e9;
  margin-top: 1.8518518519vmin;
  box-shadow: 0px 0.3703703704vmin 1.8518518519vmin rgba(0, 0, 0, 0.06);
  height: calc(100% - 3.7037037037vmin);
  border-radius: 11.1111111111vmin;
  box-sizing: border-box;
}
.ie-subjective-wrapper {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  background-color: #fff;
  padding: 4.6296296296vmin 5.5555555556vmin 4.6296296296vmin;
  border-radius: 10.1851851852vmin;
}
.ie-subjective-menu-group {
  position: absolute;
  right: -6.9444444444vmin;
  top: 50%;
  transform: translateY(-50%);
  width: 6.9444444444vmin;
  height: auto;
  box-sizing: border-box;
}
.ie-subjective-menu-item {
  margin-bottom: 7.962962963vmin;
  border-radius: 0 3.7037037037vmin 3.7037037037vmin 0;
  background: #8e81e9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 500;
  font-size: 2.7777777778vmin;
  line-height: 3.7037037037vmin;
  padding: 3.0555555556vmin 2.037037037vmin;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-height: 20.9259259259vmin;
}
.ie-subjective-menu-item img {
  width: 4.4444444444vmin;
  height: 4.4444444444vmin;
  opacity: 0.7;
}
.ie-subjective-menu-item:last-child {
  margin-bottom: 0;
}
.ie-subjective-menu-item-active {
  background: #ffbf00;
  transition: background 0.2s, opacity 0.2s;
}
.ie-subjective-menu-item-active img {
  opacity: 1;
}

@charset "UTF-8";
.ie-tpr-score-v2-container {
  position: relative;
  height: 100%;
  width: 100%;
  background: #fff;
  overflow: hidden;
  position: relative;
  border-radius: 1.2345679012vmin;
  padding: 3.7037037037vmin 4.9382716049vmin 2.4691358025vmin;
}
.ie-tpr-score-v2-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.ie-tpr-score-v2-nav-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-tpr-score-v2-left-title {
  font-size: 4.9382716049vmin;
  color: #ffbf00;
  font-weight: 600;
}
.ie-tpr-score-v2-left-sub-title {
  font-size: 2.962962963vmin;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 0.7407407407vmin;
}
.ie-tpr-score-v2-nav-right b {
  color: #00cf64;
  font-size: 7.4074074074vmin;
}
.ie-tpr-score-v2-nav-right span {
  font-size: 3.7037037037vmin;
  color: rgba(0, 0, 0, 0.8);
  margin-left: 1.2345679012vmin;
}
.ie-tpr-score-v2-time {
  margin-top: 2.4691358025vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ie-tpr-score-v2-time-tip {
  font-size: 2.962962963vmin;
  color: rgba(0, 0, 0, 0.4);
}
.ie-tpr-score-v2-time-value {
  font-size: 2.962962963vmin;
  color: rgba(0, 0, 0, 0.6);
}
.ie-tpr-score-v2-line {
  margin-top: 2.4691358025vmin;
  height: 0.1234567901vmin;
  width: 100%;
  position: relative;
  border-bottom: 0.1234567901vmin dashed #d1d1d1;
}
.ie-tpr-score-v2-tip {
  margin-top: 2.4691358025vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.ie-tpr-score-v2-tip-left {
  display: -ms-flexbox;
  display: flex;
  color: #333333;
  font-size: 3.2098765432vmin;
}
.ie-tpr-score-v2-tip-error {
  margin-left: 7.4074074074vmin;
}
.ie-tpr-score-v2-tip-right {
  color: #999;
  font-size: 2.2222222222vmin;
}
.ie-tpr-score-v2-list {
  margin-top: 2.4691358025vmin;
  position: relative;
  height: 23.4567901235vmin;
  width: 100%;
  overflow-x: hidden;
  overflow-y: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-tpr-score-v2-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-tpr-score-v2-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-tpr-score-v2-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-tpr-score-v2-list-wrapper {
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-tpr-score-v2-sheet-item {
  display: -ms-flexbox;
  display: flex;
  height: 8.6419753086vmin;
  width: 8.6419753086vmin;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  border-radius: 1.2345679012vmin;
  font-size: 4.1975308642vmin;
  margin-right: 2.4691358025vmin;
  margin-bottom: 2.4691358025vmin;
  cursor: pointer;
}
.ie-tpr-score-v2-sheet-item:nth-child(8n) {
  margin-right: 0;
}
.ie-tpr-score-v2-sheet-wrong {
  background: #ffeeee;
  color: #ff6666;
}
.ie-tpr-score-v2-sheet-correct {
  background: #e2faee;
  color: #00cf64;
}
.ie-tpr-score-v2-operate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-tpr-score-v2-operate-button {
  margin-right: 12.3456790123vmin;
  margin-top: 2.4691358025vmin;
}
.ie-tpr-score-v2-operate-button:last-child {
  margin-right: 0vmin;
}
.ie-tpr-score-v2-retest-button {
  display: inline-block;
  height: 7.4074074074vmin;
  width: 27.1604938272vmin;
  font-size: 3.2098765432vmin;
}
.ie-tpr-score-v2-next-button {
  display: inline-block;
  height: 7.4074074074vmin;
  width: 27.1604938272vmin;
  font-size: 3.2098765432vmin;
  animation: around 2s 0.15s linear infinite;
}

@keyframes around {
  10% {
    transform: rotateZ(10deg);
  }
  20% {
    transform: rotateZ(-5deg);
  }
  30% {
    transform: rotateZ(5deg);
  }
  40% {
    transform: rotateZ(-5deg);
  }
  50% {
    transform: rotateZ(0deg);
  }
}

@charset "UTF-8";
.ie-tpr-simple-v2-container {
  position: relative;
  height: 100%;
  width: 100%;
  background: #fff;
  overflow: hidden;
  position: relative;
  border-radius: 1.2345679012vmin;
}
.ie-tpr-simple-v2-list {
  position: absolute;
  top: 3.7037037037vmin;
  bottom: 12.037037037vmin;
  left: 3.7037037037vmin;
  overflow-x: hidden;
  overflow-y: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-tpr-simple-v2-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-tpr-simple-v2-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-tpr-simple-v2-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-tpr-simple-v2-wrapper {
  height: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-tpr-simple-v2-tooltip {
  margin-top: -2.4691358025vmin;
}
.ie-tpr-simple-v2-operate {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  bottom: 2.4691358025vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-tpr-simple-v2-operate-button {
  margin-right: 12.3456790123vmin;
}
.ie-tpr-simple-v2-operate-button:last-child {
  margin-right: 0vmin;
}
.ie-tpr-simple-v2-next-button, .ie-tpr-simple-v2-fix-button, .ie-tpr-simple-v2-reset-button {
  height: 7.4074074074vmin;
  font-size: 3.2098765432vmin;
  width: 29.6296296296vmin;
}
.ie-tpr-simple-v2-fix-button {
  cursor: pointer;
}
.ie-tpr-simple-v2-next-button {
  height: 7.4074074074vmin;
  font-size: 3.2098765432vmin;
  width: 29.6296296296vmin;
  animation: around 2s 0.15s linear infinite;
}
.ie-tpr-simple-v2-sheet-item {
  width: 14.8148148148vmin;
  height: 14.8148148148vmin;
  background: #fff4d1;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1.975308642vmin;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 3.7037037037vmin;
  margin-right: 3.7037037037vmin;
  position: relative;
}
.ie-tpr-simple-v2-sheet-item:nth-child(5n) {
  margin-right: 0;
}
.ie-tpr-simple-v2-sheet-item-top {
  font-size: 4.9382716049vmin;
  height: 9.8765432099vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-tpr-simple-v2-sheet-item-bottom {
  width: 100%;
  height: 4.9382716049vmin;
  display: block;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #ff6666;
  text-align: center;
  position: relative;
}
.ie-tpr-simple-v2-sheet-item-bottom-correct {
  background-color: #00cf64;
}
.ie-tpr-simple-v2-sheet-item-icon {
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  position: relative;
}

@keyframes around {
  10% {
    transform: rotateZ(10deg);
  }
  20% {
    transform: rotateZ(-5deg);
  }
  30% {
    transform: rotateZ(5deg);
  }
  40% {
    transform: rotateZ(-5deg);
  }
  50% {
    transform: rotateZ(0deg);
  }
}

@media (max-height: 500px) {
  .ie-tpr-v2-content {
    margin-top: 2.4691358025vmin;
  }
}
.ie-tpr-v2-title-box {
  position: fixed;
  top: 3.7037037037vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-tpr-v2-title {
  position: relative;
  max-width: 64.8148148148vmin;
  height: 7.4074074074vmin;
  background: #10c3f9;
  box-shadow: 0 0.3703703704vmin 0 #0db0e1;
  border-radius: 7.4074074074vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 7.4074074074vmin;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-tpr-v2-title::before, .ie-tpr-v2-title::after {
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  content: " ";
  background-color: #98dcff;
  border-radius: 50%;
  position: relative;
  padding-top: 1.4814814815vmin;
  padding-left: 1.4814814815vmin;
}
.ie-tpr-v2-title::before {
  margin-right: 2.4691358025vmin;
}
.ie-tpr-v2-title::after {
  margin-left: 2.4691358025vmin;
}
.ie-tpr-v2-title-line {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ie-tpr-v2-title-line::before, .ie-tpr-v2-title-line::after {
  width: 0.987654321vmin;
  height: 5.5555555556vmin;
  background-color: #10c3f9;
  content: "";
  position: absolute;
  bottom: 100%;
}
.ie-tpr-v2-title-line::before {
  left: 7.6543209877vmin;
}
.ie-tpr-v2-title-line::after {
  right: 7.6543209877vmin;
}
.ie-tpr-v2-title span {
  font-weight: bold;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 3.2098765432vmin;
  line-height: 4.3209876543vmin;
  color: #fff;
}

.ie-write-char-hanzi-v2-wrapper {
  border-radius: 2.4691358025vmin;
  box-sizing: border-box;
  position: relative;
  background-image: url("https://cdnwukong.com/images/exercise/write-hanzi-bg-v2.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.ie-write-char-v2-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 4.9382716049vmin;
}
.ie-write-char-v2-wrapper-left {
  height: 27.1604938272vmin;
  width: 27.1604938272vmin;
  border-radius: 2.4691358025vmin;
  overflow: hidden;
}
.ie-write-char-v2-wrapper-left img {
  width: 100%;
  height: 100%;
}
.ie-write-char-v2-wrapper-right {
  width: 54.3209876543vmin;
  height: 54.3209876543vmin;
  margin-left: 4.9382716049vmin;
  overflow: hidden;
  border-radius: 2.4691358025vmin;
}
.ie-write-char-v2-wrapper-right-disable {
  z-index: -1;
}
.ie-write-char-v2-wrapper-right img {
  width: 100%;
  height: 100%;
}

.ie-generalSubjective-foldSpan-wrapper-content {
  font-size: 2.7777777778vmin;
  line-height: 3.7037037037vmin;
  color: #333333;
  white-space: pre-line;
}
@media (max-height: 500px) {
  .ie-generalSubjective-foldSpan-wrapper-content {
    font-size: 3.950617284vmin;
    line-height: 5.1851851852vmin;
  }
}
.ie-generalSubjective-foldSpan-wrapper-content-hidden {
  display: -webkit-box;
  overflow: hidden;
  max-height: 180px;
}
.ie-generalSubjective-foldSpan-wrapper-image-container {
  margin-top: 3.7037037037vmin;
  position: relative;
  background: #ffffff;
  border-radius: 5.5555555556vmin;
  width: 37.037037037vmin;
  max-width: 100%;
}
.ie-generalSubjective-foldSpan-wrapper-image-container img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 15%;
  overflow: hidden;
}
.ie-generalSubjective-foldSpan-wrapper-image {
  cursor: zoom-in;
  padding-top: 100%;
}
.ie-generalSubjective-foldSpan-fold {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.5925925926vmin;
  line-height: 3.7962962963vmin;
  margin: 0.9259259259vmin 0 0;
  color: #ffbf00;
  font-weight: 300;
  cursor: pointer;
}
.ie-generalSubjective-foldSpan-fold svg {
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
  margin: 0 0.3703703704vmin;
  transition: transform 0.3s;
}
@media (max-height: 500px) {
  .ie-generalSubjective-foldSpan-fold {
    font-size: 3.4567901235vmin;
    line-height: 5.0617283951vmin;
  }
}
.ie-generalSubjective-foldSpan-fold-svg-spin {
  transform: rotate(180deg);
}

@charset "UTF-8";
.ie-generalSubjective-poster-box {
  height: 62.5vmin;
  border-radius: 3.7037037037vmin;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-generalSubjective-poster-modal-content {
  min-width: -moz-max-content;
  min-width: max-content;
}
.ie-generalSubjective-poster-modal-content .ie-modal-body {
  box-sizing: content-box;
  border-radius: 5.5555555556vmin;
  padding: 1.8518518519vmin;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100vh - 25.9259259259vmin);
}
.ie-generalSubjective-poster-fullscreen-content {
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: red;
}
.ie-generalSubjective-poster-fullscreen-content .ie-modal-body {
  padding: 0;
  border-radius: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #080808;
}
.ie-generalSubjective-poster-fullscreen-content .ie-generalSubjective-poster-box {
  border-radius: 0;
}
.ie-generalSubjective-poster-fullscreen-content .ie-modal-body {
  height: 100%;
}
.ie-generalSubjective-poster-fullscreen-content .ie-generalSubjective-poster-modal-main {
  min-width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  overflow-x: unset;
  height: 100vh;
}
.ie-generalSubjective-poster-mask {
  -webkit-backdrop-filter: blur(1.8518518519vmin);
          backdrop-filter: blur(1.8518518519vmin);
}
.ie-generalSubjective-poster-video {
  display: block;
  width: 111.1111111111vmin;
  height: 100%;
  background-color: #080808;
}
.ie-generalSubjective-poster-video-fullscreen {
  width: 100%;
  height: 100vh;
}
.ie-generalSubjective-poster-image {
  max-width: 90vw;
  min-width: 40vw;
  height: auto;
  display: block;
}
.ie-generalSubjective-poster-image-fullscreen {
  min-width: 0;
  max-width: 80vw;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.ie-generalSubjective-poster-modal-main {
  border-radius: 3.7037037037vmin;
  overflow: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-generalSubjective-poster-modal-main::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-generalSubjective-poster-modal-main::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-generalSubjective-poster-modal-main::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-generalSubjective-poster-close {
  position: absolute;
  width: 6.8518518519vmin;
  height: 6.8518518519vmin;
  top: -5.5555555556vmin;
  right: -5.5555555556vmin;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ie-generalSubjective-poster-close-fullscreen {
  top: 3.7037037037vmin;
  right: 3.7037037037vmin;
}
.ie-generalSubjective-poster-pdf {
  width: 85vw;
  height: calc(100vh - 25.9259259259vmin);
  padding-right: -6px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 1.8518518519vmin;
}
.ie-generalSubjective-poster-pdf::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-generalSubjective-poster-pdf::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-generalSubjective-poster-pdf::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-generalSubjective-poster-pdf img {
  width: 100%;
}
.ie-generalSubjective-poster-pdf-fullscreen {
  height: 100vh;
  width: 100%;
  border-radius: 0;
  padding-right: 0;
  overflow: overlay;
  overflow-x: hidden;
  background-color: #fff;
}
.ie-generalSubjective-poster-pdf-fullscreen canvas {
  width: 100% !important;
}
.ie-generalSubjective-poster-print {
  position: absolute;
  bottom: 3.7037037037vmin;
  right: 3.7037037037vmin;
  height: 4.6296296296vmin;
  padding: 0 1.8518518519vmin;
  border-radius: 5.3703703704vmin;
  background-color: #485850;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.037037037vmin;
  color: #fff;
  cursor: pointer;
}
.ie-generalSubjective-poster-print-icon {
  width: 2.2222222222vmin;
  height: 2.2222222222vmin;
  margin-right: 1.1111111111vmin;
}

.ie-write-subjective-images-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #fff;
  width: 100%;
}
.ie-write-subjective-images-wrapper img {
  width: 100%;
}

.ie-write-subjective-pdf-pdf {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-write-subjective-pdf-pdf-page {
  width: 100%;
}
.ie-write-subjective-pdf-control {
  position: absolute;
  bottom: 1.2345679012vmin;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 3.7037037037vmin 4.9382716049vmin 0 rgba(16, 36, 94, 0.2);
  border-radius: 0.4938271605vmin;
  padding: 1.2345679012vmin 1.2345679012vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(0, 0, 0, 0.7);
  background: white;
}
.ie-write-subjective-pdf-control-fullscreen {
  position: fixed;
  top: 1.2345679012vmin;
  bottom: auto;
}
.ie-write-subjective-pdf-control-btn {
  background: white;
  border: 0;
  border-radius: 0.4938271605vmin;
  font-size: 4.1975308642vmin;
  width: 5.4320987654vmin;
  height: 5.4320987654vmin;
  cursor: pointer;
}
.ie-write-subjective-pdf-control-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ie-write-subjective-pdf-control span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 5.4320987654vmin;
  font-size: 2.962962963vmin;
  margin: 0 1.2345679012vmin;
  color: #000;
}
.ie-write-subjective-pdf-control-btn-dis {
  color: #e6e6e6;
  cursor: not-allowed;
}
.ie-write-subjective-pdf-native-pdf {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ie-write-subjective-pdf-iframe {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0;
  right: 0;
  z-index: 9;
}

.ie-generalSubjective-progress-container {
  height: 100%;
  width: 100%;
}
.ie-generalSubjective-progress-container-size-sm {
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.9259259259vmin;
  height: 1.4814814815vmin;
}
.ie-generalSubjective-progress-container-size-lg {
  border-radius: 1.8518518519vmin;
}
.ie-generalSubjective-progress-container-size-lg .ie-generalSubjective-progress-content {
  border-radius: 1.8518518519vmin;
  background: rgba(0, 207, 100, 0.1);
}
.ie-generalSubjective-progress-content {
  transition: 0.2s all;
  height: 100%;
  border-radius: 0.9259259259vmin;
  background: #00cf64;
}

.ie-generalSubjective-poster-wrapper {
  position: relative;
  z-index: 1;
}
.ie-generalSubjective-poster-container {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  width: 20.3703703704vmin;
  height: 20.3703703704vmin;
  background-color: #f8f4f8;
  border-radius: 8%;
  overflow: hidden;
  margin-bottom: 2.4074074074vmin;
  cursor: pointer;
}
.ie-generalSubjective-poster-cover {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 8%;
}
.ie-generalSubjective-poster-cover-zoom {
  position: absolute;
  bottom: 1.2962962963vmin;
  right: 1.2962962963vmin;
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
  -webkit-tap-highlight-color: transparent;
}
.ie-generalSubjective-poster-cover-mask {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8%;
}
.ie-generalSubjective-poster-cover-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  margin-left: -3.7037037037vmin;
  margin-top: -3.7037037037vmin;
  -webkit-tap-highlight-color: transparent;
}
.ie-generalSubjective-poster-remove {
  position: absolute;
  width: 3.1481481481vmin;
  height: 3.1481481481vmin;
  top: 1.2962962963vmin;
  left: 13.8888888889vmin;
  cursor: pointer;
  z-index: 9;
}
@media (max-height: 500px) {
  .ie-generalSubjective-poster-remove {
    height: 4.0740740741vmin;
    width: 4.0740740741vmin;
    top: 1.2962962963vmin;
    left: 13.5185185185vmin;
  }
}
.ie-generalSubjective-poster-recorder {
  position: absolute;
  bottom: -10.1851851852vmin;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5.3703703704vmin;
}
.ie-generalSubjective-poster-recorder-box {
  padding: 1.2962962963vmin 1.8518518519vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-generalSubjective-poster-recorder-box span {
  margin-left: 1.1111111111vmin;
  color: #fff;
  font-size: 2.4074074074vmin;
  font-weight: normal;
  line-height: 2.7777777778vmin;
  white-space: nowrap;
}
.ie-generalSubjective-poster-recorder-icon {
  width: 5.5555555556vmin;
  height: 5.5555555556vmin;
  -webkit-tap-highlight-color: transparent;
}
.ie-generalSubjective-poster-progress {
  position: absolute;
  z-index: 10;
  bottom: 0.9259259259vmin;
  left: 0.9259259259vmin;
  right: 0.9259259259vmin;
}

.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
      touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

.ie-generalSubjective-audio-slider-container {
  background: #f9f9f9;
  padding: 0 1.2962962963vmin;
  border-radius: 1.8518518519vmin;
  height: 7.4074074074vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 2.2222222222vmin;
  position: relative;
}
@media (max-height: 500px) {
  .ie-generalSubjective-audio-slider-container {
    height: 13.5802469136vmin;
    padding: 0 2.962962963vmin;
  }
}
.ie-generalSubjective-audio-slider-play {
  width: 4.8148148148vmin;
  height: 4.8148148148vmin;
  cursor: pointer;
  z-index: 9;
}
@media (max-height: 500px) {
  .ie-generalSubjective-audio-slider-play {
    width: 6.4197530864vmin;
    height: 6.4197530864vmin;
  }
}
.ie-generalSubjective-audio-slider-slider {
  -ms-flex: 1;
      flex: 1;
  margin-left: 2.7777777778vmin;
}
.ie-generalSubjective-audio-slider-slider .rc-slider-rail {
  height: 0.9259259259vmin;
  border-radius: 0.462962963vmin;
  background: rgba(0, 0, 0, 0.06);
}
@media (max-height: 500px) {
  .ie-generalSubjective-audio-slider-slider .rc-slider-rail {
    height: 1.2345679012vmin;
    border-radius: 0.6172839506vmin;
  }
}
.ie-generalSubjective-audio-slider-slider .rc-slider-track {
  background: #ffbf00;
  border-radius: 0.462962963vmin;
  height: 0.9259259259vmin;
}
@media (max-height: 500px) {
  .ie-generalSubjective-audio-slider-slider .rc-slider-track {
    border-radius: 0.6172839506vmin;
    height: 1.2345679012vmin;
  }
}
.ie-generalSubjective-audio-slider-slider .rc-slider-step {
  border-radius: 0.462962963vmin;
  height: 0.9259259259vmin;
}
@media (max-height: 500px) {
  .ie-generalSubjective-audio-slider-slider .rc-slider-step {
    border-radius: 0.6172839506vmin;
    height: 1.2345679012vmin;
  }
}
.ie-generalSubjective-audio-slider-slider .rc-slider-handle {
  border: none;
  width: 2.2222222222vmin;
  height: 2.2222222222vmin;
  position: relative;
  margin-top: -0.6481481481vmin;
  box-shadow: 0 0 0.9259259259vmin rgba(0, 0, 0, 0.15);
}
@media (max-height: 500px) {
  .ie-generalSubjective-audio-slider-slider .rc-slider-handle {
    width: 2.962962963vmin;
    height: 2.962962963vmin;
    margin-top: -0.8641975309vmin;
  }
}
.ie-generalSubjective-audio-slider-slider .rc-slider-handle:active {
  box-shadow: none;
}
.ie-generalSubjective-audio-slider-slider .rc-slider-handle::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.1111111111vmin;
  height: 1.1111111111vmin;
  background-color: #ffbf00;
  border-radius: 50%;
}
@media (max-height: 500px) {
  .ie-generalSubjective-audio-slider-slider .rc-slider-handle::after {
    width: 1.4814814815vmin;
    height: 1.4814814815vmin;
  }
}
.ie-generalSubjective-audio-slider-time {
  margin-left: 2.7777777778vmin;
  font-size: 1.8518518519vmin;
  line-height: 2.3148148148vmin;
  color: #333;
  white-space: nowrap;
}
@media (max-height: 500px) {
  .ie-generalSubjective-audio-slider-time {
    font-size: 3.4567901235vmin;
    line-height: 4.4444444444vmin;
  }
}
.ie-generalSubjective-audio-slider-remove {
  margin-left: 1.8518518519vmin;
  width: 3.1481481481vmin;
  height: 3.1481481481vmin;
  cursor: pointer;
  z-index: 9;
}
@media (max-height: 500px) {
  .ie-generalSubjective-audio-slider-remove {
    height: 5.4320987654vmin;
    width: 5.4320987654vmin;
  }
}
.ie-generalSubjective-audio-slider-progress {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.ie-ppt-loading-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 99999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ppt-loading-loading-node {
  position: absolute;
}
.ie-ppt-loading-loading-index {
  z-index: -1;
}
.ie-ppt-loading-loading-content {
  width: 260px;
}

.ie-ppt-view-loading {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: #fff;
  z-index: 99;
}
.ie-ppt-view-ppt {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.ppt-preview-controls {
  display: none;
}

.ie-ppt-preview-close {
  position: absolute;
  width: 6.8518518519vmin;
  height: 6.8518518519vmin;
  top: 1.8518518519vmin;
  right: 1.8518518519vmin;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  z-index: 100;
}
.ie-ppt-preview-operate {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 7.4074074074vmin;
  padding: 1.1111111111vmin 1.8518518519vmin;
  border-radius: 5.3703703704vmin;
  background-color: #8e8c8b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ppt-preview-operate-icon {
  height: 3.7037037037vmin;
  width: 3.7037037037vmin;
  border-radius: 50%;
  margin-right: 1.8518518519vmin;
  padding: 0.3703703704vmin;
}
.ie-ppt-preview-operate-icon-play {
  height: 5.1851851852vmin;
  width: 5.1851851852vmin;
}
.ie-ppt-preview-operate-icon:last-child {
  margin-right: 0;
}
.ie-ppt-preview-operate-icon:hover {
  cursor: pointer;
  background-color: #7e807c;
}
.ie-ppt-preview-operate-icon-disable {
  cursor: not-allow;
  pointer-events: none;
  opacity: 0.6;
}
.ie-ppt-preview-page {
  position: absolute;
  bottom: 8.3333333333vmin;
  right: 16.6666666667vmin;
  height: 4.6296296296vmin;
  padding: 0vmin 1.8518518519vmin;
  border-radius: 5.3703703704vmin;
  background-color: #485850;
  font-size: 2.037037037vmin;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ppt-preview-print {
  position: absolute;
  bottom: 8.3333333333vmin;
  right: 1.8518518519vmin;
  height: 4.6296296296vmin;
  padding: 0 1.8518518519vmin;
  border-radius: 5.3703703704vmin;
  background-color: #485850;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.037037037vmin;
  color: #fff;
  cursor: pointer;
}
.ie-ppt-preview-print-icon {
  width: 2.2222222222vmin;
  height: 2.2222222222vmin;
  margin-right: 1.1111111111vmin;
}
.ie-ppt-preview-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  animation: slide 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes slide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.ie-generalSubjective-file-view-container {
  margin-bottom: 2.2222222222vmin;
  background: #f9f9f9;
  border-radius: 1.8518518519vmin;
  height: 7.4074074074vmin;
  position: relative;
  width: 100%;
}
@media (max-height: 500px) {
  .ie-generalSubjective-file-view-container {
    height: 13.5802469136vmin;
  }
}
.ie-generalSubjective-file-view-main {
  position: relative;
  z-index: 1;
  padding: 0 1.8518518519vmin;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}
@media (max-height: 500px) {
  .ie-generalSubjective-file-view-main {
    padding: 0 2.962962963vmin;
  }
}
.ie-generalSubjective-file-view-file {
  width: 4.6296296296vmin;
}
@media (max-height: 500px) {
  .ie-generalSubjective-file-view-file {
    width: 8.3950617284vmin;
  }
}
.ie-generalSubjective-file-view-pdf {
  width: 4.0740740741vmin;
}
@media (max-height: 500px) {
  .ie-generalSubjective-file-view-pdf {
    width: 6.7901234568vmin;
  }
}
.ie-generalSubjective-file-view-title {
  margin-left: 1.8518518519vmin;
  margin-right: 1.8518518519vmin;
  font-size: 1.8518518519vmin;
  color: #333;
  -ms-flex: 1;
      flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-height: 500px) {
  .ie-generalSubjective-file-view-title {
    font-size: 3.4567901235vmin;
    line-height: 4.4444444444vmin;
  }
}
.ie-generalSubjective-file-view-operate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ie-generalSubjective-file-view-operate a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-generalSubjective-file-view-image {
  width: 4.6296296296vmin;
  height: 4.6296296296vmin;
  border-radius: 50%;
  margin-right: 1.8518518519vmin;
  cursor: pointer;
}
.ie-generalSubjective-file-view-image:last-child {
  margin-right: 0;
}
@media (max-height: 500px) {
  .ie-generalSubjective-file-view-image {
    width: 8.3950617284vmin;
    height: 8.3950617284vmin;
    margin-right: 3.4567901235vmin;
  }
}
.ie-generalSubjective-file-view-remove {
  width: 3.1481481481vmin;
  height: 3.1481481481vmin;
  margin-left: 1.8518518519vmin;
  cursor: pointer;
  z-index: 9;
}
@media (max-height: 500px) {
  .ie-generalSubjective-file-view-remove {
    margin-left: 3.4567901235vmin;
    height: 5.4320987654vmin;
    width: 5.4320987654vmin;
  }
}
.ie-generalSubjective-file-view-speech {
  bottom: -9.2592592593vmin;
}
.ie-generalSubjective-file-view-progress {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

@charset "UTF-8";
.ie-generalSubjective-question-container {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: auto;
  -webkit-tap-highlight-color: transparent;
  padding-right: 1.6666666667vmin;
}
.ie-generalSubjective-question-container::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-generalSubjective-question-container::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-generalSubjective-question-container::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-generalSubjective-question-wrapper {
  margin-top: 2.2222222222vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.1111111111vmin;
  margin-right: -1.4814814815vmin;
  padding: 0.9259259259vmin 0;
}
@media (max-height: 500px) {
  .ie-generalSubjective-question-wrapper {
    padding: 1.2345679012vmin 0;
  }
}
.ie-generalSubjective-question-wrapper-box {
  -ms-flex: 0 1 33%;
      flex: 0 1 33%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 180vmin) {
  .ie-generalSubjective-question-wrapper-box {
    -ms-flex: 0 1 50%;
        flex: 0 1 50%;
  }
}

.ie-generalSubjective-upload-file-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ie-generalSubjective-upload-file-file {
  display: none;
}

.ie-generalSubjective-floatSpeech-container {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-generalSubjective-floatSpeech-float-box {
  position: fixed;
  bottom: 10.2469135802vmin;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2001;
}
.ie-generalSubjective-floatSpeech-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0.987654321vmin;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 7.1604938272vmin;
  font-size: 2.962962963vmin;
  color: #fff;
  z-index: 2001;
}
.ie-generalSubjective-floatSpeech-box span {
  margin-left: 1.7283950617vmin;
  white-space: nowrap;
}
@media (max-height: 500px) {
  .ie-generalSubjective-floatSpeech-box {
    font-size: 3.7037037037vmin;
  }
}
.ie-generalSubjective-floatSpeech-icon {
  width: 6.7901234568vmin;
  height: 6.7901234568vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-generalSubjective-floatSpeech-icon {
    width: 8.6419753086vmin;
    height: 8.6419753086vmin;
    overflow: visible;
  }
}
.ie-generalSubjective-floatSpeech-not-start-close {
  margin-left: 1.7283950617vmin;
  margin-right: 1.7283950617vmin;
  width: 4.4444444444vmin;
  height: 4.4444444444vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-generalSubjective-floatSpeech-not-start-close {
    width: 6.9135802469vmin;
    height: 6.9135802469vmin;
  }
}
.ie-generalSubjective-floatSpeech-button {
  min-width: 24.9382716049vmin;
  padding: 0vmin 3.7037037037vmin;
  height: 7.4074074074vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 3.2098765432vmin;
  margin-right: 2.4691358025vmin;
}
.ie-generalSubjective-floatSpeech-button:last-child {
  margin-right: 0;
}
@media (max-height: 500px) {
  .ie-generalSubjective-floatSpeech-button {
    font-size: 3.7037037037vmin;
  }
}
.ie-generalSubjective-floatSpeech-slider {
  width: 24.6913580247vmin;
  margin-left: 3.7037037037vmin;
  margin-right: 3.7037037037vmin;
}
.ie-generalSubjective-floatSpeech-slider-box .rc-slider-rail {
  height: 1.2345679012vmin;
  border-radius: 0.6172839506vmin;
  background: #fff;
  opacity: 0.2;
}
.ie-generalSubjective-floatSpeech-slider-box .rc-slider-track {
  background: #ffbf00;
  border-radius: 0.6172839506vmin;
  height: 1.2345679012vmin;
}
.ie-generalSubjective-floatSpeech-slider-box .rc-slider-step {
  border-radius: 0.6172839506vmin;
  height: 1.2345679012vmin;
}
.ie-generalSubjective-floatSpeech-slider-box .rc-slider-handle {
  border: none;
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  position: relative;
  margin-top: -0.8641975309vmin;
  box-shadow: 0 0 1.2345679012vmin rgba(0, 0, 0, 0.15);
}
.ie-generalSubjective-floatSpeech-slider-box .rc-slider-handle:active {
  box-shadow: none;
}
.ie-generalSubjective-floatSpeech-slider-box .rc-slider-handle::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.4814814815vmin;
  height: 1.4814814815vmin;
  background-color: #ffbf00;
  border-radius: 50%;
}
.ie-generalSubjective-floatSpeech-time {
  margin-right: 2.4691358025vmin;
  white-space: nowrap;
  color: #fff;
  font-size: 2.962962963vmin;
  font-weight: normal;
}
@media (max-height: 500px) {
  .ie-generalSubjective-floatSpeech-time {
    font-size: 3.7037037037vmin;
  }
}
.ie-generalSubjective-floatSpeech-speechTime {
  margin: 0 2.2222222222vmin 0 2.4691358025vmin;
  white-space: nowrap;
  color: #ffbf00;
  font-size: 2.962962963vmin;
  font-weight: normal;
}
@media (max-height: 500px) {
  .ie-generalSubjective-floatSpeech-speechTime {
    font-size: 3.7037037037vmin;
  }
}
.ie-generalSubjective-floatSpeech-tip {
  margin-right: 1.2345679012vmin;
}

@charset "UTF-8";
.ie-generalSubjective-remark-container {
  position: absolute;
  height: calc(100% - 8.3333333333vmin);
  position: relative;
  border: 0.0925925926vmin solid #eee;
  margin-left: 0.3703703704vmin;
  margin-top: 4.8148148148vmin;
  border-radius: 1.8518518519vmin;
  padding: 2.5925925926vmin;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent;
}
.ie-generalSubjective-remark-container::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-generalSubjective-remark-container::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-generalSubjective-remark-container::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-generalSubjective-remark-wrapper {
  height: auto;
}
.ie-generalSubjective-remark-teacher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-generalSubjective-remark-teacher-avatar {
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  border-radius: 50%;
}
.ie-generalSubjective-remark-teacher-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-generalSubjective-remark-teacher-info span {
  margin-left: 1.8518518519vmin;
  color: #333;
  font-size: 2.7777777778vmin;
  line-height: 3.5185185185vmin;
}
.ie-generalSubjective-remark-teacher-star {
  margin-top: 1.6666666667vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-generalSubjective-remark-teacher-star img {
  width: 5.5555555556vmin;
  margin-right: 1.8518518519vmin;
}
.ie-generalSubjective-remark-audio {
  margin-top: 3.7962962963vmin;
  background: #00cf64;
  width: 33.3333333333vmin;
  height: 5.9259259259vmin;
  border-radius: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  cursor: pointer;
}
.ie-generalSubjective-remark-audio audio {
  display: none;
}
.ie-generalSubjective-remark-audio span {
  margin-right: 1.8518518519vmin;
  font-size: 1.8518518519vmin;
  line-height: 3.5185185185vmin;
  font-weight: normal;
  color: #fff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
}
.ie-generalSubjective-remark-audio-img {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  margin-left: 1.8518518519vmin;
}
.ie-generalSubjective-remark-remark {
  margin-top: 2.7777777778vmin;
  padding: 1.8518518519vmin;
  background: #f9f9f9;
  border: 0.0462962963vmin solid #eeeeee;
  border-radius: 3.7037037037vmin;
  color: #666;
  font-size: 2.4074074074vmin;
  line-height: 3.7037037037vmin;
  overflow-x: hidden;
}
.ie-generalSubjective-remark-media {
  margin-top: 2.7777777778vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.ie-generalSubjective-remark-media-box {
  -ms-flex: 0 1 33%;
      flex: 0 1 33%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 180vmin) {
  .ie-generalSubjective-remark-media-box {
    -ms-flex: 0 1 50%;
        flex: 0 1 50%;
  }
}
.ie-generalSubjective-remark-picture {
  width: 18.5185185185vmin;
  height: 18.5185185185vmin;
  overflow: hidden;
}
.ie-generalSubjective-remark-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  width: calc(100% - 1.4814814815vmin);
}
.ie-generalSubjective-remark-file-box {
  -ms-flex: 1;
      flex: 1;
  width: 100%;
}

@charset "UTF-8";
.ie-generalSubjective-unfinished-container {
  margin-left: 2.7777777778vmin;
  height: 100%;
  position: relative;
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  /*早起浏览器*/
  -moz-user-select: none;
  /*火狐浏览器*/
  -ms-user-select: none;
  /*IE浏览器*/
  user-select: none;
  /*用户是否能够选中文本*/
}
.ie-generalSubjective-unfinished-title {
  height: 3.8888888889vmin;
  font-size: 3.3333333333vmin;
  color: #999;
  position: relative;
}
@media (max-height: 500px) {
  .ie-generalSubjective-unfinished-title {
    font-size: 4.4444444444vmin;
    height: 5.9259259259vmin;
    line-height: 5.9259259259vmin;
  }
}
.ie-generalSubjective-unfinished-finish-icon {
  position: absolute;
  height: 16.6666666667vmin;
  z-index: 9;
  right: -3.5185185185vmin;
  top: -2.7777777778vmin;
}
.ie-generalSubjective-unfinished-subtitle::before {
  position: absolute;
  content: "";
  padding: 0 1.8518518519vmin;
  height: 3.7037037037vmin;
  background: linear-gradient(135deg, #ffebb1 0%, #fffcf3 100%);
  border-radius: 50%;
}
.ie-generalSubjective-unfinished-title-wrapper {
  position: absolute;
  left: 0.3703703704vmin;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-generalSubjective-unfinished-answer, .ie-generalSubjective-unfinished-comment {
  font-weight: 400;
  margin-right: 2.2222222222vmin;
  cursor: pointer;
  position: relative;
}
.ie-generalSubjective-unfinished-remark-box {
  position: absolute;
  right: 0;
  top: -1.4814814815vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-height: 500px) {
  .ie-generalSubjective-unfinished-remark-box {
    top: -1.975308642vmin;
  }
}
.ie-generalSubjective-unfinished-remark-tip {
  height: 5.5555555556vmin;
  margin-right: 1.1111111111vmin;
}
@media (max-height: 500px) {
  .ie-generalSubjective-unfinished-remark-tip {
    height: 7.4074074074vmin;
    margin-right: 0.987654321vmin;
  }
}
.ie-generalSubjective-unfinished-remark-ip {
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  background-color: #ffca36;
  border-radius: 50%;
  background-image: url("https://cdnwukong.com/images/exercise/remork-homework-ip.gif");
}
@media (max-height: 500px) {
  .ie-generalSubjective-unfinished-remark-ip {
    width: 12.3456790123vmin;
    height: 12.3456790123vmin;
  }
}
.ie-generalSubjective-unfinished-answer-icon {
  width: 4.2592592593vmin;
  height: 1.7592592593vmin;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.2222222222vmin;
}
.ie-generalSubjective-unfinished-title-active {
  color: #333;
  font-weight: bold;
}
.ie-generalSubjective-unfinished-wrapper {
  margin-left: 0.3703703704vmin;
  margin-top: 2.7777777778vmin;
  border: 0.0925925926vmin solid #eee;
  height: calc(100% - 15.7407407407vmin);
  border-radius: 1.8518518519vmin;
  padding: 2.5925925926vmin;
  position: relative;
}
@media (max-height: 500px) {
  .ie-generalSubjective-unfinished-wrapper {
    height: calc(100% - 18.5185185185vmin);
  }
}
.ie-generalSubjective-unfinished-wrapper-finish {
  margin-top: 4.8148148148vmin;
  height: calc(100% - 9.2592592593vmin);
}
.ie-generalSubjective-unfinished-operate {
  position: absolute;
  z-index: 10;
  bottom: 0;
  height: 8.1481481481vmin;
  padding-right: 2.2222222222vmin;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  border-radius: 0px 0px 1.8518518519vmin 1.8518518519vmin;
  -ms-flex-align: center;
      align-items: center;
  -webkit-tap-highlight-color: transparent;
}
@media (max-height: 500px) {
  .ie-generalSubjective-unfinished-operate {
    height: 10.8641975309vmin;
    padding-right: 2.962962963vmin;
  }
}
.ie-generalSubjective-unfinished-operate-finish {
  display: none;
}
.ie-generalSubjective-unfinished-icon {
  width: 3.5185185185vmin;
  height: 3.5185185185vmin;
  margin-right: 2.4074074074vmin;
  cursor: pointer;
}
.ie-generalSubjective-unfinished-icon:last-child {
  margin-right: 2.037037037vmin;
}
@media (max-height: 500px) {
  .ie-generalSubjective-unfinished-icon {
    width: 7.1604938272vmin;
    height: 7.1604938272vmin;
    margin-right: 2.7160493827vmin;
  }
}
.ie-generalSubjective-unfinished-input, .ie-generalSubjective-unfinished-content {
  border: none;
  outline: none;
  width: 100%;
  line-height: 3.7037037037vmin;
  font-size: 2.4074074074vmin;
  resize: none;
  overflow: hidden;
  padding: 0;
  font-family: "SourceMaruSC";
}
.ie-generalSubjective-unfinished-input:-ms-input-placeholder, .ie-generalSubjective-unfinished-content:-ms-input-placeholder {
  color: #d1d1d1;
  line-height: 3.7037037037vmin;
  font-size: 2.4074074074vmin;
}
.ie-generalSubjective-unfinished-input::placeholder, .ie-generalSubjective-unfinished-content::placeholder {
  color: #d1d1d1;
  line-height: 3.7037037037vmin;
  font-size: 2.4074074074vmin;
}
@media (max-height: 500px) {
  .ie-generalSubjective-unfinished-input, .ie-generalSubjective-unfinished-content {
    font-size: 3.7037037037vmin;
    line-height: 5.1851851852vmin;
  }
}
.ie-generalSubjective-unfinished-body {
  position: absolute;
  display: block;
  top: 2.5925925926vmin;
  left: 2.5925925926vmin;
  right: 1.8518518519vmin;
  bottom: 0;
  padding-bottom: 7.4074074074vmin;
  overflow-y: scroll;
  -webkit-tap-highlight-color: transparent;
}
.ie-generalSubjective-unfinished-body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-generalSubjective-unfinished-body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-generalSubjective-unfinished-body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-generalSubjective-unfinished-body-finish {
  bottom: 2.5925925926vmin;
}
.ie-generalSubjective-unfinished-content {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: -1;
  height: auto;
  min-height: 3.7037037037vmin;
  white-space: pre-line;
}
.ie-generalSubjective-unfinished-content-display {
  position: relative;
  z-index: 9;
  margin-bottom: 1.2962962963vmin;
}
.ie-generalSubjective-unfinished-submit {
  margin-top: 2.5925925926vmin;
  text-align: right;
}
.ie-generalSubjective-unfinished-submit-finish {
  margin-top: 2.7777777778vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ie-generalSubjective-unfinished-save {
  margin-right: 0.9259259259vmin;
}
.ie-generalSubjective-unfinished-media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 0.9259259259vmin 0;
}
@media (max-height: 500px) {
  .ie-generalSubjective-unfinished-media {
    padding: 1.2345679012vmin 0;
  }
}
.ie-generalSubjective-unfinished-media-box {
  -ms-flex: 0 1 33%;
      flex: 0 1 33%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 180vmin) {
  .ie-generalSubjective-unfinished-media-box {
    -ms-flex: 0 1 50%;
        flex: 0 1 50%;
  }
}
.ie-generalSubjective-unfinished-picture {
  width: 18.5185185185vmin;
  height: 18.5185185185vmin;
  overflow: hidden;
}
.ie-generalSubjective-unfinished-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-generalSubjective-unfinished-file-box {
  -ms-flex: 1;
      flex: 1;
  width: 100%;
}

.ie-generalSubjective-box .ie-layout-main {
  max-width: 220vmin;
}
.ie-generalSubjective-container {
  margin-top: -1.8518518519vmin;
  padding: 0.9259259259vmin;
  background-color: #40cee5;
  box-shadow: 0px 0.3703703704vmin 1.8518518519vmin rgba(0, 0, 0, 0.06);
  height: 100%;
  border-radius: 11.1111111111vmin;
  box-sizing: border-box;
  width: 100%;
}
.ie-generalSubjective-wrapper {
  width: 100%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  background-color: #fff;
  padding: 4.6296296296vmin 5.5555555556vmin 4.6296296296vmin;
  border-radius: 10.1851851852vmin;
}
.ie-generalSubjective-box {
  -ms-flex: 1;
      flex: 1;
}
.ie-generalSubjective-box-right {
  margin-left: 0.9259259259vmin;
}

.ie-ac-container {
  width: 100%;
  height: 100%;
}
.ie-ac-content {
  width: 100%;
  height: 100%;
}
.ie-ac-question-audio {
  position: absolute;
  cursor: pointer;
  top: 2.4691358025vmin;
  right: 2.4691358025vmin;
  background-color: #ffbf00;
  width: 9.8765432099vmin;
  height: 9.8765432099vmin;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-ac-question-audio svg {
  width: 7.1604938272vmin;
  height: 7.1604938272vmin;
}
.ie-ac-question-icon-active .ie-ac-audio-icon-p1 {
  animation: ie-ac-p1 1s infinite linear;
}
.ie-ac-question-icon-active .ie-ac-audio-icon-p2 {
  animation: ie-ac-p2 1s infinite linear;
}
.ie-ac-drop-container {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  border: 1px dashed #fff4d1;
  border-radius: 1.2345679012vmin;
}
.ie-ac-drop-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ac-option-container {
  border-radius: 1.2345679012vmin;
  overflow: hidden;
}
.ie-ac-footer {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  left: 1.2345679012vmin;
  right: 1.2345679012vmin;
  height: 24.6913580247vmin;
  bottom: 1.2345679012vmin;
  border: 0.7407407407vmin solid #fff4d1;
  border-radius: 2.4691358025vmin;
  background: #ffffff;
}
.ie-ac-footer-content {
  width: 100%;
  padding: 0 3.7037037037vmin;
}
.ie-ac-footer-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-ac-footer-option-container {
  -ms-flex: 0 0 30%;
      flex: 0 0 30%;
  max-width: 30%;
  margin: 0 1.6%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-ac-option {
  color: rgba(0, 0, 0, 0.8);
  font-size: 4.9382716049vmin;
  line-height: 6.4197530864vmin;
  width: 25.9259259259vmin;
  height: 8.8888888889vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 2;
  position: relative;
}
.ie-ac-option img {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.ie-ac-wrong .ie-ac-option {
  background: #ff6666;
  color: #fff;
}
.ie-ac-wrong .ie-ac-option-icon {
  color: #fff;
  opacity: 0.5;
}
.ie-ac-wrong-animation {
  animation: ie-crosswise-shake 0.15s 2;
}

@keyframes ie-ac-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-ac-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@charset "UTF-8";
.ie-mf-am-box .ie-modal-body {
  padding: 0;
}
.ie-mf-am-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 9.2592592593vmin;
  font-size: 3.7037037037vmin;
  line-height: 4.6296296296vmin;
  background: linear-gradient(180deg, rgba(0, 207, 100, 0.08) 0%, rgba(0, 207, 100, 0.04) 100%);
  color: #00cf64;
  border-radius: 7.4074074074vmin 7.4074074074vmin 0 0;
}
.ie-mf-am-title-wrong {
  background: linear-gradient(180deg, rgba(255, 83, 83, 0.08) 0%, rgba(255, 83, 83, 0.04) 100%);
  color: #ff5353;
}
.ie-mf-am-body {
  width: 92.5925925926vmin;
  height: 81.4814814815vmin;
  padding: 9.2592592593vmin 3.7037037037vmin 16.6666666667vmin 3.7037037037vmin;
}
.ie-mf-am-body-content {
  height: 100%;
  width: 100%;
  padding: 1.8518518519vmin 1.8518518519vmin;
  overflow-x: hidden;
  overflow-y: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-mf-am-body-content::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-mf-am-body-content::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-mf-am-body-content::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-mf-am-answer-container {
  display: -ms-flexbox;
  display: flex;
}
.ie-mf-am-answer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 9.2592592593vmin;
}
.ie-mf-am-answer-icon {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  margin-right: 1.8518518519vmin;
}
.ie-mf-am-answer-icon svg {
  width: 100%;
  height: 100%;
}
.ie-mf-am-answer-text {
  font-size: 2.7777777778vmin;
  line-height: 4.6296296296vmin;
}
.ie-mf-am-explan-title {
  position: relative;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.3148148148vmin;
  height: 4.6296296296vmin;
  font-size: 2.7777777778vmin;
  line-height: 4.6296296296vmin;
  color: #333;
  padding-left: 0.9259259259vmin;
}
.ie-mf-am-explan-title-bg {
  position: absolute;
  left: 0;
  top: 0.3703703704vmin;
  background: linear-gradient(135deg, #ffebb1 0%, #fffcf3 100%);
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
  border-radius: 50%;
}
.ie-mf-am-explan-title-text {
  position: relative;
  z-index: 1;
}
.ie-mf-am-explan-title-audio {
  width: 4.6296296296vmin;
  height: 4.6296296296vmin;
  margin-left: 1.4814814815vmin;
  cursor: pointer;
}
.ie-mf-am-explan-title-audio svg {
  width: 100%;
  height: 100%;
}
.ie-mf-am-explan-title-switch {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  height: 4.6296296296vmin;
  color: #ffbf00;
  border: 1px solid #ffbf00;
  text-align: center;
  border-radius: 2.7777777778vmin;
  font-size: 2.2222222222vmin;
  line-height: 4.6296296296vmin;
  font-weight: 300;
}
.ie-mf-am-explan-title-switch-item {
  width: 12.5925925926vmin;
  background: #ffffff;
  transition: all 0.3s;
  cursor: pointer;
  border-radius: 2.7777777778vmin;
}
.ie-mf-am-explan-title-switch-item-active {
  background: #ffbf00;
  color: #fff;
}
.ie-mf-am-explan-content {
  margin-top: 0.9259259259vmin;
  font-size: 2.4074074074vmin;
  line-height: 3.7037037037vmin;
  text-align: left;
  color: #666666;
  clear: both;
  white-space: break-spaces;
}
.ie-mf-am-explan-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 2.7777777778vmin 0 3.7037037037vmin;
  border-radius: 0 0 7.4074074074vmin 7.4074074074vmin;
}
.ie-mf-am-quill-render {
  white-space: break-spaces;
}
.ie-mf-am-audio-icon-active .ie-mf-am-audio-icon-p1 {
  animation: ie-mf-am-p1 1s infinite linear;
}
.ie-mf-am-audio-icon-active .ie-mf-am-audio-icon-p2 {
  animation: ie-mf-am-p2 1s infinite linear;
}
.ie-mf-am-video-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-top: 1.8518518519vmin;
  height: 100%;
}
.ie-mf-am-video {
  background: #000;
  width: 51.8518518519vmin;
  height: 29.1666666667vmin;
  display: block;
  border-radius: 3.7037037037vmin;
}
.ie-mf-am-option-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-top: 1.8518518519vmin;
  margin: -0.9259259259vmin -1% 0;
}
.ie-mf-am-option {
  -ms-flex: 0 0 31%;
      flex: 0 0 31%;
  max-width: 31%;
  margin: 0.9259259259vmin 1%;
  background: #eafbff;
  height: 11.1111111111vmin;
  max-height: 14.8148148148vmin;
  border-radius: 2.7777777778vmin;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
}

@keyframes ie-mf-am-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-mf-am-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-math-keyboard-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-math-keyboard-container-focus {
  border: 0.2469135802vmin dashed #00b6fa;
}
.ie-math-keyboard-fullscreen {
  position: fixed;
}
.ie-math-keyboard-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.7160493827vmin;
  max-width: 100%;
}
@media (max-height: 500px) {
  .ie-math-keyboard-content {
    font-size: 3.7037037037vmin;
  }
}
.ie-math-keyboard-content math-field {
  max-width: 100%;
}
.ie-math-keyboard-content .ML__cmr {
  background-color: red !important;
}
.ie-math-keyboard-content .ML__base {
  background-color: red !important;
}
.ie-math-keyboard-keyboard-icon {
  display: block;
  width: 5.5555555556vmin;
  height: 5.5555555556vmin;
  margin: 0 auto;
}
.ie-math-keyboard-keyboard {
  position: fixed;
  padding-bottom: 0 !important;
  z-index: 99;
  bottom: 0;
  left: 50% !important;
}
.ie-math-keyboard-keyboard .ML__keyboard--plate {
  padding: 1.8518518519vmin 2.7777777778vmin !important;
  width: auto !important;
  background: #2d5764 !important;
  box-shadow: 0vmin 0vmin 1.8518518519vmin rgba(0, 0, 0, 0.06) !important;
  border-radius: 3.7037037037vmin !important;
  border: none !important;
  left: 50% !important;
  cursor: default !important;
  transform: translate(-50%, -100%) !important;
  transform: none;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
  pointer-events: auto !important;
  bottom: 4.9382716049vmin !important;
  transition: none !important;
}
.ie-math-keyboard-keyboard .keyboard-toolbar {
  display: none !important;
}
.ie-math-keyboard-keyboard .keycap {
  padding: 0 !important;
  font-size: 2.7777777778vmin !important;
  line-height: 3.7037037037vmin !important;
  color: #ffffff !important;
  box-shadow: 0vmin 0.3703703704vmin 0vmin #03a8da !important;
  background: linear-gradient(180deg, #5ad9ff 0%, #10c3f9 100%) !important;
  border-radius: 1.8518518519vmin !important;
  border: none !important;
  width: 5.5555555556vmin !important;
  height: 5.5555555556vmin !important;
  margin: 0.9259259259vmin 0.9259259259vmin !important;
  font-family: SourceMaruSC, sans-serif;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
}
@media (max-height: 500px) {
  .ie-math-keyboard-keyboard .keycap {
    width: 6.8518518519vmin !important;
    height: 6.8518518519vmin !important;
    margin: 0.7407407407vmin 0.7407407407vmin !important;
    font-size: 3.7037037037vmin !important;
  }
}
.ie-math-keyboard-keyboard .keycap:after {
  content: " ";
  position: absolute;
  display: block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFjSURBVHgBpZS7TsNAFERnHRPzfjREFNAgGpAQiJaChq+moICKggaJGqSAEI8ClIQ4RjFzYR1dbzaO7Yx0dJ3IPp6sNzaYMWmabnK0yAZZJzF5MagYiiKOXbJHdsg8EU9gT5Hjr9JiClc4Dsm+kmWiTPxOXsntVDGFTY4DcqIkLnfkxhgTQ92tSLrEcU5WPQ2FLrmi8Nm91hRI5UGckUidF6gp0gtKO77rzQTpGscpaXpairRHLintYkJCj3SB45gMycBpKuI+uaa0h4KEnu+OSIMkTtPsBvfTpGNitt220oEjbNjZprSNEgmVVNZzyzYF8pv+x97sESWjG7ecpi4Pep+WErPtHMdygTih9A0VkjVeRP5hAfnt9YSKycSRagsry46HbPuJiglVO98ySD5QIyHXV9olqqmeMdt+o0akcYr/l3OAfFv553VQM38/1+4KLZb02TZFzYxeQnZJRh9nkUp+AeQTYzreTRoeAAAAAElFTkSuQmCC") left top/cover;
  left: 0.462962963vmin;
  top: 0.462962963vmin;
  width: 1.4814814815vmin;
  height: 1.2962962963vmin;
}
@media (max-height: 500px) {
  .ie-math-keyboard-keyboard .keycap:after {
    left: 0.7407407407vmin;
    top: 0.7407407407vmin;
    width: 2.037037037vmin;
    height: 1.8518518519vmin;
  }
}
.ie-math-keyboard-keyboard .rows ul {
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto !important;
  padding-inline-start: 0 !important;
  margin-block-end: 0 !important;
}
.ie-math-keyboard-keyboard .rows li span {
  cursor: pointer;
}
.ie-math-keyboard-keyboard .separator {
  width: 5.5555555556vmin !important;
  height: 5.5555555556vmin !important;
  margin: 1.8518518519vmin 0.9259259259vmin !important;
}
.ie-math-keyboard-keyboard .small {
  font-size: 1.8518518519vmin !important;
}
@media (max-height: 500px) {
  .ie-math-keyboard-keyboard .small {
    font-size: 3.7037037037vmin !important;
  }
}
.ie-math-keyboard-keyboard-normal .ML__contains-highlight {
  background-color: red !important;
}
.ie-math-keyboard-keyboard-complex .keycap {
  background: linear-gradient(180deg, #18bdfe 0%, #0c99ff 100%) !important;
  box-shadow: 0px 4px 0px 0px #0782d6 !important;
}
@media (max-height: 500px) {
  .ie-math-keyboard-keyboard-complex .keycap {
    box-shadow: 0px 2px 0px 0px #0782d6 !important;
  }
}
.ie-math-keyboard-keyboard-complex .ML__keyboard--plate .ie-math-keyboard-yellow {
  background: linear-gradient(180deg, #ffc759 0%, #ffa133 100%) !important;
  box-shadow: 0px 4px 0px 0px #dd8b37 !important;
}
@media (max-height: 500px) {
  .ie-math-keyboard-keyboard-complex .ML__keyboard--plate .ie-math-keyboard-yellow {
    box-shadow: 0px 2px 0px 0px #dd8b37 !important;
  }
}

.ML__mathlive {
  font-family: "SourceMaruSC" !important;
}

.ML__keyboard.is-visible .ML__keyboard--plate {
  transform: translate(-50%, 0) !important;
}

.ML__keyboard--plate .ie-math-keyboard-yellow {
  background: linear-gradient(180deg, #ffda6c 0%, #ffbf00 100%) !important;
  box-shadow: 0px 4px 0px #e5ac00 !important;
}
@media (max-height: 500px) {
  .ML__keyboard--plate .ie-math-keyboard-yellow {
    box-shadow: 0px 2px 0px 0px #e5ac00 !important;
  }
}
.ML__keyboard--plate .ie-math-keyboard-green {
  background: linear-gradient(180deg, #47ee98 0%, #00cf64 100%) !important;
  box-shadow: 0px 4px 0px #36b172 !important;
}
@media (max-height: 500px) {
  .ML__keyboard--plate .ie-math-keyboard-green {
    box-shadow: 0px 2px 0px 0px #36b172 !important;
  }
}
.ML__keyboard--plate .ie-math-keyboard-black {
  background: linear-gradient(180deg, #5e97a8 0%, #39778a 100%) !important;
  box-shadow: 0px 4px 0px #296578 !important;
}
@media (max-height: 500px) {
  .ML__keyboard--plate .ie-math-keyboard-black {
    box-shadow: 0px 2px 0px 0px #296578 !important;
  }
}
.ML__keyboard--plate .ie-math-keyboard-blue {
  background: linear-gradient(180deg, #18bdfe 0%, #0c99ff 100%) !important;
  box-shadow: 0px 4px 0px 0px #0782d6 !important;
}
@media (max-height: 500px) {
  .ML__keyboard--plate .ie-math-keyboard-blue {
    box-shadow: 0px 2px 0px 0px #0782d6 !important;
  }
}
.ML__keyboard--plate .ie-math-keyboard-orange {
  background: linear-gradient(180deg, #ffc759 0%, #ffa133 100%) !important;
  box-shadow: 0px 4px 0px 0px #dd8b37 !important;
}
@media (max-height: 500px) {
  .ML__keyboard--plate .ie-math-keyboard-orange {
    box-shadow: 0px 2px 0px 0px #dd8b37 !important;
  }
}
.ML__keyboard--plate .ie-math-keyboard-col-2 {
  width: 12.962962963vmin !important;
  height: 5.5555555556vmin !important;
}
@media (max-height: 500px) {
  .ML__keyboard--plate .ie-math-keyboard-col-2 {
    width: 15.3703703704vmin !important;
    height: 6.8518518519vmin !important;
  }
}

.ML__base {
  background-color: red !important;
}

@charset "UTF-8";
.ie-mf-wrapper {
  background: #ffffff;
  height: 100%;
  box-shadow: 0px 0.3703703704vmin 1.8518518519vmin rgba(0, 0, 0, 0.06);
  border-radius: 11.1111111111vmin;
  border: 0.9259259259vmin solid #40cee5;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.ie-mf-wrapper::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-mf-wrapper::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-mf-wrapper::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-mf-container {
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  border-radius: 10.1851851852vmin;
  height: 100%;
  width: 100%;
  padding: 3.7037037037vmin;
}
.ie-mf-left {
  width: 49.5%;
  height: 100%;
  margin-right: 5.8%;
  background: #f9f9f9;
  border-radius: 5.5555555556vmin;
}
.ie-mf-left-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}
.ie-mf-right {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 39.02%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-mf-difficulty {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.4074074074vmin;
  line-height: 3.0555555556vmin;
  color: #333333;
  padding: 2.7777777778vmin 0 2.037037037vmin 3.1481481481vmin;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.ie-mf-difficulty-label {
  font-weight: 300;
  padding-top: 0.3703703704vmin;
  margin-right: 1.8518518519vmin;
  word-break: keep-all;
  font-size: 2.4074074074vmin;
  line-height: 3.0555555556vmin;
}
@media (max-height: 500px) {
  .ie-mf-difficulty-label {
    font-size: 4.2592592593vmin;
    line-height: 5.462962963vmin;
    padding-top: 0.3703703704vmin;
    margin-right: 1.8518518519vmin;
  }
}
.ie-mf-difficulty-value {
  color: #f0f0f0;
  width: 100%;
}
.ie-mf-description-container {
  height: 70.3703703704vmin;
  overflow: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-mf-description-container::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-mf-description-container::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-mf-description-container::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-mf-description {
  padding: 2.7777777778vmin 3.1481481481vmin;
}
.ie-mf-description-content {
  font-size: 2.7777777778vmin;
  line-height: 3.7037037037vmin;
  color: #333333;
  white-space: break-spaces;
}
@media (max-height: 500px) {
  .ie-mf-description-content {
    font-size: 4.2592592593vmin;
    line-height: 5.5555555556vmin;
  }
}
.ie-mf-description-content img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ie-mf-description-content-hidden {
  display: -webkit-box;
  overflow: hidden;
  max-height: 14.8148148148vmin;
}
@media (max-height: 500px) {
  .ie-mf-description-content-hidden {
    max-height: 22.2222222222vmin;
  }
}
.ie-mf-description-image-container {
  margin-top: 3.7037037037vmin;
  position: relative;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
}
.ie-mf-description-image-container img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 15%;
  overflow: hidden;
}
.ie-mf-description-image {
  position: relative;
  cursor: zoom-in;
  background: #ffffff;
  border-radius: 3.7037037037vmin;
  width: 19.4444444444vmin;
  height: 19.4444444444vmin;
  margin-right: 1.4814814815vmin;
  margin-bottom: 1.4814814815vmin;
}
.ie-mf-modal-zoom-out {
  cursor: zoom-out;
}
.ie-mf-modal-zoom-out .ie-modal-base-content {
  min-width: 0;
}
.ie-mf-modal-zoom-out .ie-modal-body {
  padding: 0;
}
.ie-mf-fold {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.962962963vmin;
  line-height: 3.7962962963vmin;
  margin: 1.4814814815vmin 0 0;
  color: #ffbf00;
  font-weight: 300;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-mf-fold {
    font-size: 4.1666666667vmin;
    line-height: 6.25vmin;
  }
}
.ie-mf-fold svg {
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
  margin: 0 0.3703703704vmin;
  transition: transform 0.3s;
}
.ie-mf-fold-svg-spin {
  transform: rotate(180deg);
}
.ie-mf-submit-button {
  display: block;
  margin: 2.7777777778vmin auto 0;
  width: 27.7777777778vmin;
}
.ie-mf-description-image-zoom {
  position: absolute;
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
  right: 2.7777777778vmin;
  bottom: 2.7777777778vmin;
}
.ie-mf-image-option-zoom-in {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 5.5555555556vmin;
  height: 5.5555555556vmin;
  border-radius: 0.7407407407vmin 0 3.7037037037vmin 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.ie-mf-image-option-zoom-in svg {
  opacity: 0.9;
  display: block;
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
}
.ie-mf-submit-button {
  margin-top: auto;
}
.ie-mf-test-paper-review .ie-mf-am-title {
  -ms-flex-pack: start;
      justify-content: start;
  background: #ffffff;
  padding: 0 3.7037037037vmin;
  position: static;
}
.ie-mf-test-paper-review .ie-mf-am-body {
  padding: 0 3.7037037037vmin;
  width: auto;
  height: auto;
}
.ie-mf-test-paper-review .ie-mf-am-explan-content {
  overflow: visible;
  max-height: unset;
  padding-bottom: 3.7037037037vmin;
}
.ie-mf-test-paper-review .ie-mf-am-explan-footer {
  display: none;
}
.ie-mf-test-paper-review .ie-mf-container {
  -ms-flex-direction: column;
      flex-direction: column;
  border-radius: 4.6296296296vmin;
}
.ie-mf-test-paper-review .ie-mf-left, .ie-mf-test-paper-review .ie-mf-right {
  background: none;
  width: 100%;
  height: auto;
  margin-right: 0;
}
.ie-mf-test-paper-review .ie-mf-description-container {
  height: auto;
}
.ie-mf-test-paper-review .ie-mf-option-container {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 32.4074074074vmin;
}
.ie-mf-test-paper-review .ie-mf-difficulty {
  padding: 2.7777777778vmin 0 1.8518518519vmin;
  position: relative;
}
.ie-mf-test-paper-review .ie-mf-description {
  padding: 1.8518518519vmin 0;
}
.ie-mf-test-paper-review .ie-mf-description-image {
  border: 1px solid #f2f2f2;
  border-radius: 1.8518518519vmin;
}
.ie-mf-test-paper-review .ie-mf-container {
  height: auto;
}
.ie-mf-right-title {
  position: relative;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  height: 4.6296296296vmin;
  font-size: 2.7777777778vmin;
  line-height: 4.6296296296vmin;
  color: #333;
  padding-left: 0.9259259259vmin;
}
.ie-mf-right-title-bg {
  position: absolute;
  left: 0;
  top: -0.3703703704vmin;
  background: linear-gradient(135deg, #ffebb1 0%, #fffcf3 100%);
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  border-radius: 50%;
}
.ie-mf-right-title-text {
  position: relative;
  z-index: 1;
  font-size: 3.3333333333vmin;
  line-height: 4.4444444444vmin;
}
@media (max-height: 500px) {
  .ie-mf-right-title-text {
    font-size: 4.6296296296vmin;
    line-height: 6.1111111111vmin;
  }
}
.ie-mf-right-content {
  padding: 0.9259259259vmin 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1%;
}
@media (max-height: 500px) {
  .ie-mf-right-content {
    margin: 0 -3%;
  }
}
.ie-mf-option-item {
  background: #eafbff;
  -ms-flex: 0 0 48%;
      flex: 0 0 48%;
  margin: 0.9259259259vmin 1%;
  height: 11.1111111111vmin;
  max-height: 14.8148148148vmin;
  border-radius: 2.7777777778vmin;
  overflow: hidden;
}
@media (max-height: 500px) {
  .ie-mf-option-item {
    -ms-flex: 0 0 44%;
        flex: 0 0 44%;
    margin: 1.8518518519vmin 3%;
  }
}
.ie-mf-audio-box {
  position: absolute;
  right: 2.4691358025vmin;
  bottom: 1.2345679012vmin;
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  background-color: #ffbf00;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0.4938271605vmin;
  cursor: pointer;
}
.ie-mf-audio-box svg {
  width: 7.1604938272vmin;
  height: 7.1604938272vmin;
}
.ie-mf-audio-box-active .ie-mf-audio-icon-p2 {
  animation: ie-p2 1s infinite linear;
}
.ie-mf-audio-box-active .ie-mf-audio-icon-p1 {
  animation: ie-p1 1s infinite linear;
}

.ie-pointSelect-v2-wrapper {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ie-pointSelect-v2-option-container {
  position: absolute;
}
.ie-pointSelect-v2-option {
  box-sizing: content-box;
  border-radius: 4px;
  position: relative;
  background-size: 100% 100%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.ie-pointSelect-v2-option:after {
  content: " ";
  position: absolute;
  left: -0.6172839506vmin;
  right: -0.6172839506vmin;
  bottom: -0.6172839506vmin;
  top: -0.6172839506vmin;
  border: 0.7407407407vmin solid transparent;
  border-radius: 10px;
}
.ie-pointSelect-v2-option-selected:after {
  border-color: #ffd44d;
}
.ie-pointSelect-v2-option-correct:after {
  border-color: #00cf64;
}
.ie-pointSelect-v2-option-wrong:after {
  border-color: #ff6666;
}

.ie-sort {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-sort-question-audio {
  position: absolute;
  cursor: pointer;
  top: 2.4691358025vmin;
  right: 2.4691358025vmin;
  background-color: #ffbf00;
  width: 9.8765432099vmin;
  height: 9.8765432099vmin;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-sort-question-audio svg {
  width: 7.1604938272vmin;
  height: 7.1604938272vmin;
}
.ie-sort-question-icon-active .ie-sort-audio-icon-p1 {
  animation: ie-sort-p1 1s infinite linear;
}
.ie-sort-question-icon-active .ie-sort-audio-icon-p2 {
  animation: ie-sort-p2 1s infinite linear;
}
.ie-sort-wrapper {
  position: absolute;
  bottom: 0vmin;
  width: 100%;
}
.ie-sort-wrapper-center {
  top: 50%;
  transform: translateY(-50%);
}
.ie-sort-slot-container, .ie-sort-option-container {
  display: -ms-flexbox;
  display: flex;
}
.ie-sort-slot-image-container {
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-sort-slot-text-container, .ie-sort-option-item-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-sort-slot-item {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1.2345679012vmin;
  margin-right: 2.4691358025vmin;
  position: relative;
  border: 1px dashed #fff4d1;
}
.ie-sort-slot-item-type-image {
  width: 13.5802469136vmin;
  height: 13.5802469136vmin;
  margin-right: 2.4691358025vmin;
}
.ie-sort-slot-item-type-image:last-child {
  margin-right: 0;
}
.ie-sort-slot-item-type-text {
  width: 25.9259259259vmin;
  height: 8.6419753086vmin;
  border-radius: 1.2345679012vmin;
  margin-right: 2.4691358025vmin;
  margin-bottom: 2.4691358025vmin;
  box-sizing: border-box;
}
.ie-sort-slot-item-type-text:nth-child(3n) {
  margin-right: 0;
}
.ie-sort-slot-item-type-text:nth-child(5n-1) {
  margin-left: 6.9135802469vmin;
}
.ie-sort-slot-item-type-image > .ie-sort-slot-placeholder {
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  background: #fff4d1;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 2.962962963vmin;
  color: #6d5300;
  position: absolute;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ie-sort-slot-item-type-text > .ie-sort-slot-placeholder {
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  background: #fff4d1;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 2.962962963vmin;
  color: #6d5300;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ie-sort-option-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 2.4691358025vmin;
}
.ie-sort-option-item {
  position: relative;
  width: 25.9259259259vmin;
  height: 8.6419753086vmin;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background: #fff4d1;
  border-radius: 1.2345679012vmin;
  font-size: 3.7037037037vmin;
  color: #a3501e;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-sort-slot-text-container .ie-sort-option-item-container:nth-child(3n) .ie-sort-slot-item-type-text {
  margin-right: 0;
}
.ie-sort-slot-text-container .ie-sort-option-item-container:nth-child(5n-1) {
  margin-left: 6.9135802469vmin;
}
.ie-sort-slot-image-container .ie-sort-option-item-container {
  margin-right: 2.4691358025vmin;
  margin-bottom: 2.4691358025vmin;
}
.ie-sort-slot-image-container .ie-sort-option-item-container:last-child {
  margin-right: 0;
}
.ie-sort-option-item-type-image {
  width: 13.5802469136vmin;
  height: 13.5802469136vmin;
  overflow: hidden;
  margin-right: 2.4691358025vmin;
  z-index: 2;
}
.ie-sort-option-item-type-image img {
  border-radius: 1.2345679012vmin;
  position: relative;
  width: 100%;
  height: 100%;
}
.ie-sort-option-item-wrong {
  background: #ff6666;
  color: #ffffff;
}
.ie-sort-option-item-wrong-animation {
  animation: ie-crosswise-shake 0.15s 2;
}
.ie-sort-slot-four-box::after {
  content: "";
  -ms-flex: auto;
      flex: auto;
}

@keyframes ie-sort-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-sort-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-pictureSpeak-control {
  position: absolute;
  bottom: 8.6419753086vmin;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 11.1111111111vmin;
}
@media (max-height: 500px) {
  .ie-pictureSpeak-control {
    bottom: 6.1728395062vmin;
  }
}
.ie-pictureSpeak-control-icon-control {
  display: block;
  background: none;
  padding: 0;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  color: #10c3f9;
  transition: color 0.3s;
  margin: 0 4.1975308642vmin;
  z-index: 1;
}
.ie-pictureSpeak-control-icon-play {
  display: block;
  height: 9.8765432099vmin;
  border-radius: 4.9382716049vmin;
  background: #00cf64;
  cursor: pointer;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  z-index: 1;
  font-size: 3.7037037037vmin;
  font-weight: 400;
  position: relative;
  margin-right: 4.9382716049vmin;
}
.ie-pictureSpeak-control-icon-play-ring {
  width: 8.6419753086vmin;
  height: 8.6419753086vmin;
  margin: 0 0.6172839506vmin;
}
.ie-pictureSpeak-control-icon-play-icon {
  width: 8.6419753086vmin;
  height: 8.6419753086vmin;
  color: #02b250;
  margin: 0;
}
.ie-pictureSpeak-control-icon-play-icon-blue {
  color: #0fa7dd;
}
.ie-pictureSpeak-control-icon-baby {
  background-color: #10c3f9;
}
.ie-pictureSpeak-control-icon-guide {
  width: 8.6419753086vmin;
  height: 8.6419753086vmin;
}
.ie-pictureSpeak-control-icon-text {
  margin-left: 1.4814814815vmin;
  margin-right: 2.962962963vmin;
}
.ie-pictureSpeak-control-icon-control[disabled] {
  color: #def5fe;
}
.ie-pictureSpeak-control-icon-green {
  color: #00cf64;
}
.ie-pictureSpeak-control-icon {
  display: block;
  width: 9.8765432099vmin;
  height: 9.8765432099vmin;
  border-radius: 50%;
}
.ie-pictureSpeak-control-icon-big {
  width: 11.1111111111vmin;
  height: 11.1111111111vmin;
}
.ie-pictureSpeak-onceMore {
  width: 71.3888888889vmin;
}
.ie-pictureSpeak-onceMore-monkey {
  width: 33.3333333333vmin;
  height: 33.3333333333vmin;
}
.ie-pictureSpeak-onceMore-cloud {
  width: 71.4814814815vmin;
  height: 26.2962962963vmin;
  margin-top: -9.2592592593vmin;
}
.ie-pictureSpeak-stars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 55.5555555556vmin;
  padding-bottom: 3.1481481481vmin;
}
.ie-pictureSpeak-stars > svg {
  width: 18.5185185185vmin;
  height: 18.5185185185vmin;
}
.ie-pictureSpeak-control-score-container {
  position: relative;
}
.ie-pictureSpeak-control-score {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 24.6913580247vmin;
  padding-left: 9.8765432099vmin;
  border-radius: 4.9382716049vmin;
  background: #0fb4e6;
  font-size: 3.7037037037vmin;
  line-height: 4.8148148148vmin;
  color: #fff;
}
.ie-pictureSpeak-control-score-wrap .ie-ring-progress-ring {
  z-index: 10;
}
.ie-pictureSpeak-star-box {
  display: -ms-flexbox;
  display: flex;
}
.ie-pictureSpeak-star-box img {
  width: 5.5555555556vmin;
  margin-right: 1.7283950617vmin;
}

.ie-guide-inner-box {
  width: 100%;
  height: 100%;
  border-radius: 3.7037037037vmin;
  overflow: hidden;
}
.ie-guide-inner-box video {
  border-radius: 3.7037037037vmin;
}
.ie-guide-wrapper-video {
  width: 120vmin;
  height: 68.1481481481vmin;
  border-radius: 3.7037037037vmin;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  padding: 0.7407407407vmin;
}
.ie-guide-wrapper-video video {
  width: 118.5185185185vmin;
  height: 66.6666666667vmin;
}
.ie-guide-wrapper-btn {
  position: fixed;
  bottom: 1.2345679012vmin;
  left: 1.2345679012vmin;
  width: 14.8148148148vmin;
  height: 14.8148148148vmin;
  border-radius: 1.2345679012vmin;
  font-weight: 400;
  font-size: 3.0864197531vmin;
  z-index: 666;
  color: #ffffff;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-guide-wrapper-btn img {
  width: 100%;
  height: 100%;
}
.ie-guide-modal-close-btn {
  width: 6.1728395062vmin;
  height: 6.1728395062vmin;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: -8.6419753086vmin;
  cursor: pointer;
}
.ie-guide-modal-close-btn svg {
  width: 100%;
  height: 100%;
}

.ie-layout-v4-progress-wrapper {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 2.4691358025vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-v4-progress-progress {
  width: 70vw;
  height: 1.4814814815vmin;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 2.2222222222vmin;
}
.ie-layout-v4-progress-page {
  color: #ffffff;
  font-size: 2.4691358025vmin;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  margin-left: 2.4691358025vmin;
}
.ie-layout-v4-progress-progress-active {
  height: 1.4814814815vmin;
  border-radius: 2.2222222222vmin;
  background: linear-gradient(90deg, #87e3ff 0%, #10c3f9 100%);
}

.ie-layout-v4-tip-wrapper .rc-tooltip-arrow {
  border-left-color: #10c3f9;
}
.ie-layout-v4-tip-wrapper .rc-tooltip-inner {
  background-color: #10c3f9;
  display: inline-block;
}
.ie-layout-v4-tip-icon {
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-layout-v4-tip-icon {
    width: 9.8765432099vmin;
    height: 9.8765432099vmin;
  }
}
.ie-layout-v4-tip-box {
  cursor: pointer;
}
.ie-layout-v4-tip-box span {
  padding-top: 1.2345679012vmin;
  display: block;
  max-width: 44.4444444444vmin;
  min-width: 17.2839506173vmin;
}
.ie-layout-v4-tip-box-ip {
  position: absolute;
  top: -7.4074074074vmin;
}
.ie-layout-v4-tip-mask {
  position: absolute;
  width: 6.1728395062vmin;
  height: 1.7283950617vmin;
  background-color: #0aaada;
  border-radius: 80%;
  top: 8.3950617284vmin;
}
.ie-layout-v4-tip-ip {
  width: 8.6419753086vmin;
  height: 8.6419753086vmin;
  position: absolute;
  top: 1.4814814815vmin;
  left: -1.4814814815vmin;
}

.ie-layout-v4-paperctrl-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ie-layout-v4-paperctrl-btn-container {
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  margin-top: 3.7037037037vmin;
  border-radius: 50%;
  background: #009aea;
  box-shadow: inset 0 -0.6172839506vmin 0.6172839506vmin rgba(0, 0, 0, 0.1);
}
@media (max-height: 500px) {
  .ie-layout-v4-paperctrl-btn-container {
    width: 9.8765432099vmin;
    height: 9.8765432099vmin;
  }
}
.ie-layout-v4-paperctrl-btn-blue-selected {
  background: #def5fe;
  box-shadow: none;
}
.ie-layout-v4-paperctrl-btn-light-yellow {
  background: #ffbf00;
}
.ie-layout-v4-paperctrl-btn-light-green {
  background: #00cf64;
}
.ie-layout-v4-paperctrl-btn-light-green-disabled {
  background-color: #ececec;
}
.ie-layout-v4-paperctrl-btn-yellow {
  background: #ffdf81;
  transition: all 0.3s;
}
.ie-layout-v4-paperctrl-btn-light-blue {
  background-color: #10c3f9;
}
.ie-layout-v4-paperctrl-btn-yellow-selected {
  background: #ffbf00;
  width: 9.8765432099vmin;
  height: 9.8765432099vmin;
  transition: all 0.3s;
}
.ie-layout-v4-paperctrl-btn-yellow-selected .ie-layout-v4-paperctrl-btn-icon {
  width: 5.1851851852vmin;
  height: 5.1851851852vmin;
  transition: all 0.3s;
}
@media (max-height: 500px) {
  .ie-layout-v4-paperctrl-btn-yellow-selected .ie-layout-v4-paperctrl-btn-icon {
    width: 7.6543209877vmin;
    height: 7.6543209877vmin;
  }
}
.ie-layout-v4-paperctrl-btn-green {
  background: #90e3a7;
  box-shadow: inset 0px -0.6172839506vmin 0.6172839506vmin rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
.ie-layout-v4-paperctrl-btn-green-selected {
  background: #00cf64;
  width: 9.8765432099vmin;
  height: 9.8765432099vmin;
  transition: all 0.3s;
}
.ie-layout-v4-paperctrl-btn-green-selected .ie-layout-v4-paperctrl-btn-icon {
  width: 5.1851851852vmin;
  height: 5.1851851852vmin;
  transition: all 0.3s;
}
@media (max-height: 500px) {
  .ie-layout-v4-paperctrl-btn-green-selected .ie-layout-v4-paperctrl-btn-icon {
    width: 7.6543209877vmin;
    height: 7.6543209877vmin;
  }
}
.ie-layout-v4-paperctrl-btn-icon {
  width: 3.950617284vmin;
  height: 3.950617284vmin;
  transition: all 0.3s;
}
@media (max-height: 500px) {
  .ie-layout-v4-paperctrl-btn-icon {
    width: 6.4197530864vmin;
    height: 6.4197530864vmin;
  }
}

.ie-layout-normal-top {
  z-index: 1;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 1.8518518519vmin 2.7777777778vmin 0;
  height: 5.5555555556vmin;
}
@media (max-height: 500px) {
  .ie-layout-normal-top {
    position: absolute;
    top: 2.4691358025vmin;
    left: 3.7037037037vmin;
    right: 3.7037037037vmin;
    height: 8.6419753086vmin;
    margin: 0;
    z-index: 100;
  }
}
.ie-layout-normal-top-return {
  cursor: pointer;
  background: #10c3f9;
  box-shadow: inset 0px -0.6172839506vmin 0.6172839506vmin rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 5.5555555556vmin;
  height: 5.5555555556vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-height: 500px) {
  .ie-layout-normal-top-return {
    width: 8.6419753086vmin;
    height: 8.6419753086vmin;
  }
}
.ie-layout-normal-top-return-icon {
  width: 3.5185185185vmin;
  height: 3.5185185185vmin;
}
@media (max-height: 500px) {
  .ie-layout-normal-top-return-icon {
    width: 5.6790123457vmin;
    height: 5.6790123457vmin;
  }
}
.ie-layout-normal-top-extra {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-normal-top-extra-page {
  width: 9.2592592593vmin;
  height: 4.6296296296vmin;
  border-radius: 5.5555555556vmin;
  background-color: #009aea;
  line-height: 2.5vmin;
  font-weight: 700;
  font-size: 1.8518518519vmin;
  box-sizing: border-box;
}
@media (max-height: 500px) {
  .ie-layout-normal-top-extra-page {
    width: 17.2839506173vmin;
    height: 8.6419753086vmin;
    font-size: 3.7037037037vmin;
    line-height: 6.1728395062vmin;
    border-radius: 7.4074074074vmin;
  }
}
.ie-layout-normal-top-extra-time {
  width: 9.2592592593vmin;
  height: 4.6296296296vmin;
  padding: 0;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 2.037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-height: 500px) {
  .ie-layout-normal-top-extra-time {
    width: 17.2839506173vmin;
    height: 8.6419753086vmin;
    font-size: 3.7037037037vmin;
    line-height: 6.1728395062vmin;
    border-radius: 7.4074074074vmin;
  }
}
.ie-layout-normal-middle {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.ie-layout-normal-aside {
  position: absolute;
  right: 3.7037037037vmin;
  width: 9.1358024691vmin;
  bottom: 6.1728395062vmin;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (max-height: 500px) {
  .ie-layout-normal-aside {
    width: 9.8765432099vmin;
    bottom: 7.4074074074vmin;
  }
}
.ie-layout-normal-tip {
  position: fixed;
  top: 9.8765432099vmin;
}
@media (max-height: 500px) {
  .ie-layout-normal-tip {
    top: 16.049382716vmin;
  }
}

@charset "UTF-8";
.ie-layout-keyboard-wrapper {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 0.987654321vmin;
}
@media (max-height: 500px) {
  .ie-layout-keyboard-wrapper {
    padding-top: 2.4691358025vmin;
  }
}
.ie-layout-keyboard-wrapper-normal {
  padding-right: 8.6419753086vmin;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
  overflow: hidden;
  font-size: 3.7037037037vmin;
  margin-bottom: 1.2345679012vmin;
  position: absolute;
  top: 0vmin;
  left: 0;
  right: 0;
  transition: all 0.3s;
}
@media (max-height: 500px) {
  .ie-layout-keyboard-wrapper-normal {
    margin-bottom: 2.4691358025vmin;
  }
}
.ie-layout-keyboard-wrapper-select {
  height: 5.9259259259vmin;
}
@media (width: 1024px) {
  .ie-layout-keyboard-wrapper-select {
    font-size: 3.0864197531vmin;
    height: 5.9259259259vmin;
  }
}
@media (width: 1180px) {
  .ie-layout-keyboard-wrapper-select {
    font-size: 3.0864197531vmin;
    height: 5.9259259259vmin;
  }
}
@media (width: 1340px) {
  .ie-layout-keyboard-wrapper-select {
    font-size: 3.0864197531vmin;
    height: 5.9259259259vmin;
  }
}
@media (width: 1368px) {
  .ie-layout-keyboard-wrapper-select {
    font-size: 3.0864197531vmin;
    height: 5.9259259259vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-layout-keyboard-wrapper-select {
    font-size: 3.0864197531vmin;
    height: 5.9259259259vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-layout-keyboard-wrapper-select {
    font-size: 3.0864197531vmin;
    height: 5.9259259259vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-layout-keyboard-wrapper-select {
    font-size: 3.0864197531vmin;
    height: 5.9259259259vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-layout-keyboard-wrapper-select {
    font-size: 3.0864197531vmin;
    height: 5.9259259259vmin;
  }
}
@media (max-height: 500px) {
  .ie-layout-keyboard-wrapper-select {
    height: 7.4074074074vmin;
    overflow: hidden;
  }
  .ie-layout-keyboard-wrapper-select .ie-layout-keyboard-wrapper-select-more-box {
    height: 7.4074074074vmin;
    overflow: hidden;
  }
}
.ie-layout-keyboard-select-item {
  cursor: pointer;
  -ms-flex: 1 0 calc(100% / 9);
      flex: 1 0 calc(100% / 9);
  max-width: calc(100% / 9);
  height: 5.6790123457vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 0.987654321vmin;
  font-weight: 400;
  padding-right: 2.4691358025vmin;
  margin-bottom: 2.4691358025vmin;
}
.ie-layout-keyboard-select-item:active {
  background-color: #1e92d3;
}
@media (max-height: 500px) {
  .ie-layout-keyboard-select-item {
    height: 7.4074074074vmin;
    font-size: 4.6913580247vmin;
    font-weight: 400;
  }
}
.ie-layout-keyboard-select-item-active {
  background-color: #1e92d3;
}
.ie-layout-keyboard-select-item-index {
  font-size: 2.4691358025vmin;
  font-weight: 400;
  position: relative;
  margin-right: 0.7407407407vmin;
  color: rgba(255, 255, 255, 0.7);
}
@media (width: 1024px) {
  .ie-layout-keyboard-select-item-index {
    font-size: 1.8518518519vmin;
  }
}
@media (width: 1180px) {
  .ie-layout-keyboard-select-item-index {
    font-size: 1.8518518519vmin;
  }
}
@media (width: 1340px) {
  .ie-layout-keyboard-select-item-index {
    font-size: 1.8518518519vmin;
  }
}
@media (width: 1368px) {
  .ie-layout-keyboard-select-item-index {
    font-size: 1.8518518519vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-layout-keyboard-select-item-index {
    font-size: 1.8518518519vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-layout-keyboard-select-item-index {
    font-size: 1.8518518519vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-layout-keyboard-select-item-index {
    font-size: 1.8518518519vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-layout-keyboard-select-item-index {
    font-size: 1.8518518519vmin;
  }
}
@media (max-height: 500px) {
  .ie-layout-keyboard-select-item-index {
    font-weight: 400;
    font-size: 3.2098765432vmin;
  }
}
.ie-layout-keyboard-wrapper-select-more {
  padding-right: 8.6419753086vmin;
  margin-top: 5.9259259259vmin;
  box-sizing: border-box;
  height: auto;
  -webkit-box-flex: 1;
  bottom: 0;
  background-color: #25a5ed;
  -ms-flex-align: start;
      align-items: flex-start;
  display: block;
  transition: all 0.3s;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-tap-highlight-color: transparent;
}
.ie-layout-keyboard-wrapper-select-more::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-layout-keyboard-wrapper-select-more::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-layout-keyboard-wrapper-select-more::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-layout-keyboard-wrapper-select-more .ie-layout-keyboard-select-item {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ie-layout-keyboard-wrapper-select-more-box {
  display: -ms-flexbox;
  display: flex;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.ie-layout-keyboard-select-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 8;
  width: 8.6419753086vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 5.8024691358vmin;
  background-color: #25a5ed;
  border-left: 0.1234567901vmin solid #5ccdff;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-layout-keyboard-select-icon {
    border-left: 0.2469135802vmin solid #5ccdff;
    height: 7.4074074074vmin;
  }
}
.ie-layout-keyboard-select-icon svg {
  width: 3.7037037037vmin;
  transform: rotateX(180deg);
  transition: all 0.2s;
}
.ie-layout-keyboard-select-icon-show svg {
  transform: rotateX(360deg);
  transition: all 0.2s;
}
.ie-layout-keyboard-wrapper-content {
  height: 100%;
  max-width: 82%;
  overflow: hidden;
  padding-top: 6.9135802469vmin;
  position: relative;
}
@media (width: 1024px) {
  .ie-layout-keyboard-wrapper-content {
    max-width: 100%;
  }
}
@media (width: 1180px) {
  .ie-layout-keyboard-wrapper-content {
    max-width: 100%;
  }
}
@media (width: 1340px) {
  .ie-layout-keyboard-wrapper-content {
    max-width: 100%;
  }
}
@media (width: 1368px) {
  .ie-layout-keyboard-wrapper-content {
    max-width: 100%;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-layout-keyboard-wrapper-content {
    max-width: 100%;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-layout-keyboard-wrapper-content {
    max-width: 100%;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-layout-keyboard-wrapper-content {
    max-width: 100%;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-layout-keyboard-wrapper-content {
    max-width: 100%;
  }
}
@media (max-height: 500px) {
  .ie-layout-keyboard-wrapper-content {
    max-width: 100%;
    padding-top: 9.8765432099vmin;
  }
}
.ie-layout-keyboard-content-key-line {
  padding: 0 0.4938271605vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 0.987654321vmin;
  height: 6.9135802469vmin;
}
@media (width: 1024px) {
  .ie-layout-keyboard-content-key-line {
    margin-bottom: minS(16);
  }
}
@media (width: 1180px) {
  .ie-layout-keyboard-content-key-line {
    margin-bottom: minS(16);
  }
}
@media (width: 1340px) {
  .ie-layout-keyboard-content-key-line {
    margin-bottom: minS(16);
  }
}
@media (width: 1368px) {
  .ie-layout-keyboard-content-key-line {
    margin-bottom: minS(16);
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-layout-keyboard-content-key-line {
    margin-bottom: minS(16);
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-layout-keyboard-content-key-line {
    margin-bottom: minS(16);
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-layout-keyboard-content-key-line {
    margin-bottom: minS(16);
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-layout-keyboard-content-key-line {
    margin-bottom: minS(16);
  }
}
@media (max-height: 500px) {
  .ie-layout-keyboard-content-key-line {
    height: 7.6543209877vmin;
    margin-bottom: 1.4814814815vmin;
  }
}
.ie-layout-keyboard-content-key-line .ie-layout-keyboard-key {
  min-width: 9.8765432099vmin;
  height: 6.9135802469vmin;
  background-color: #e4f9ff;
  color: #0093d4;
  margin-right: 0.987654321vmin;
  box-shadow: inset 0px -0.3703703704vmin 0px #4dc8ed;
  border-radius: 1.4814814815vmin;
  font-weight: 400;
  font-size: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.2s;
  box-sizing: border-box;
}
@media (width: 1024px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-key {
    min-width: 7.4074074074vmin;
    font-size: 3.0864197531vmin;
  }
}
@media (width: 1180px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-key {
    min-width: 7.4074074074vmin;
    font-size: 3.0864197531vmin;
  }
}
@media (width: 1340px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-key {
    min-width: 7.4074074074vmin;
    font-size: 3.0864197531vmin;
  }
}
@media (width: 1368px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-key {
    min-width: 7.4074074074vmin;
    font-size: 3.0864197531vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-key {
    min-width: 7.4074074074vmin;
    font-size: 3.0864197531vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-key {
    min-width: 7.4074074074vmin;
    font-size: 3.0864197531vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-key {
    min-width: 7.4074074074vmin;
    font-size: 3.0864197531vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-key {
    min-width: 7.4074074074vmin;
    font-size: 3.0864197531vmin;
  }
}
@media (max-height: 500px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-key {
    height: 7.9012345679vmin;
    margin-right: 1.4814814815vmin;
    font-size: 4.4444444444vmin;
  }
}
.ie-layout-keyboard-content-key-line .ie-layout-keyboard-key:last-child {
  margin-right: 0;
}
.ie-layout-keyboard-content-key-line .ie-layout-keyboard-key:active {
  box-shadow: inset 0px 0 0px #e4f9ff;
  transition: background box-shadow margin-top 0.2s;
  margin-top: 0.2469135802vmin;
  background-color: #d9ecf2;
}
.ie-layout-keyboard-content-key-line .ie-layout-keyboard-active-keyborad {
  box-shadow: inset 0px 0 0px #e4f9ff;
  transition: background box-shadow margin-top 0.2s;
  margin-top: 0.2469135802vmin;
  background-color: #d9ecf2;
}
.ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove {
  width: 14.8148148148vmin;
  background: #78c2eb;
  box-shadow: inset 0px -0.3703703704vmin 0px #57b2e4;
}
.ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove svg {
  width: 4.9382716049vmin;
  height: 3.7037037037vmin;
}
@media (width: 1024px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove {
    width: 9.8765432099vmin;
  }
}
@media (width: 1180px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove {
    width: 9.8765432099vmin;
  }
}
@media (width: 1340px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove {
    width: 9.8765432099vmin;
  }
}
@media (width: 1368px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove {
    width: 9.8765432099vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove {
    width: 9.8765432099vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove {
    width: 9.8765432099vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove {
    width: 9.8765432099vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove {
    width: 9.8765432099vmin;
  }
}
.ie-layout-keyboard-content-key-line .ie-layout-keyboard-remove:active {
  background: #72b7de;
}
.ie-layout-keyboard-content-key-line .ie-layout-keyboard-active-remove {
  background: #72b7de;
}
.ie-layout-keyboard-content-key-line .ie-layout-keyboard-submit {
  min-width: 15.3086419753vmin;
  background: #4be993;
  box-shadow: inset 0px -0.3703703704vmin 0px #28d175;
  color: #fff;
}
.ie-layout-keyboard-content-key-line:last-child {
  margin-bottom: 0;
}

.ie-layout-keyboard-middle {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.ie-layout-keyboard-content {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: none;
}
.ie-layout-keyboard-content-box {
  overflow: hidden;
  position: absolute;
  width: 80vw;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0vmin;
  height: 100%;
  background-color: #8bd9fc;
  border-radius: 7.4074074074vmin 7.4074074074vmin 0px 0px;
  padding: 1.975308642vmin 1.975308642vmin 0 1.975308642vmin;
}
@media (width: 1024px) {
  .ie-layout-keyboard-content-box {
    height: calc(100% - 1.1111111111vmin);
  }
}
@media (width: 1180px) {
  .ie-layout-keyboard-content-box {
    height: calc(100% - 1.1111111111vmin);
  }
}
@media (width: 1340px) {
  .ie-layout-keyboard-content-box {
    height: calc(100% - 1.1111111111vmin);
  }
}
@media (width: 1368px) {
  .ie-layout-keyboard-content-box {
    height: calc(100% - 1.1111111111vmin);
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-layout-keyboard-content-box {
    height: calc(100% - 1.1111111111vmin);
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-layout-keyboard-content-box {
    height: calc(100% - 1.1111111111vmin);
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-layout-keyboard-content-box {
    height: calc(100% - 1.1111111111vmin);
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-layout-keyboard-content-box {
    height: calc(100% - 1.1111111111vmin);
  }
}
@media (max-height: 500px) {
  .ie-layout-keyboard-content-box {
    width: 69vw;
    height: 94vh;
  }
}
.ie-layout-keyboard-content-wrapper {
  width: 100%;
  height: 100%;
  background-color: #61c6f6;
  border-radius: 4.9382716049vmin 4.9382716049vmin 0px 0px;
}
.ie-layout-keyboard-content-box-top {
  position: absolute;
  top: 3.4567901235vmin;
  left: 3.7037037037vmin;
  right: 3.7037037037vmin;
  background: #fff0ca;
  border-radius: 4.9382716049vmin;
  height: 56%;
}
@media (max-height: 500px) {
  .ie-layout-keyboard-content-box-top {
    height: 47%;
  }
}
.ie-layout-keyboard-content-left-icon {
  position: absolute;
  top: 63%;
  transform: translateY(-63%);
  width: 3.7037037037vmin;
  left: 0vmin;
}
@media (max-height: 500px) {
  .ie-layout-keyboard-content-left-icon {
    top: 59%;
    transform: translateY(-59%);
  }
}
.ie-layout-keyboard-content-right-icon {
  position: absolute;
  top: 63%;
  transform: translateY(-63%);
  width: 3.7037037037vmin;
  right: 0vmin;
}
@media (max-height: 500px) {
  .ie-layout-keyboard-content-right-icon {
    top: 59%;
    transform: translateY(-59%);
  }
}
.ie-layout-keyboard-content-wrapper-top {
  margin-top: 0.987654321vmin;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 4.9382716049vmin;
}
.ie-layout-keyboard-content-box-bottom {
  position: absolute;
  bottom: 0;
  left: 3.7037037037vmin;
  right: 3.7037037037vmin;
  background: #fff0ca;
  border-radius: 4.9382716049vmin 4.9382716049vmin 0 0;
  height: 38%;
}
@media (max-height: 500px) {
  .ie-layout-keyboard-content-box-bottom {
    bottom: 0vmin;
    right: 3.950617284vmin;
    height: 47%;
  }
}
@media (width: 1024px) {
  .ie-layout-keyboard-content-box-bottom {
    height: 37%;
    right: 4.0740740741vmin;
  }
}
@media (width: 1180px) {
  .ie-layout-keyboard-content-box-bottom {
    height: 37%;
    right: 4.0740740741vmin;
  }
}
@media (width: 1340px) {
  .ie-layout-keyboard-content-box-bottom {
    height: 37%;
    right: 4.0740740741vmin;
  }
}
@media (width: 1368px) {
  .ie-layout-keyboard-content-box-bottom {
    height: 37%;
    right: 4.0740740741vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-layout-keyboard-content-box-bottom {
    height: 37%;
    right: 4.0740740741vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-layout-keyboard-content-box-bottom {
    height: 37%;
    right: 4.0740740741vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-layout-keyboard-content-box-bottom {
    height: 37%;
    right: 4.0740740741vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-layout-keyboard-content-box-bottom {
    height: 37%;
    right: 4.0740740741vmin;
  }
}
.ie-layout-keyboard-content-wrapper-bottom {
  margin-top: 0.987654321vmin;
  width: 100%;
  height: 100%;
  background-color: #25a5ed;
  border-radius: 4.9382716049vmin 4.9382716049vmin 0 0;
}
@media (max-height: 500px) {
  .ie-layout-keyboard-content-wrapper-bottom {
    margin-top: 0;
  }
}
.ie-layout-keyboard-content-box-svg {
  height: 100%;
}
@media (width: 1024px) {
  .ie-layout-keyboard-content-box-svg {
    height: auto;
    width: 96%;
  }
}
@media (width: 1180px) {
  .ie-layout-keyboard-content-box-svg {
    height: auto;
    width: 96%;
  }
}
@media (width: 1340px) {
  .ie-layout-keyboard-content-box-svg {
    height: auto;
    width: 96%;
  }
}
@media (width: 1368px) {
  .ie-layout-keyboard-content-box-svg {
    height: auto;
    width: 96%;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-layout-keyboard-content-box-svg {
    height: auto;
    width: 96%;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-layout-keyboard-content-box-svg {
    height: auto;
    width: 96%;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-layout-keyboard-content-box-svg {
    height: auto;
    width: 96%;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-layout-keyboard-content-box-svg {
    height: auto;
    width: 96%;
  }
}
.ie-layout-keyboard-wrapper-left-icon, .ie-layout-keyboard-wrapper-right-icon {
  width: 2.4691358025vmin;
  height: 9.8765432099vmin;
  position: absolute;
  z-index: 9;
  bottom: -7.4074074074vmin;
}
@media (max-height: 500px) {
  .ie-layout-keyboard-wrapper-left-icon, .ie-layout-keyboard-wrapper-right-icon {
    height: 8.1481481481vmin;
    bottom: -5.9259259259vmin;
  }
}
.ie-layout-keyboard-wrapper-left-icon {
  left: 6.1728395062vmin;
}
.ie-layout-keyboard-wrapper-right-icon {
  right: 6.1728395062vmin;
}

.ie-layout-v4-title-wrapper {
  padding: 1.4814814815vmin 1.2345679012vmin;
  background: rgba(252, 220, 141, 0.2);
  border-radius: 1.4814814815vmin;
  font-size: 2.4691358025vmin;
}
.ie-layout-v4-title-wrapper-audio {
  background: rgba(16, 195, 249, 0.1);
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.ie-layout-v4-title-wrapper-svg {
  width: 3.950617284vmin;
  height: 3.950617284vmin;
}
.ie-layout-v4-title-wrapper-svg-active .ie-layout-v4-title-audio-icon-p1 {
  animation: ie-p1 1s infinite linear;
}
.ie-layout-v4-title-wrapper-svg-active .ie-layout-v4-title-audio-icon-p2 {
  animation: ie-p2 1s infinite linear;
}
.ie-layout-v4-title-wrapper span {
  margin-top: 0.987654321vmin;
  display: block;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 300;
}
@media (max-height: 500px) {
  .ie-layout-v4-title-wrapper span {
    font-size: 3.2098765432vmin;
  }
}
.ie-layout-v4-title-wrapper-box-60 {
  margin-bottom: 7.4074074074vmin;
}
.ie-layout-v4-title-wrapper-box-100 {
  margin-bottom: 12.3456790123vmin;
}
.ie-layout-v4-title-wrapper-box-30 {
  margin-bottom: 3.7037037037vmin;
}

.ie-layout-v4-audio-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-v4-audio-wrapper-t {
  -ms-flex-pack: start;
      justify-content: flex-start;
  height: 100%;
}
.ie-layout-v4-audio-wrapper-t .ie-layout-v4-audio-title {
  margin-bottom: 12.3456790123vmin;
}
.ie-layout-v4-audio-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
.ie-layout-v4-audio-wrapper-box {
  width: 14.8148148148vmin;
  height: 15.3086419753vmin;
  background: #dfa700;
  border-radius: 2.4691358025vmin;
  box-shadow: 0px 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
}
.ie-layout-v4-audio-wrapper-box-aside {
  width: 14.8148148148vmin;
  height: 14.8148148148vmin;
  background: #ffbf00;
  border-radius: 2.4691358025vmin;
  box-shadow: inset 0px -0.4938271605vmin 0.987654321vmin rgba(0, 0, 0, 0.08);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.ie-layout-v4-audio-wrapper-box-aside svg {
  width: 9.8765432099vmin;
}
.ie-layout-v4-audio-wrapper-box-aside-active .ie-layout-v4-audio-audio-icon-p1 {
  animation: ie-p1 1s infinite linear;
}
.ie-layout-v4-audio-wrapper-box-aside-active .ie-layout-v4-audio-audio-icon-p2 {
  animation: ie-p2 1s infinite linear;
}
.ie-layout-v4-audio-wrapper-box2 {
  width: 11.8518518519vmin;
  height: 12.3456790123vmin;
  background: #dfa700;
  border-radius: 2.4691358025vmin;
  box-shadow: 0px 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
  margin-left: 2.4691358025vmin;
}
.ie-layout-v4-audio-wrapper-box2-aside {
  width: 11.8518518519vmin;
  height: 11.8518518519vmin;
  background: #ffbf00;
  border-radius: 2.4691358025vmin;
  box-shadow: inset 0px -0.4938271605vmin 0.987654321vmin rgba(0, 0, 0, 0.08);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.ie-layout-v4-audio-wrapper-box2-aside svg {
  width: 6.6666666667vmin;
}
.ie-layout-v4-audio-wrapper-tip {
  margin-top: 3.7037037037vmin;
  display: block;
  color: rgba(0, 0, 0, 0.2);
  font-size: 2.962962963vmin;
  font-weight: 400;
}

@charset "UTF-8";
.ie-write-subjective-preview-mask {
  z-index: 1080;
}
.ie-write-subjective-preview-fullscreen-content .ie-modal-body {
  padding: 0;
  border-radius: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-write-subjective-preview-modal-main {
  max-width: 100vw;
  max-height: 100vh;
  overflow-x: hidden;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.ie-write-subjective-preview-modal-main::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-write-subjective-preview-modal-main::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-write-subjective-preview-modal-main::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-write-subjective-preview-image {
  max-width: 100vw;
  min-width: 40vw;
  min-height: 100vh;
  height: auto;
  display: block;
}
.ie-write-subjective-preview-close {
  position: fixed;
  width: 6.4814814815vmin;
  height: 6.4814814815vmin;
  top: 2.7777777778vmin;
  right: 2.7777777778vmin;
  cursor: pointer;
  z-index: 99;
  -webkit-tap-highlight-color: transparent;
}
@media (max-height: 500px) {
  .ie-write-subjective-preview-close {
    width: 8.6419753086vmin;
    height: 8.6419753086vmin;
  }
}
.ie-write-subjective-preview-operate {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 2.7777777778vmin;
  height: 6.4814814815vmin;
  left: 2.7777777778vmin;
  z-index: 88;
}
@media (max-height: 500px) {
  .ie-write-subjective-preview-operate {
    height: 8.6419753086vmin;
  }
}
.ie-write-subjective-preview-operate-item {
  padding: 0 1.8518518519vmin;
  background: rgba(51, 51, 51, 0.5);
  margin-right: 1.8518518519vmin;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3.7037037037vmin;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-write-subjective-preview-operate-item {
    padding: 0 3.2098765432vmin;
  }
}
.ie-write-subjective-preview-operate-item svg {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  margin-right: 0.7407407407vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-preview-operate-item svg {
    width: 6.1728395062vmin;
    height: 6.1728395062vmin;
  }
}
.ie-write-subjective-preview-operate-item span {
  color: #fff;
  font-size: 2.7777777778vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-preview-operate-item span {
    font-size: 3.3333333333vmin;
  }
}
.ie-write-subjective-preview-pdf {
  min-height: 100vh;
  width: 100vw;
}
.ie-write-subjective-preview-images {
  width: 80vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-write-subjective-preview-images img {
  width: 100%;
}
.ie-write-subjective-preview-video {
  width: 100vw;
  height: 100vh;
  background-color: #333;
}
.ie-write-subjective-preview-share-box {
  position: fixed;
  bottom: 3.7037037037vmin;
  right: 3.7037037037vmin;
  background: linear-gradient(270deg, #ffa51e 0%, #ff6056 100%);
  box-shadow: 0px 0.2469135802vmin 1.2345679012vmin rgba(0, 0, 0, 0.15);
  border-radius: 7.4074074074vmin;
  padding: 1.2345679012vmin;
  font-weight: 700;
  color: #fff;
  font-size: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  z-index: 999;
}
.ie-write-subjective-preview-share-box-video {
  bottom: 17.2839506173vmin;
}
.ie-write-subjective-preview-share-box img {
  width: 7.4074074074vmin;
  background: #ffca36;
  border-radius: 50%;
}
.ie-write-subjective-preview-share-box svg {
  width: 4.9382716049vmin;
}
.ie-write-subjective-preview-share-box span {
  margin: 0 0.7407407407vmin 0 1.4814814815vmin;
}

.ie-write-subjective-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 2.2222222222vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-wrapper {
    padding: 3.4567901235vmin;
  }
}
.ie-write-subjective-wrapper-left {
  height: 100%;
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  margin-right: 3.7037037037vmin;
}
.ie-write-subjective-wrapper-right {
  height: 100%;
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
}
.ie-write-subjective-file-operate {
  position: absolute;
  width: 200px;
  top: 1.8518518519vmin;
  left: 1.8518518519vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-file-operate {
    top: 2.4691358025vmin;
    left: 2.4691358025vmin;
  }
}
.ie-write-subjective-share-box {
  border-radius: 2.7777777778vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-share-box {
    border-radius: 3.7037037037vmin;
  }
}
.ie-write-subjective-share-title {
  color: #333;
  font-size: 2.962962963vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-share-title {
    font-size: 4.4444444444vmin;
  }
}
.ie-write-subjective-share-body {
  display: -ms-flexbox;
  display: flex;
  margin-top: 3.7037037037vmin;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ie-write-subjective-share-body-close {
  position: absolute;
  width: 8.6419753086vmin;
  bottom: -12.3456790123vmin;
}
.ie-write-subjective-share-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.ie-write-subjective-share-item svg {
  width: 8.3333333333vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-share-item svg {
    width: 11.1111111111vmin;
  }
}
.ie-write-subjective-share-item span {
  margin-top: 1.1111111111vmin;
  font-weight: 300;
}
.ie-write-subjective-share-btn {
  position: fixed;
  z-index: 999;
  right: 2.4691358025vmin;
  bottom: 17.2839506173vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-write-subjective-share-btn img {
  width: 9.2592592593vmin;
  height: 9.2592592593vmin;
  border-radius: 50%;
  border: 0.4938271605vmin solid #fff;
  box-sizing: border-box;
  background-color: #ffca36;
}
@media (max-height: 500px) {
  .ie-write-subjective-share-btn img {
    width: 12.3456790123vmin;
    height: 12.3456790123vmin;
    border-radius: 50%;
    border: 0.7407407407vmin solid #fff;
  }
}
.ie-write-subjective-share-btn-tip {
  background: linear-gradient(270deg, #ffa51e 0%, #ff6056 100%);
  box-shadow: 0px 0.2469135802vmin 1.2345679012vmin rgba(0, 0, 0, 0.15);
  border-radius: 2.4691358025vmin;
  margin-top: -1.975308642vmin;
  box-sizing: border-box;
}
.ie-write-subjective-share-btn-tip-en {
  width: 18.2407407407vmin;
  padding: 0.9259259259vmin 0.9259259259vmin 0;
}
@media (max-height: 500px) {
  .ie-write-subjective-share-btn-tip-en {
    width: 24.3209876543vmin;
    padding: 1.2345679012vmin 1.2345679012vmin 0;
  }
}
.ie-write-subjective-share-btn-tip-zh {
  width: 11.5740740741vmin;
  padding: 1.1111111111vmin 1.1111111111vmin 0.5555555556vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-share-btn-tip-zh {
    width: 15.4320987654vmin;
    padding: 1.4814814815vmin 1.4814814815vmin 0.7407407407vmin;
  }
}

.ie-layout-v4-picture-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-v4-picture-wrapper-pic {
  width: 34.5679012346vmin;
  height: 34.5679012346vmin;
  border-radius: 1.975308642vmin;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.ie-layout-v4-picture-wrapper-pic img {
  width: 100%;
  height: 100%;
}
.ie-layout-v4-picture-wrapper-pic svg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 6.1728395062vmin;
  height: 6.1728395062vmin;
}

.ie-layout-v4-video-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-v4-video-wrapper-video {
  width: 34.5679012346vmin;
  height: 34.5679012346vmin;
  border-radius: 1.975308642vmin;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.ie-layout-v4-video-wrapper-video img {
  width: 100%;
  height: 100%;
}
.ie-layout-v4-video-wrapper-video svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
}

@charset "UTF-8";
.ie-layout-v4-text-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-layout-v4-text-wrapper-top {
  -ms-flex-pack: start;
      justify-content: flex-start;
  overflow: hidden;
}
.ie-layout-v4-text-wrapper-middle {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(0, 0, 0, 0.7);
}
.ie-layout-v4-text-long-content {
  height: 100%;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 2.962962963vmin;
  padding-right: 0.4938271605vmin;
  line-height: 5.4320987654vmin;
  color: rgba(0, 0, 0, 0.7);
}
.ie-layout-v4-text-long-content::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-layout-v4-text-long-content::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-layout-v4-text-long-content::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
@media (max-height: 500px) {
  .ie-layout-v4-text-long-content {
    font-size: 3.7037037037vmin;
  }
}
.ie-layout-v4-text-only-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-v4-text-only-text-single {
  position: relative;
  display: inline-block;
}
.ie-layout-v4-text-only-text-single svg {
  width: 17.4074074074vmin;
  height: 17.4074074074vmin;
}
.ie-layout-v4-text-only-text-single span {
  display: block;
  font-weight: 700;
  font-size: 8.6419753086vmin;
  color: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ie-layout-v4-text-only-text-single-v2 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-layout-v4-text-only-text-single-v2 span {
  display: block;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 17.2839506173vmin;
}
.ie-layout-v4-text-only-text-single-v2 svg {
  height: 34.5679012346vmin;
  width: 34.5679012346vmin;
}
.ie-layout-v4-text-only-text-double {
  display: -ms-flexbox;
  display: flex;
}
.ie-layout-v4-text-only-text-double > div:last-child {
  margin-left: -2px;
}
.ie-layout-v4-text-only-text-box {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  font-size: 7.4074074074vmin;
}
.ie-layout-v4-text-only-pinyin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-v4-text-only-pinyin-single {
  position: relative;
  display: inline-block;
}
.ie-layout-v4-text-only-pinyin-single svg {
  width: 17.4074074074vmin;
  height: 9.6296296296vmin;
}
.ie-layout-v4-text-only-pinyin-single span {
  display: block;
  font-weight: 700;
  font-size: 5.4320987654vmin;
  color: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 50%;
  top: 4.1975308642vmin;
  transform: translate(-50%, -50%);
}
.ie-layout-v4-text-only-pinyin-single-v2 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-layout-v4-text-only-pinyin-single-v2 svg {
  width: 34.5679012346vmin;
  height: 19.1358024691vmin;
}
.ie-layout-v4-text-only-pinyin-single-v2 span {
  display: block;
  font-weight: 700;
  font-size: 9.8765432099vmin;
  color: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 50%;
  top: 8.6419753086vmin;
  transform: translate(-50%, -50%);
}
.ie-layout-v4-text-only-pinyin-double {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-layout-v4-text-only-pinyin-double > div:last-child {
  margin-left: -2px;
}
.ie-layout-v4-text-only-pinyin-box {
  color: rgba(0, 0, 0, 0.7);
  font-size: 2.962962963vmin;
}
.ie-layout-v4-text-only-pinyin-box span {
  margin-right: 0.987654321vmin;
}
.ie-layout-v4-text-only-pinyin-box span:last-child {
  margin-right: 0;
}
.ie-layout-v4-text-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-v4-text-text-single > div:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
.ie-layout-v4-text-text-single > div:last-child {
  margin-top: -0.4938271605vmin;
}
.ie-layout-v4-text-text-single-v2 > div:last-child {
  margin-top: -8.3950617284vmin;
}
.ie-layout-v4-text-text-single-v2 > div:last-child span {
  font-size: 16.049382716vmin;
}
.ie-layout-v4-text-text-single-v2 > div svg {
  width: 24.6913580247vmin;
}
.ie-layout-v4-text-text-single-v2 > div:first-child span {
  font-size: 6.9135802469vmin;
}
.ie-layout-v4-text-text-double {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-layout-v4-text-text-double > div:last-child {
  margin-left: -0.4938271605vmin;
}
.ie-layout-v4-text-text-box {
  display: -ms-flexbox;
  display: flex;
}
.ie-layout-v4-text-text-box-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.4938271605vmin;
}
.ie-layout-v4-text-text-box-item span {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  font-size: 2.962962963vmin;
}
.ie-layout-v4-text-text-box-item span:last-child {
  margin-bottom: 0.4938271605vmin;
  font-size: 7.4074074074vmin;
}
.ie-layout-v4-text-text-box-item:last-child {
  margin-right: 0;
}
.ie-layout-v4-text-middle-content {
  font-size: 5.4320987654vmin;
  color: rgba(0, 0, 0, 0.7);
}
.ie-layout-v4-text-title {
  padding: 1.4814814815vmin 1.2345679012vmin;
  background: rgba(252, 220, 141, 0.2);
  border-radius: 1.4814814815vmin;
  font-size: 2.4691358025vmin;
}
.ie-layout-v4-text-title-audio {
  background: rgba(16, 195, 249, 0.1);
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.ie-layout-v4-text-title-svg {
  width: 3.950617284vmin;
  height: 3.950617284vmin;
}
.ie-layout-v4-text-title-svg-active .ie-layout-v4-text-audio-icon-p1 {
  animation: ie-p1 1s infinite linear;
}
.ie-layout-v4-text-title-svg-active .ie-layout-v4-text-audio-icon-p2 {
  animation: ie-p2 1s infinite linear;
}
.ie-layout-v4-text-title span {
  margin-top: 0.987654321vmin;
  display: block;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
}
.ie-layout-v4-text-title-box-60 {
  margin-bottom: 7.4074074074vmin;
}
.ie-layout-v4-text-title-box-100 {
  margin-bottom: 12.3456790123vmin;
}
.ie-layout-v4-text-title-box-30 {
  margin-bottom: 3.7037037037vmin;
}

.ie-recitation-audio-audio-box {
  position: absolute;
  top: 9.8765432099vmin;
  left: -9.8765432099vmin;
  width: 9.8765432099vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}
.ie-recitation-audio-normal-audio {
  width: 9.8765432099vmin;
  height: 9.8765432099vmin;
  background: #ffd44d;
  box-shadow: 0px 0.4938271605vmin 0px #d8b039, inset 0px -0.3703703704vmin 0.7407407407vmin rgba(0, 0, 0, 0.08);
  border-radius: 2.4691358025vmin 0px 0px 2.4691358025vmin;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-recitation-audio-normal-audio svg {
  width: 6.1728395062vmin;
  height: 6.1728395062vmin;
}
.ie-recitation-audio-normal-audio-active .ie-recitation-audio-audio-icon-p1 {
  animation: ie-p1 1s infinite linear;
}
.ie-recitation-audio-normal-audio-active .ie-recitation-audio-audio-icon-p2 {
  animation: ie-p2 1s infinite linear;
}
.ie-recitation-audio-slow-audio {
  margin-top: 3.7037037037vmin;
  width: 8.6419753086vmin;
  height: 8.6419753086vmin;
  background: #ffd44d;
  box-shadow: 0px 0.4938271605vmin 0px #d8b039, inset 0px -0.3703703704vmin 0.7407407407vmin rgba(0, 0, 0, 0.08);
  border-radius: 2.4691358025vmin 0px 0px 2.4691358025vmin;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-recitation-audio-slow-audio svg {
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
}

.ie-layout-v4-question-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-layout-v4-question-wrapper-top {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.ie-layout-v4-question-wrapper-middle {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-layout-v4-question-wrapper-content {
  margin-bottom: 7.4074074074vmin;
}
.ie-layout-v4-question-wrapper-content-text {
  margin-bottom: 0vmin;
}
.ie-layout-v4-question-wrapper-content-syllables {
  margin-bottom: 7.4074074074vmin;
}
.ie-layout-v4-question-float-audio {
  z-index: 9;
}
.ie-layout-v4-question-syllables {
  position: relative;
}
.ie-layout-v4-question-syllables svg {
  width: 33.8271604938vmin;
  height: 9.6296296296vmin;
}
.ie-layout-v4-question-syllables-content {
  height: 100%;
  position: absolute;
  top: 0;
  font-size: 4.6913580247vmin;
  font-weight: 86.4197530864vmin;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  line-height: 8.8888888889vmin;
}

.ie-layout-column-middle {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 2.7777777778vmin;
  position: relative;
}
@media (max-height: 500px) {
  .ie-layout-column-middle {
    padding-top: 13.3333333333vmin;
  }
}
.ie-layout-column-content {
  z-index: 1;
  position: relative;
  height: 80vh;
  width: 76vw;
  background: #88d4f6;
  border-radius: 1.8518518519vmin;
  margin: 0 auto;
  border: none;
}
@media (max-height: 500px) {
  .ie-layout-column-content {
    height: 74vh;
    width: 74vw;
    border-radius: 2.4691358025vmin;
  }
}
.ie-layout-column-content-box {
  position: relative;
  height: 100%;
  background-color: #fff0ca;
  border-radius: 1.8518518519vmin;
  margin-top: -1.8518518519vmin;
  margin-left: 1.8518518519vmin;
  margin-right: 1.8518518519vmin;
  box-sizing: border-box;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
}
@media (max-height: 500px) {
  .ie-layout-column-content-box {
    margin-top: -2.4691358025vmin;
    margin-left: 2.4691358025vmin;
    margin-right: 2.4691358025vmin;
    border-radius: 2.4691358025vmin;
  }
}
.ie-layout-column-content-mask {
  position: absolute;
  width: 11.1111111111vmin;
  height: 100%;
  z-index: -1;
  background: linear-gradient(270deg, #50baea 0%, rgba(92, 200, 249, 0) 100%);
  left: 31.4814814815vmin;
}
@media (max-height: 500px) {
  .ie-layout-column-content-mask {
    left: 37.037037037vmin;
    width: 14.8148148148vmin;
  }
}
.ie-layout-column-content-tag {
  position: absolute;
  width: 4.9382716049vmin;
  left: -4.9382716049vmin;
  top: 10vh;
}
@media (max-height: 500px) {
  .ie-layout-column-content-tag {
    width: 4.9382716049vmin;
    left: -4.9382716049vmin;
  }
}
.ie-layout-column-content-box-mask {
  position: absolute;
  width: 7.4074074074vmin;
  z-index: -1;
  height: 100%;
  background: linear-gradient(270deg, #ffe9b1 0%, rgba(255, 233, 177, 0) 100%);
  left: 33.3333333333vmin;
}
@media (max-height: 500px) {
  .ie-layout-column-content-box-mask {
    width: 9.8765432099vmin;
    left: 39.5061728395vmin;
  }
}
.ie-layout-column-content-box-question {
  width: 40.7407407407vmin;
  height: 100%;
  padding: 2.7777777778vmin;
  box-sizing: border-box;
}
@media (max-height: 500px) {
  .ie-layout-column-content-box-question {
    width: 49.3827160494vmin;
  }
}
.ie-layout-column-content-box-answer {
  width: 100%;
  -ms-flex: 1;
      flex: 1;
  position: relative;
}

.ie-layout-back-box {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 6.1728395062vmin;
  width: 6.1728395062vmin;
  background: #009aea;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-layout-back-box {
    width: 8.6419753086vmin;
    height: 8.6419753086vmin;
  }
}
.ie-layout-back-box-icon {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 4.1975308642vmin;
  height: 4.1975308642vmin;
}
@media (max-height: 500px) {
  .ie-layout-back-box-icon {
    width: 5.6790123457vmin;
    height: 5.6790123457vmin;
  }
}

.ie-layout-complex-top {
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 2.4691358025vmin 3.7037037037vmin 0;
  height: 8.6419753086vmin;
}
@media (max-height: 500px) {
  .ie-layout-complex-top {
    position: absolute;
    top: 3.7037037037vmin;
    left: 4.9382716049vmin;
    right: 4.9382716049vmin;
    margin: 0;
    z-index: 100;
  }
}
.ie-layout-complex-back {
  z-index: 1;
}
.ie-layout-complex-top-titlebar {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  height: 100%;
  margin: 0 4.9382716049vmin;
  position: relative;
}
.ie-layout-complex-top-extra {
  z-index: 1;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-complex-top-extra-page {
  width: 9.2592592593vmin;
  height: 4.6296296296vmin;
  border-radius: 5.5555555556vmin;
  background-color: #009aea;
  line-height: 2.5vmin;
  font-weight: 700;
  font-size: 1.8518518519vmin;
  box-sizing: border-box;
}
@media (max-height: 500px) {
  .ie-layout-complex-top-extra-page {
    width: 17.2839506173vmin;
    height: 8.6419753086vmin;
    font-size: 3.7037037037vmin;
    line-height: 6.1728395062vmin;
    border-radius: 7.4074074074vmin;
  }
}
.ie-layout-complex-middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-height: 500px) {
  .ie-layout-complex-middle {
    padding-top: 8.3950617284vmin;
  }
}
.ie-layout-complex-content {
  z-index: 1;
  position: relative;
  height: 79.012345679vmin;
  margin: 4.9382716049vmin auto 0;
  width: 90%;
  max-width: 185.1851851852vmin;
  border-radius: 2.4691358025vmin;
  border: 1.2345679012vmin solid #93dffb;
  background-color: #fff;
}
.ie-layout-complex-operate {
  position: fixed;
  bottom: 4.9382716049vmin;
  z-index: 1;
  right: 4.9382716049vmin;
}

.ie-layout-column-bar {
  z-index: 1;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 1.8518518519vmin 3.7037037037vmin 0;
  height: 7.4074074074vmin;
}
@media (max-height: 500px) {
  .ie-layout-column-bar {
    position: absolute;
    top: 2.4691358025vmin;
    left: 3.7037037037vmin;
    right: 3.7037037037vmin;
    height: 8.6419753086vmin;
    margin: 0;
    z-index: 100;
  }
}
.ie-layout-column-aside {
  position: absolute;
  right: 3.7037037037vmin;
  width: 9.1358024691vmin;
  bottom: 6.1728395062vmin;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (max-height: 500px) {
  .ie-layout-column-aside {
    width: 9.8765432099vmin;
    bottom: 7.4074074074vmin;
  }
}
.ie-layout-column-ip {
  position: fixed;
  bottom: 6.1728395062vmin;
  left: 3.7037037037vmin;
  z-index: 99;
  display: -ms-flexbox;
  display: flex;
}
.ie-layout-column-ip-ani {
  width: 22.2222222222vmin;
}
.ie-layout-column-ip-title {
  position: relative;
  height: 8.6419753086vmin;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99;
  min-width: 17.2839506173vmin;
  margin-top: 14.8148148148vmin;
  margin-left: 4.9382716049vmin;
  border-radius: 0 2.962962963vmin 2.962962963vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 2.962962963vmin;
  color: #fff;
  font-weight: 300;
  padding: 0 0.987654321vmin;
}
.ie-layout-column-ip-title svg {
  position: absolute;
  width: 3.7037037037vmin;
  top: 0;
  left: -3.7037037037vmin;
}
@media (width: 1024px) {
  .ie-layout-column-ip-title {
    padding: 0 1.7283950617vmin;
    margin-left: 3.7037037037vmin;
  }
}
@media (width: 1180px) {
  .ie-layout-column-ip-title {
    padding: 0 1.7283950617vmin;
    margin-left: 3.7037037037vmin;
  }
}
@media (width: 1340px) {
  .ie-layout-column-ip-title {
    padding: 0 1.7283950617vmin;
    margin-left: 3.7037037037vmin;
  }
}
@media (width: 1368px) {
  .ie-layout-column-ip-title {
    padding: 0 1.7283950617vmin;
    margin-left: 3.7037037037vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-layout-column-ip-title {
    padding: 0 1.7283950617vmin;
    margin-left: 3.7037037037vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-layout-column-ip-title {
    padding: 0 1.7283950617vmin;
    margin-left: 3.7037037037vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-layout-column-ip-title {
    padding: 0 1.7283950617vmin;
    margin-left: 3.7037037037vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-layout-column-ip-title {
    padding: 0 1.7283950617vmin;
    margin-left: 3.7037037037vmin;
  }
}
.ie-layout-column-title {
  position: relative;
}
.ie-layout-column-title svg {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 51.8518518519vmin;
}
.ie-layout-column-title-content {
  z-index: 9;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 2.962962963vmin;
  font-weight: 700;
  color: #fff;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 46.9135802469vmin;
  height: 6.6666666667vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-layout-column-page {
  background-color: #009aea;
  border-radius: 7.4074074074vmin;
  height: 6.1728395062vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-layout-column-operate-icon {
  margin-top: 3.7037037037vmin;
}
.ie-layout-column-ip-animation {
  position: absolute;
  width: 24.6913580247vmin;
  top: -14.8148148148vmin;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
}
.ie-layout-column-tip {
  position: fixed;
  top: 9.8765432099vmin;
}
@media (max-height: 500px) {
  .ie-layout-column-tip {
    top: 16.049382716vmin;
  }
}

.ie-layout-summarize-icon {
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  cursor: pointer;
}
.ie-layout-summarize-btn {
  margin-top: 0;
}
.ie-layout-summarize-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  animation: ie-fade-in 0.1s ease-in;
}
.ie-layout-summarize-content {
  position: fixed;
  bottom: 0;
  left: 0;
  min-height: 22.2222222222vmin;
  width: 100%;
  border-radius: 3.7037037037vmin 3.7037037037vmin 0 0;
  background: #fff;
  animation: slide-top 0.2s ease-in;
  padding: 2.4691358025vmin 4.9382716049vmin 3.7037037037vmin;
  z-index: 999999;
}
.ie-layout-summarize-content-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-summarize-content-title svg {
  width: 5.4320987654vmin;
}
.ie-layout-summarize-content-title span {
  margin-left: 1.4814814815vmin;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  font-size: 2.7160493827vmin;
}
.ie-layout-summarize-content-title span:last-child {
  padding: 0.2469135802vmin 0.7407407407vmin 0;
  border-radius: 0.7407407407vmin;
  background-color: #10c3f9;
  font-weight: 400;
  font-size: 1.975308642vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 2.962962963vmin;
  margin-left: 0.987654321vmin;
  color: #fff;
}
.ie-layout-summarize-content-body {
  margin-top: 1.8518518519vmin;
}
.ie-layout-summarize-content-body-title {
  color: rgba(0, 0, 0, 0.8);
  font-size: 2.4691358025vmin;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-summarize-content-body-title::before {
  margin-right: 1.2345679012vmin;
  content: "";
  padding: 0 0.2469135802vmin;
  height: 0.4938271605vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}
.ie-layout-summarize-content-body-title span {
  color: #ff8d00;
}
.ie-layout-summarize-content-body-correct {
  font-size: 1.975308642vmin;
  color: #fff;
  background-color: #ff8d00;
  border-radius: 3.7037037037vmin;
  font-weight: 400;
  padding: 0.987654321vmin 2.4691358025vmin;
  margin-left: 2.4691358025vmin;
  cursor: pointer;
}
.ie-layout-summarize-content-body-subTitle {
  color: rgba(0, 0, 0, 0.8);
  font-size: 2.4691358025vmin;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 1.7283950617vmin;
}
.ie-layout-summarize-content-body-subTitle::before {
  margin-right: 1.2345679012vmin;
  content: "";
  padding: 0 0.2469135802vmin;
  height: 0.4938271605vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}
.ie-layout-summarize-close {
  position: absolute;
  width: 4.4444444444vmin;
  top: 2.4691358025vmin;
  right: 2.4691358025vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-layout-summarize-close {
    width: 5.4320987654vmin;
  }
}
.ie-layout-summarize-content-body-process {
  border-radius: 1.7283950617vmin;
  height: 3.4567901235vmin;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.03);
  margin-top: 1.7283950617vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 1.4814814815vmin;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-summarize-content-body-process-item {
  height: 1.4814814815vmin;
  border-radius: 0 0.7407407407vmin 0.7407407407vmin 0;
  margin-left: -0.7407407407vmin;
}
.ie-layout-summarize-content-body-process-item:first-child {
  border-radius: 0.7407407407vmin;
}
.ie-layout-summarize-content-body-list {
  margin-top: 2.4691358025vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-layout-summarize-content-body-list-item {
  width: 23%;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 0.7407407407vmin;
  margin-bottom: 0.987654321vmin;
  height: 4.9382716049vmin;
  padding: 0.987654321vmin 1.2345679012vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ie-layout-summarize-content-body-list-item-plac {
  background-color: #fff;
  width: 23%;
}
.ie-layout-summarize-content-body-list-item p {
  display: block;
  font-size: 2.2222222222vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-summarize-content-body-list-item p:first-child {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.4);
}
.ie-layout-summarize-content-body-list-item p:last-child {
  color: rgba(0, 0, 0, 0.6);
}
.ie-layout-summarize-content-body-list-item p span {
  width: 0.7407407407vmin;
  height: 0.7407407407vmin;
  display: block;
  border-radius: 50%;
  margin-right: 0.987654321vmin;
}

@keyframes slide-top {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

.ie-layout-note-page-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 4.9382716049vmin;
}
.ie-layout-note-page-que {
  font-weight: 700;
  color: #fff;
  font-size: 2.4691358025vmin;
}
.ie-layout-note-page-tag {
  border-radius: 0.7407407407vmin;
  padding: 0.1234567901vmin 0.7407407407vmin 0;
  height: 2.962962963vmin;
  font-weight: 400;
  font-size: 1.975308642vmin;
  color: #fff;
  margin: 0 0.987654321vmin;
}
.ie-layout-note-page-tag-finished {
  background-color: #00cf64;
}
.ie-layout-note-page-tag-unfinished {
  background-color: #f66;
}

.ie-layout-general-wrapper {
  height: 100%;
  background: #0080cc;
}
.ie-layout-general-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 270vmin;
  margin: 0 auto;
}
.ie-layout-general-left-background, .ie-layout-general-right-background {
  position: absolute;
  top: 0;
  bottom: 0;
  background-size: auto 100%;
  background-color: #0080cc;
}
.ie-layout-general-left-background {
  left: 0;
  right: 50%;
  background-position: left top;
}
.ie-layout-general-right-background {
  right: 0;
  left: 50%;
  background-position: right top;
}
.ie-layout-general-crying-wukong {
  position: absolute;
  width: 50%;
  left: 50%;
  bottom: 100%;
  margin-bottom: -2.3148148148vmin;
  transform: translateX(-50%);
}
.ie-layout-general-tip {
  position: fixed;
  top: 9.8765432099vmin;
}
@media (max-height: 500px) {
  .ie-layout-general-tip {
    top: 16.049382716vmin;
  }
}

.ie-layout-simple-top {
  z-index: 1;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 1.8518518519vmin 2.7777777778vmin 0;
  height: 5.5555555556vmin;
}
@media (max-height: 500px) {
  .ie-layout-simple-top {
    position: absolute;
    top: 2.4691358025vmin;
    left: 3.7037037037vmin;
    right: 3.7037037037vmin;
    height: 8.6419753086vmin;
    margin: 0;
    z-index: 100;
  }
}
.ie-layout-simple-top-return {
  cursor: pointer;
  background: #10c3f9;
  box-shadow: inset 0px -0.6172839506vmin 0.6172839506vmin rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 5.5555555556vmin;
  height: 5.5555555556vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-height: 500px) {
  .ie-layout-simple-top-return {
    width: 8.6419753086vmin;
    height: 8.6419753086vmin;
  }
}
.ie-layout-simple-top-return-icon {
  width: 3.5185185185vmin;
  height: 3.5185185185vmin;
}
@media (max-height: 500px) {
  .ie-layout-simple-top-return-icon {
    width: 5.6790123457vmin;
    height: 5.6790123457vmin;
  }
}
.ie-layout-simple-top-extra {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-layout-simple-top-extra-page {
  width: 9.2592592593vmin;
  height: 4.6296296296vmin;
  border-radius: 5.5555555556vmin;
  background-color: #009aea;
  line-height: 2.5vmin;
  font-weight: 700;
  font-size: 1.8518518519vmin;
  box-sizing: border-box;
}
@media (max-height: 500px) {
  .ie-layout-simple-top-extra-page {
    width: 17.2839506173vmin;
    height: 8.6419753086vmin;
    font-size: 3.7037037037vmin;
    line-height: 6.1728395062vmin;
    border-radius: 7.4074074074vmin;
  }
}

.ie-writeSubjective-audio-float-box {
  position: fixed;
  bottom: 0vmin;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2001;
}
.ie-writeSubjective-audio-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  font-size: 2.962962963vmin;
  color: #fff;
  min-height: 8.3950617284vmin;
  z-index: 2001;
  position: relative;
}
.ie-writeSubjective-audio-box span {
  margin-left: 1.7283950617vmin;
  white-space: nowrap;
}
@media (max-height: 500px) {
  .ie-writeSubjective-audio-box {
    font-size: 3.7037037037vmin;
    height: 11.3580246914vmin;
  }
}
.ie-writeSubjective-audio-play {
  width: 4.8148148148vmin;
  height: 4.8148148148vmin;
  cursor: pointer;
  z-index: 9;
}
@media (max-height: 500px) {
  .ie-writeSubjective-audio-play {
    width: 6.4197530864vmin;
    height: 6.4197530864vmin;
  }
}
.ie-writeSubjective-audio-slider {
  width: 37.037037037vmin;
  margin-left: 2.7777777778vmin;
}
.ie-writeSubjective-audio-slider .rc-slider-rail {
  height: 0.9259259259vmin;
  border-radius: 0.462962963vmin;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-height: 500px) {
  .ie-writeSubjective-audio-slider .rc-slider-rail {
    height: 1.2345679012vmin;
    border-radius: 0.6172839506vmin;
  }
}
.ie-writeSubjective-audio-slider .rc-slider-track {
  background: #ffbf00;
  border-radius: 0.462962963vmin;
  height: 0.9259259259vmin;
}
@media (max-height: 500px) {
  .ie-writeSubjective-audio-slider .rc-slider-track {
    border-radius: 0.6172839506vmin;
    height: 1.2345679012vmin;
  }
}
.ie-writeSubjective-audio-slider .rc-slider-step {
  border-radius: 0.462962963vmin;
  height: 0.9259259259vmin;
}
@media (max-height: 500px) {
  .ie-writeSubjective-audio-slider .rc-slider-step {
    border-radius: 0.6172839506vmin;
    height: 1.2345679012vmin;
  }
}
.ie-writeSubjective-audio-slider .rc-slider-handle {
  border: none;
  width: 2.2222222222vmin;
  height: 2.2222222222vmin;
  position: relative;
  margin-top: -0.6481481481vmin;
  box-shadow: 0 0 0.9259259259vmin rgba(0, 0, 0, 0.15);
}
@media (max-height: 500px) {
  .ie-writeSubjective-audio-slider .rc-slider-handle {
    width: 2.962962963vmin;
    height: 2.962962963vmin;
    margin-top: -0.8641975309vmin;
  }
}
.ie-writeSubjective-audio-slider .rc-slider-handle:active {
  box-shadow: none;
}
.ie-writeSubjective-audio-slider .rc-slider-handle::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.1111111111vmin;
  height: 1.1111111111vmin;
  background-color: #ffbf00;
  border-radius: 50%;
}
@media (max-height: 500px) {
  .ie-writeSubjective-audio-slider .rc-slider-handle::after {
    width: 1.4814814815vmin;
    height: 1.4814814815vmin;
  }
}
.ie-writeSubjective-audio-time {
  margin-left: 2.7777777778vmin;
  font-size: 1.8518518519vmin;
  line-height: 2.3148148148vmin;
  color: #fff;
  white-space: nowrap;
}
@media (max-height: 500px) {
  .ie-writeSubjective-audio-time {
    font-size: 3.4567901235vmin;
    line-height: 4.4444444444vmin;
  }
}
.ie-writeSubjective-audio-operate {
  position: absolute;
  right: 1.975308642vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-writeSubjective-audio-operate-btn {
  min-width: 11.1111111111vmin;
  height: 4.9382716049vmin;
  font-size: 2.2222222222vmin;
  margin-right: 2.4691358025vmin;
  border: 0.2469135802vmin solid #fff;
  border-radius: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  width: auto;
}
@media (max-height: 500px) {
  .ie-writeSubjective-audio-operate-btn {
    font-size: 3.7037037037vmin;
    height: 7.4074074074vmin;
    font-size: 2.962962963vmin;
    min-width: 17.2839506173vmin;
    max-width: 37.037037037vmin;
  }
}
.ie-writeSubjective-audio-operate-remove {
  background-color: #ff6666;
  border: none;
}
.ie-writeSubjective-audio-share-box {
  background: linear-gradient(270deg, #ffa51e 0%, #ff6056 100%);
  box-shadow: 0px 0.2469135802vmin 1.2345679012vmin rgba(0, 0, 0, 0.15);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 1.7283950617vmin;
  font-size: 2.2222222222vmin;
  border: none;
  padding-right: 1.1111111111vmin;
}
@media (max-height: 500px) {
  .ie-writeSubjective-audio-share-box {
    min-width: 22.2222222222vmin;
    font-size: 2.962962963vmin;
  }
}

@charset "UTF-8";
.ie-write-subjective-view-question-audio {
  position: absolute;
  cursor: pointer;
  top: 0.987654321vmin;
  right: 0.987654321vmin;
  background-color: #ffbf00;
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 999;
}
.ie-write-subjective-view-question-audio svg {
  width: 5.6790123457vmin;
  height: 5.6790123457vmin;
}
.ie-write-subjective-view-question-icon-active .ie-write-subjective-view-audio-icon-p1 {
  animation: ie-write-subjective-view-p1 1s infinite linear;
}
.ie-write-subjective-view-question-icon-active .ie-write-subjective-view-audio-icon-p2 {
  animation: ie-write-subjective-view-p2 1s infinite linear;
}
.ie-write-subjective-view-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #f8f8f8;
  border-radius: 1.8518518519vmin;
  position: relative;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}
.ie-write-subjective-view-wrapper::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-write-subjective-view-wrapper::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-write-subjective-view-wrapper::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
@media (max-height: 500px) {
  .ie-write-subjective-view-wrapper {
    border-radius: 2.4691358025vmin;
  }
}
.ie-write-subjective-view-wrapper img {
  width: 100%;
  overflow-x: hidden;
}
.ie-write-subjective-view-pdf, .ie-write-subjective-view-img {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.ie-write-subjective-view-pdf::-webkit-scrollbar, .ie-write-subjective-view-img::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-write-subjective-view-pdf::-webkit-scrollbar-thumb, .ie-write-subjective-view-img::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-write-subjective-view-pdf::-webkit-scrollbar-track, .ie-write-subjective-view-img::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-write-subjective-view-images {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.ie-write-subjective-view-images::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-write-subjective-view-images::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-write-subjective-view-images::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-write-subjective-view-images img {
  width: 100%;
}
.ie-write-subjective-view-video {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  background-color: #000;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-write-subjective-view-video video {
  width: 100%;
}
.ie-write-subjective-view-cover {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.ie-write-subjective-view-cover-mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.ie-write-subjective-view-cover-play {
  width: 9.2592592593vmin;
  height: 9.2592592593vmin;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-write-subjective-view-cover-play {
    width: 11.1111111111vmin;
    height: 11.1111111111vmin;
  }
}
.ie-write-subjective-view-full-video {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 99;
  background-color: #000;
}
.ie-write-subjective-view-full-video video {
  max-height: 100vh;
  max-width: 100vw;
}
.ie-write-subjective-view-full-video-close {
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  position: absolute;
  top: 1.8518518519vmin;
  right: 1.8518518519vmin;
  cursor: pointer;
  z-index: 9;
}

@keyframes ie-write-subjective-view-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-write-subjective-view-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-toast-toast {
  position: fixed;
  z-index: 10000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  top: 40%;
}
.ie-toast-toast-container {
  z-index: 999;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: auto;
  max-width: 80%;
  transition: all 0.4s;
  text-overflow: ellipsis;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 2.4691358025vmin;
  padding: 1.4814814815vmin 1.975308642vmin;
  border-radius: 1.4814814815vmin;
}
.ie-toast-toast-enter {
  display: -ms-flexbox;
  display: flex;
}
.ie-toast-toast-exit {
  animation: toast-out 0.3s ease-out forwards;
}
.ie-toast-toast-enter-active {
  display: -ms-flexbox;
  display: flex;
  animation: toast-in 0.6s ease-out forwards;
}
.ie-toast-toast-enter-done {
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.ie-toast .show-content {
  opacity: 1;
}
@keyframes toast-in {
  from {
    transform: scale(0.3);
    opacity: 1;
  }
  30% {
    transform: scale(1.08);
    opacity: 1;
  }
  60% {
    transform: scale(0.99);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes toast-out {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.8);
    opacity: 0;
  }
}

.ie-write-subjective-operate-wrapper {
  display: -ms-flexbox;
  display: flex;
  z-index: 88;
}
.ie-write-subjective-operate-wrapper-tip {
  font-size: 1.8518518519vmin;
}
.ie-write-subjective-operate-icon {
  background: rgba(51, 51, 51, 0.5);
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  margin-right: 1.1111111111vmin;
  box-sizing: border-box;
  padding: 0.9259259259vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-operate-icon {
    width: 8.6419753086vmin;
    height: 8.6419753086vmin;
    padding: 1.2345679012vmin;
    margin-right: 1.7283950617vmin;
  }
}
.ie-write-subjective-operate-icon svg {
  width: 3.1481481481vmin;
  height: 3.1481481481vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-operate-icon svg {
    width: 5.5555555556vmin;
    height: 5.5555555556vmin;
  }
}

.ie-write-subjective-cover-process {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1.2962962963vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-grid-column-align: center;
      justify-items: center;
}
.ie-write-subjective-cover-process svg {
  margin: 0 auto;
}
.ie-write-subjective-cover-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  top: 0;
  border-radius: 1.2962962963vmin;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-write-subjective-cover-wrapper-img {
  background-color: #fafafa;
  cursor: pointer;
}
.ie-write-subjective-cover-wrapper-audio {
  background: rgba(0, 207, 100, 0.05);
  cursor: pointer;
  transition: all 0.2s;
}
.ie-write-subjective-cover-wrapper-audio-current {
  background-color: #58d982;
  transition: all 0.2s;
}
.ie-write-subjective-cover-wrapper-audio-current .ie-write-subjective-cover-audio span {
  color: #fff;
  transition: all 0.2s;
}
.ie-write-subjective-cover-wrapper-audio-play .ie-write-subjective-cover-audio span {
  color: #fff;
  transition: all 0.2s;
}
.ie-write-subjective-cover-wrapper-video {
  background: rgba(255, 191, 0, 0.05);
  cursor: pointer;
}
.ie-write-subjective-cover-wrapper-pdf {
  background: rgba(255, 102, 102, 0.05);
  cursor: pointer;
}
.ie-write-subjective-cover-audio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-write-subjective-cover-audio-play {
  border-radius: 50%;
}
.ie-write-subjective-cover-audio-normal {
  width: 5.5555555556vmin;
  height: 5.5555555556vmin;
}
.ie-write-subjective-cover-audio span {
  color: #00cf64;
  font-size: 1.8518518519vmin;
  margin-top: 1.2962962963vmin;
  transition: all 0.2s;
}
@media (max-height: 500px) {
  .ie-write-subjective-cover-audio span {
    font-size: 2.4691358025vmin;
    margin-top: 1.7283950617vmin;
  }
}
.ie-write-subjective-cover-pdf svg, .ie-write-subjective-cover-video svg {
  width: 6.4814814815vmin;
  height: 6.4814814815vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-cover-pdf svg, .ie-write-subjective-cover-video svg {
    width: 8.6419753086vmin;
    height: 8.6419753086vmin;
  }
}
.ie-write-subjective-cover-img {
  width: 100%;
  height: 100%;
  border-radius: 1.2962962963vmin;
  overflow: hidden;
}
.ie-write-subjective-cover-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ie-write-subjective-cover-close {
  position: absolute;
  top: -1.2962962963vmin;
  right: -1.2962962963vmin;
  width: 3.1481481481vmin;
  height: 3.1481481481vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-write-subjective-cover-close {
    width: 4.9382716049vmin;
    height: 4.9382716049vmin;
    top: -1.975308642vmin;
    right: -0.2469135802vmin;
    z-index: 9;
  }
}
.ie-write-subjective-cover-loading {
  padding: 1.3888888889vmin 0;
}
.ie-write-subjective-cover-loading-icon {
  width: 9.2592592593vmin;
  height: 9.2592592593vmin;
  animation: ie-write-subjective-cover-rotate 1.2s linear infinite;
}

@keyframes ie-write-subjective-cover-rotate {
  to {
    transform: rotate(-360deg);
  }
}

@charset "UTF-8";
.ie-write-subjective-answer-tip-unfinished {
  color: rgba(0, 0, 0, 0.4);
  font-size: 2.037037037vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-tip-unfinished {
    font-size: 2.962962963vmin;
  }
}
.ie-write-subjective-answer-wrapper {
  margin-top: 0.9259259259vmin;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-wrapper {
    margin-top: 1.2345679012vmin;
  }
}
.ie-write-subjective-answer-file {
  display: none;
}
.ie-write-subjective-answer-title-box {
  display: -ms-flexbox;
  display: flex;
}
.ie-write-subjective-answer-answer-operate {
  height: 9.2592592593vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 0.9259259259vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-answer-operate {
    height: 9.8765432099vmin;
  }
}
.ie-write-subjective-answer-answer-operate-btn {
  padding: 1.2962962963vmin;
  width: 16.6666666667vmin;
  min-width: auto;
  font-size: 2.2222222222vmin;
  height: 6.2962962963vmin;
  margin-right: 1.4814814815vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-answer-operate-btn {
    font-size: 2.962962963vmin;
    height: 7.4074074074vmin;
    padding: 1.7283950617vmin;
  }
}
.ie-write-subjective-answer-answer-operate-btn:last-child {
  margin-right: 0;
}
.ie-write-subjective-answer-title {
  margin-right: 1.8518518519vmin;
  font-size: 2.5925925926vmin;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-title {
    margin-right: 2.4691358025vmin;
    font-size: 3.2098765432vmin;
  }
}
.ie-write-subjective-answer-title span {
  z-index: 9;
  padding-left: 0.9259259259vmin;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.2s;
}
.ie-write-subjective-answer-title:before {
  z-index: -1;
  display: inline-block;
  content: "";
  background: linear-gradient(135deg, #e8e8e8 0%, #f8f8f8 100%);
  padding: 1.2962962963vmin;
  position: absolute;
  border-radius: 50%;
  transition: all 0.2s;
}
.ie-write-subjective-answer-title-active span {
  color: #333;
  transition: all 0.2s;
}
.ie-write-subjective-answer-title-active::before {
  background: linear-gradient(135deg, #ffebb1 0%, #fffcf3 100%);
  transition: all 0.2s;
}
.ie-write-subjective-answer-title-active::after {
  position: absolute;
  content: "";
  width: 4.2592592593vmin;
  height: 0.7407407407vmin;
  background: #10c3f9;
  border-radius: 0.3703703704vmin;
  bottom: -1.2962962963vmin;
  left: 50%;
  transform: translateX(-50%);
  animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ie-write-subjective-answer-title-active:last-child::after {
  animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ie-write-subjective-answer-body-box {
  margin-top: 2.037037037vmin;
  -ms-flex: 1;
      flex: 1;
  width: 100%;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}
.ie-write-subjective-answer-body-box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-write-subjective-answer-body-box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-write-subjective-answer-body-box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-write-subjective-answer-my-answer, .ie-write-subjective-answer-remark {
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}
.ie-write-subjective-answer-remark-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-remark-box {
    padding-top: 1.2345679012vmin;
  }
}
.ie-write-subjective-answer-my-answer-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 1.8518518519vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-my-answer-box {
    padding-top: 3.7037037037vmin;
  }
}
.ie-write-subjective-answer-answer-media {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-write-subjective-answer-media-box {
  width: 22%;
  padding-top: 22%;
  position: relative;
  margin-right: 1.8518518519vmin;
  margin-bottom: 1.8518518519vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-media-box {
    margin-right: 2.4691358025vmin;
    margin-bottom: 2.4691358025vmin;
  }
}
.ie-write-subjective-answer-media-box:nth-child(4n) {
  margin-right: 0;
}
.ie-write-subjective-answer-media-box-wrapper {
  border-radius: 1.1111111111vmin;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-write-subjective-answer-media-box-wrapper span {
  white-space: nowrap;
}
.ie-write-subjective-answer-media-tool {
  cursor: pointer;
}
.ie-write-subjective-answer-media-tool .ie-write-subjective-answer-media-box-wrapper {
  background-color: #fafafa;
}
.ie-write-subjective-answer-media-tool svg {
  height: 6.4814814815vmin;
  width: 6.4814814815vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-media-tool svg {
    height: 8.6419753086vmin;
    width: 8.6419753086vmin;
  }
}
.ie-write-subjective-answer-media-tool span {
  margin-top: 1.1111111111vmin;
  color: rgba(0, 0, 0, 0.26);
  font-size: 1.6666666667vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-media-tool span {
    margin-top: 1.4814814815vmin;
    font-size: 2.2222222222vmin;
  }
}
.ie-write-subjective-answer-sub-title {
  padding: 0.9259259259vmin 1.2962962963vmin;
  background: rgba(16, 195, 249, 0.1);
  border-radius: 1.8518518519vmin;
  display: inline-block;
  margin-top: 1.8518518519vmin;
  font-size: 1.8518518519vmin;
  line-height: 2.3148148148vmin;
  font-weight: 400;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-sub-title {
    padding: 0.987654321vmin 1.4814814815vmin;
    margin-top: 2.4691358025vmin;
    font-size: 2.4691358025vmin;
  }
}
.ie-write-subjective-answer-teacher-star {
  margin-top: 1.8518518519vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-write-subjective-answer-teacher-star img {
  width: 3.7037037037vmin;
  margin-right: 1.8518518519vmin;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-teacher-star {
    margin-top: 2.4691358025vmin;
    margin-bottom: 2.4691358025vmin;
  }
  .ie-write-subjective-answer-teacher-star img {
    width: 4.9382716049vmin;
  }
}
.ie-write-subjective-answer-teacher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #fafafa;
  margin: 1.8518518519vmin 0;
  padding: 1.4814814815vmin;
  box-sizing: border-box;
  border-radius: 1.2962962963vmin;
}
.ie-write-subjective-answer-teacher-avatar {
  width: 4.6296296296vmin;
  height: 4.6296296296vmin;
  border-radius: 50%;
  border-radius: 1.2962962963vmin;
}
.ie-write-subjective-answer-teacher-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-write-subjective-answer-teacher-info span {
  margin-left: 1.2962962963vmin;
  font-weight: 400;
  font-size: 2.037037037vmin;
  line-height: 3.5185185185vmin;
  color: rgba(0, 0, 0, 0.6);
}
.ie-write-subjective-answer-teacher-audio {
  margin-top: 1.8518518519vmin;
  background: #00cf64;
  width: 27.7777777778vmin;
  height: 4.6296296296vmin;
  border-radius: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  cursor: pointer;
}
.ie-write-subjective-answer-teacher-audio audio {
  display: none;
}
.ie-write-subjective-answer-teacher-audio span {
  margin-right: 1.8518518519vmin;
  font-size: 1.8518518519vmin;
  line-height: 3.5185185185vmin;
  font-weight: normal;
  color: #fff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
}
.ie-write-subjective-answer-teacher-audio-img {
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
  margin-left: 1.2962962963vmin;
}
.ie-write-subjective-answer-teacher-remark {
  margin-top: 1.8518518519vmin;
  font-size: 1.8518518519vmin;
  color: rgba(0, 0, 0, 0.6);
  line-height: 2.7777777778vmin;
  padding: 0.9259259259vmin;
  box-sizing: border-box;
}
@media (max-height: 500px) {
  .ie-write-subjective-answer-teacher-remark {
    line-height: 3.7037037037vmin;
    font-size: 2.4691358025vmin;
  }
}
.ie-write-subjective-answer-teacher-remark-audio {
  margin-top: 0.9259259259vmin;
}

@keyframes slide-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes slide-right {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-50%);
  }
}

.ie-writeSubjective-speech-container {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-writeSubjective-speech-float-box {
  position: fixed;
  bottom: 0vmin;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2001;
}
.ie-writeSubjective-speech-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  font-size: 2.962962963vmin;
  color: #fff;
  min-height: 8.3950617284vmin;
  z-index: 2001;
}
.ie-writeSubjective-speech-box span {
  margin-left: 1.7283950617vmin;
  white-space: nowrap;
}
@media (max-height: 500px) {
  .ie-writeSubjective-speech-box {
    font-size: 3.7037037037vmin;
    height: 11.3580246914vmin;
  }
}
.ie-writeSubjective-speech-icon {
  width: 6.1728395062vmin;
  height: 6.1728395062vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-writeSubjective-speech-icon {
    width: 8.6419753086vmin;
    height: 8.6419753086vmin;
    overflow: visible;
  }
}
.ie-writeSubjective-speech-operate {
  position: absolute;
  right: 1.975308642vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-writeSubjective-speech-operate-btn {
  min-width: 11.1111111111vmin;
  height: 4.9382716049vmin;
  font-size: 2.2222222222vmin;
  margin-right: 2.4691358025vmin;
  border: 0.2469135802vmin solid #fff;
  border-radius: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-writeSubjective-speech-operate-btn {
    font-size: 3.7037037037vmin;
    height: 7.4074074074vmin;
    font-size: 2.962962963vmin;
    min-width: 14.8148148148vmin;
  }
}
.ie-writeSubjective-speech-slider {
  width: 24.6913580247vmin;
  margin-left: 3.7037037037vmin;
  margin-right: 3.7037037037vmin;
  margin-top: -0.7407407407vmin;
}
.ie-writeSubjective-speech-slider-box .rc-slider-rail {
  height: 1.2345679012vmin;
  border-radius: 0.6172839506vmin;
  background: #fff;
  opacity: 0.2;
}
.ie-writeSubjective-speech-slider-box .rc-slider-track {
  background: #ffbf00;
  border-radius: 0.6172839506vmin;
  height: 1.2345679012vmin;
}
.ie-writeSubjective-speech-slider-box .rc-slider-step {
  border-radius: 0.6172839506vmin;
  height: 1.2345679012vmin;
}
.ie-writeSubjective-speech-slider-box .rc-slider-handle {
  border: none;
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  position: relative;
  margin-top: -0.8641975309vmin;
  box-shadow: 0 0 1.2345679012vmin rgba(0, 0, 0, 0.15);
}
.ie-writeSubjective-speech-slider-box .rc-slider-handle:active {
  box-shadow: none;
}
.ie-writeSubjective-speech-slider-box .rc-slider-handle::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.4814814815vmin;
  height: 1.4814814815vmin;
  background-color: #ffbf00;
  border-radius: 50%;
}
.ie-writeSubjective-speech-time {
  margin-right: 2.4691358025vmin;
  white-space: nowrap;
  color: #fff;
  font-size: 2.2222222222vmin;
  font-weight: normal;
}
@media (max-height: 500px) {
  .ie-writeSubjective-speech-time {
    font-size: 3.7037037037vmin;
  }
}
.ie-writeSubjective-speech-speechTime {
  margin: 0 2.2222222222vmin 0 2.4691358025vmin;
  white-space: nowrap;
  color: #ffbf00;
  font-size: 2.962962963vmin;
  font-weight: normal;
}
@media (max-height: 500px) {
  .ie-writeSubjective-speech-speechTime {
    font-size: 3.7037037037vmin;
  }
}
.ie-writeSubjective-speech-tip {
  margin-right: 1.2345679012vmin;
}
.ie-writeSubjective-speech-operate-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 8.3950617284vmin;
  z-index: 2001;
}
@media (max-height: 500px) {
  .ie-writeSubjective-speech-operate-box {
    height: 11.3580246914vmin;
  }
}
.ie-writeSubjective-speech-play-btn {
  padding: 0 1.2345679012vmin;
  height: 5.6790123457vmin;
  background: #ffbf00;
  box-shadow: 0px 0.2469135802vmin 0.7407407407vmin rgba(0, 0, 0, 0.1);
  border: none;
  font-size: 2.2222222222vmin;
  color: #fff;
  cursor: pointer;
}
.ie-writeSubjective-speech-play-btn svg {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
}
.ie-writeSubjective-speech-record-btn {
  padding: 0 1.2345679012vmin;
  height: 5.6790123457vmin;
  background: #00cf64;
  box-shadow: 0px 0.2469135802vmin 0.7407407407vmin rgba(0, 0, 0, 0.1);
  border: none;
  font-size: 2.2222222222vmin;
  color: #fff;
  cursor: pointer;
}
.ie-writeSubjective-speech-record-btn svg {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
}

@charset "UTF-8";
.ie-paper-map-content {
  width: 100vw;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 8;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-height: 500px) {
  .ie-paper-map-content {
    margin-top: 2.4691358025vmin;
  }
}
.ie-paper-map-back {
  position: fixed;
  margin: 2.4691358025vmin 3.7037037037vmin 0;
  z-index: 10;
}
.ie-paper-map-title-box {
  position: fixed;
  top: 3.7037037037vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-paper-map-title {
  position: relative;
  max-width: 64.8148148148vmin;
  height: 7.4074074074vmin;
  background: #71d78d;
  box-shadow: 0 0.3703703704vmin 0 #82cc96;
  border-radius: 7.4074074074vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 7.4074074074vmin;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-height: 500px) {
  .ie-paper-map-title {
    height: 9.8765432099vmin;
  }
}
.ie-paper-map-title::before, .ie-paper-map-title::after {
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  content: " ";
  background-color: #a7fbbe;
  border-radius: 50%;
  position: relative;
  padding-top: 1.4814814815vmin;
  padding-left: 1.4814814815vmin;
}
.ie-paper-map-title::before {
  margin-right: 2.4691358025vmin;
}
.ie-paper-map-title::after {
  margin-left: 2.4691358025vmin;
}
.ie-paper-map-title-line {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ie-paper-map-title-line::before, .ie-paper-map-title-line::after {
  width: 0.987654321vmin;
  height: 5.5555555556vmin;
  background-color: #82cc96;
  content: "";
  position: absolute;
  bottom: 100%;
}
.ie-paper-map-title-line::before {
  left: 7.6543209877vmin;
}
.ie-paper-map-title-line::after {
  right: 7.6543209877vmin;
}
.ie-paper-map-title span {
  font-weight: bold;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 3.2098765432vmin;
  line-height: 4.3209876543vmin;
  color: #fff;
}
@media (max-height: 500px) {
  .ie-paper-map-title span {
    font-size: 3.950617284vmin;
  }
}
.ie-paper-map-tip {
  margin-top: 14.8148148148vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #4fb66b;
  font-size: 2.4074074074vmin;
  -ms-flex-pack: center;
      justify-content: center;
  width: 80vw;
}
.ie-paper-map-tip svg {
  width: 3.7037037037vmin;
}
.ie-paper-map-tip span {
  margin-left: 0.7407407407vmin;
  font-weight: 300;
}
@media (max-height: 500px) {
  .ie-paper-map-tip {
    margin-top: 13.5802469136vmin;
    font-size: 3.7037037037vmin;
  }
  .ie-paper-map-tip svg {
    width: 4.9382716049vmin;
    margin-top: -0.2469135802vmin;
  }
}
.ie-paper-map-body {
  margin-top: 5.5555555556vmin;
  width: 80vw;
  height: 50vh;
  border-radius: 3.7037037037vmin;
  background-color: #fff;
  border: 1.1111111111vmin solid #abd6b5;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-paper-map-body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-paper-map-body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-paper-map-body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
@media (max-height: 500px) {
  .ie-paper-map-body {
    margin-top: 4.1975308642vmin;
  }
}
.ie-paper-map-body .swiper-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
}
.ie-paper-map-body-box {
  height: 100%;
  white-space: nowrap;
  padding: 0 7.4074074074vmin;
}
.ie-paper-map-body-item {
  height: 40%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 11.1111111111vmin;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24.0740740741vmin !important;
}
.ie-paper-map-body-item-icon {
  width: 16.6666666667vmin;
  position: relative;
  cursor: pointer;
}
.ie-paper-map-body-item-icon img {
  width: 16.6666666667vmin;
}
.ie-paper-map-body-item-icon > svg {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  position: absolute;
  bottom: 1.1111111111vmin;
  right: 0.7407407407vmin;
}
.ie-paper-map-body-item-title {
  display: block;
  margin-top: 1.8518518519vmin;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  font-size: 2.2222222222vmin;
  width: 14.8148148148vmin;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-height: 500px) {
  .ie-paper-map-body-item-title {
    font-size: 3.4567901235vmin;
    margin-top: 1.2345679012vmin;
  }
}
.ie-paper-map-operate {
  margin-top: 4vw;
}
@media (max-height: 500px) {
  .ie-paper-map-operate {
    margin-top: 4.9382716049vmin;
  }
}
.ie-paper-map-button {
  margin-right: 7.4074074074vmin;
  min-width: 31.4814814815vmin;
}
.ie-paper-map-button:last-child {
  margin-right: 0;
}
.ie-paper-map-next-button {
  position: absolute;
  right: 12.3456790123vmin;
  bottom: 12.3456790123vmin;
  padding: 0 1.6666666667vmin 0 0.7407407407vmin;
  height: 7.037037037vmin;
  min-width: 22.2222222222vmin;
  font-size: 2.962962963vmin;
}
@media (width: 1024px) {
  .ie-paper-map-next-button {
    bottom: 14.8148148148vmin;
    right: 6.1728395062vmin;
  }
}
@media (width: 1180px) {
  .ie-paper-map-next-button {
    bottom: 14.8148148148vmin;
    right: 6.1728395062vmin;
  }
}
@media (width: 1340px) {
  .ie-paper-map-next-button {
    bottom: 14.8148148148vmin;
    right: 6.1728395062vmin;
  }
}
@media (width: 1368px) {
  .ie-paper-map-next-button {
    bottom: 14.8148148148vmin;
    right: 6.1728395062vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-paper-map-next-button {
    bottom: 14.8148148148vmin;
    right: 6.1728395062vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-paper-map-next-button {
    bottom: 14.8148148148vmin;
    right: 6.1728395062vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-paper-map-next-button {
    bottom: 14.8148148148vmin;
    right: 6.1728395062vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-paper-map-next-button {
    bottom: 14.8148148148vmin;
    right: 6.1728395062vmin;
  }
}
.ie-paper-map-remark {
  margin-top: 4vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: #ffffff;
  border-radius: 3.7037037037vmin;
  padding: 0 1.6666666667vmin 0 0.7407407407vmin;
  height: 7.037037037vmin;
  white-space: nowrap;
  position: relative;
}
@media (max-height: 500px) {
  .ie-paper-map-remark {
    margin-top: 4.9382716049vmin;
    padding: 0 2.2222222222vmin 0 0.987654321vmin;
    height: 9.8765432099vmin;
    border-radius: 4.9382716049vmin;
  }
}
.ie-paper-map-remark img {
  width: 5.5555555556vmin;
  height: 5.5555555556vmin;
  background-color: #00cf64;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-height: 500px) {
  .ie-paper-map-remark img {
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
.ie-paper-map-remark span {
  color: #00cf64;
  font-weight: 400;
  font-size: 2.2222222222vmin;
  margin-left: 0.9259259259vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-remark span {
    font-size: 2.962962963vmin;
  }
}
.ie-paper-map-remark-finish img {
  background-color: #ffb800;
}
.ie-paper-map-remark-finish span {
  color: #ffb800;
}
.ie-paper-map-remark-finish-share {
  border-radius: 3.7037037037vmin;
  box-shadow: 0 0.1851851852vmin 0.9259259259vmin rgba(0, 0, 0, 0.15);
  background: linear-gradient(270deg, #ffa51e 0%, #ff6056 100%);
}
.ie-paper-map-remark-finish-share span {
  color: #fff;
  font-size: 2.2222222222vmin;
}
.ie-paper-map-remark-finish-share svg {
  width: 2.5925925926vmin;
  height: 2.5925925926vmin;
  margin-left: 0.3703703704vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-remark-finish-share {
    border-radius: 4.9382716049vmin;
  }
  .ie-paper-map-remark-finish-share svg {
    width: 3.4567901235vmin;
    height: 3.4567901235vmin;
    margin-left: 0.4938271605vmin;
  }
  .ie-paper-map-remark-finish-share span {
    font-size: 3.950617284vmin;
  }
}
.ie-paper-map-audio {
  position: absolute;
  background: #00cf64;
  bottom: -0.9259259259vmin;
  left: -1.2962962963vmin;
  width: 18.5185185185vmin;
  height: 5vmin;
  border-radius: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-paper-map-audio {
    width: 19.7530864198vmin;
    height: 6.1728395062vmin;
    left: -1.7283950617vmin;
    bottom: -0.7407407407vmin;
  }
}
.ie-paper-map-audio span {
  color: #fff;
  font-size: 2.037037037vmin;
  margin-left: 1.2962962963vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-audio span {
    margin-left: 0.987654321vmin;
  }
}
.ie-paper-map-audio audio {
  display: none;
}
.ie-paper-map-audio-img {
  width: 3.5185185185vmin;
  height: 3.5185185185vmin;
  margin-left: 1.1111111111vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-audio-img {
    margin-left: 0.7407407407vmin;
  }
}
.ie-paper-map-body-item-img {
  position: relative;
  margin-bottom: 2.7777777778vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-body-item-img {
    margin-bottom: 1.975308642vmin;
  }
}
.ie-paper-map-body-item-stars {
  bottom: 0;
  margin-top: 0.7407407407vmin;
}
.ie-paper-map-img-gray {
  filter: grayscale(1);
}
.ie-paper-map-star-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -3.7037037037vmin;
  padding: 0.9259259259vmin 1.8518518519vmin;
  background: #aee3b9;
  border-radius: 2.7777777778vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-height: 500px) {
  .ie-paper-map-star-box {
    border-radius: 3.7037037037vmin;
    padding: 1.2345679012vmin 2.4691358025vmin;
    top: -4.9382716049vmin;
    padding: 1.2345679012vmin 2.4691358025vmin;
  }
}
.ie-paper-map-star img {
  width: 3.3333333333vmin;
  height: 3.3333333333vmin;
  margin-right: 0.7407407407vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-star img {
    width: 4.4444444444vmin;
    height: 4.4444444444vmin;
  }
}
.ie-paper-map-star img:last-child {
  margin-right: 0;
}

.ie-paper-map-share-wrapper {
  width: 44.4444444444vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}
.ie-paper-map-share-wrapper img {
  width: 100%;
}
@media (max-height: 500px) {
  .ie-paper-map-share-wrapper {
    width: 59.2592592593vmin;
  }
}
.ie-paper-map-share-operate {
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.8518518519vmin;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ie-paper-map-share-operate-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 5.5555555556vmin;
  width: 21.2962962963vmin;
}
.ie-paper-map-share-operate-item-wechat, .ie-paper-map-share-operate-item-circle {
  background: #17cca8;
  border-radius: 1.4814814815vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-share-operate-item-wechat, .ie-paper-map-share-operate-item-circle {
    border-radius: 1.975308642vmin;
  }
}
.ie-paper-map-share-operate-item-circle {
  background: #ff9c07;
}
.ie-paper-map-share-operate-item svg {
  width: 2.7777777778vmin;
  height: 2.7777777778vmin;
}
.ie-paper-map-share-operate-item span {
  font-size: 1.8518518519vmin;
  white-space: nowrap;
  max-width: 16.6666666667vmin;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  margin-left: 0.7407407407vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-share-operate-item {
    width: 28.3950617284vmin;
    height: 7.4074074074vmin;
  }
  .ie-paper-map-share-operate-item svg {
    width: 5.1851851852vmin;
    height: 5.1851851852vmin;
  }
  .ie-paper-map-share-operate-item span {
    font-size: 3.0864197531vmin;
  }
}
@media (max-height: 500px) {
  .ie-paper-map-share-operate {
    margin-top: 2.4691358025vmin;
  }
}
.ie-paper-map-share-close {
  margin: 0 auto;
  margin-top: 2.7777777778vmin;
  width: 4.6296296296vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-share-close {
    width: 7.4074074074vmin;
    margin-top: 2.4691358025vmin;
  }
}
.ie-paper-map-share-box {
  position: relative;
}
.ie-paper-map-share-percent {
  position: absolute;
  bottom: 9.2592592593vmin;
  color: #ffb100;
  font-size: 2.7777777778vmin;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-height: 500px) {
  .ie-paper-map-share-percent {
    bottom: 13.0864197531vmin;
    left: 50%;
    transform: translateX(-50%);
    font-size: 3.7037037037vmin;
  }
}
.ie-paper-map-share-days {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  bottom: 9.2592592593vmin;
  right: 6.1111111111vmin;
  font-size: 2.7777777778vmin;
  width: 8.3333333333vmin;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-height: 500px) {
  .ie-paper-map-share-days {
    bottom: 13.0864197531vmin;
    right: 8.1481481481vmin;
    font-size: 3.7037037037vmin;
    width: 11.1111111111vmin;
  }
}
.ie-paper-map-share-days-count {
  color: #10c3f9;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
@media (max-height: 500px) {
  .ie-paper-map-share-days-count {
    font-size: 3.7037037037vmin;
  }
}
.ie-paper-map-share-days-tip {
  color: rgba(149, 113, 75, 0.8);
  font-weight: 300;
  margin-left: 0.3703703704vmin;
  font-size: 1.8518518519vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-share-days-tip {
    font-size: 2.4691358025vmin;
  }
}
.ie-paper-map-share-count {
  position: absolute;
  bottom: 9.2592592593vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 11.1111111111vmin;
  left: 4.2592592593vmin;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-height: 500px) {
  .ie-paper-map-share-count {
    bottom: 13.0864197531vmin;
    left: 7.4074074074vmin;
    width: 11.1111111111vmin;
  }
}
.ie-paper-map-share-count-finish {
  color: #00cf64;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  font-size: 2.7777777778vmin;
  margin-top: 200px;
}
@media (max-height: 500px) {
  .ie-paper-map-share-count-finish {
    font-size: 3.7037037037vmin;
  }
}
.ie-paper-map-share-count-complete {
  color: rgba(149, 113, 75, 0.8);
  font-weight: 300;
  margin-left: 0.3703703704vmin;
  font-size: 1.8518518519vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-share-count-complete {
    font-size: 2.4691358025vmin;
  }
}
.ie-paper-map-share-poster {
  position: fixed;
  top: 0;
  z-index: -1;
  width: 400px;
}
.ie-paper-map-share-poster img {
  width: 400px;
}
.ie-paper-map-share-poster-title {
  position: absolute;
  top: 210px;
  left: 50%;
  transform: translateX(-50%);
  color: #95714b;
  font-size: 16px;
  font-weight: 600;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ie-paper-map-share-poster-count {
  position: absolute;
  bottom: 202px;
  left: 70px;
  text-align: center;
  width: 50px;
  color: #57d080;
  font-size: 22px;
  font-weight: 600;
}
.ie-paper-map-share-poster-percent {
  position: absolute;
  bottom: 202px;
  left: 50%;
  width: 50px;
  transform: translateX(-50%);
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #f4b831;
}
.ie-paper-map-share-poster-days {
  position: absolute;
  bottom: 204px;
  width: 80px;
  right: 56px;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  color: #f4b831;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
}
.ie-paper-map-share-poster-days-count {
  color: #65c9ed;
}
.ie-paper-map-share-poster-days-tip {
  font-weight: 300;
  font-size: 14px;
  color: #95714b;
}
.ie-paper-map-share-poster-name {
  position: absolute;
  bottom: 114px;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #95714b;
  margin-left: 100px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ie-paper-map-share-poster-qr {
  position: absolute;
  width: 70px;
  height: 70px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  bottom: 74px;
  right: 54px;
  background-color: #fff;
}
.ie-paper-map-share-wrapper-en .ie-paper-map-share-count {
  bottom: 11.4814814815vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-share-wrapper-en .ie-paper-map-share-count {
    bottom: 15.8024691358vmin;
  }
}
.ie-paper-map-share-wrapper-en .ie-paper-map-share-percent {
  bottom: 11.4814814815vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-share-wrapper-en .ie-paper-map-share-percent {
    bottom: 15.8024691358vmin;
  }
}
.ie-paper-map-share-wrapper-en .ie-paper-map-share-days {
  bottom: 11.4814814815vmin;
}
@media (max-height: 500px) {
  .ie-paper-map-share-wrapper-en .ie-paper-map-share-days {
    bottom: 15.8024691358vmin;
  }
}
.ie-paper-map-share-poster-en .ie-paper-map-share-poster-count {
  bottom: 206px;
  left: 68px;
}
.ie-paper-map-share-poster-en .ie-paper-map-share-poster-percent {
  bottom: 206px;
}
.ie-paper-map-share-poster-en .ie-paper-map-share-poster-days-count {
  bottom: 206px;
}
.ie-paper-map-share-poster-en .ie-paper-map-share-poster-qr {
  bottom: 64px;
}

.ie-keynote-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 2.2222222222vmin;
}
@media (max-height: 500px) {
  .ie-keynote-wrapper {
    padding: 3.4567901235vmin;
  }
}
.ie-keynote-title-box {
  position: fixed;
  top: 3.7037037037vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-keynote-title {
  position: relative;
  max-width: 64.8148148148vmin;
  height: 7.4074074074vmin;
  background: #36b5e5;
  box-shadow: 0 0.3703703704vmin 0 #2ea2ce;
  border-radius: 7.4074074074vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 7.4074074074vmin;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-keynote-title::before, .ie-keynote-title::after {
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  content: " ";
  background-color: #b9ecff;
  border-radius: 50%;
  position: relative;
  padding-top: 1.4814814815vmin;
  padding-left: 1.4814814815vmin;
}
.ie-keynote-title::before {
  margin-right: 2.4691358025vmin;
}
.ie-keynote-title::after {
  margin-left: 2.4691358025vmin;
}
.ie-keynote-title-line {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ie-keynote-title-line::before, .ie-keynote-title-line::after {
  width: 0.987654321vmin;
  height: 5.5555555556vmin;
  background-color: #35b2e1;
  content: "";
  position: absolute;
  bottom: 100%;
}
.ie-keynote-title-line::before {
  left: 7.6543209877vmin;
}
.ie-keynote-title-line::after {
  right: 7.6543209877vmin;
}
.ie-keynote-title span {
  font-weight: bold;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 3.2098765432vmin;
  line-height: 4.3209876543vmin;
  color: #fff;
}
@media (max-height: 500px) {
  .ie-keynote-title span {
    font-size: 3.950617284vmin;
  }
}
.ie-keynote-content {
  width: 74%;
}
.ie-keynote-file-operate {
  position: absolute;
  width: 200px;
  top: 1.8518518519vmin;
  left: 1.8518518519vmin;
}
@media (max-height: 500px) {
  .ie-keynote-file-operate {
    top: 2.4691358025vmin;
    left: 2.4691358025vmin;
  }
}

.ie-write-char-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-write-char-wrapper-content {
  margin-top: 2.4691358025vmin;
  overflow: hidden;
  border-radius: 2.4691358025vmin;
  position: relative;
}
.ie-write-char-wrapper-content-disable {
  z-index: -1;
}
.ie-write-char-wrapper-content img {
  width: 100%;
  height: 100%;
}
.ie-write-char-wrapper-hanzi {
  background-image: url("https://cdnwukong.com/images/exercise/write-hanzi-bg-v3.svg") !important;
  background-color: transparent !important;
}

.ie-sequence-box {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.ie-sequence-box-top {
  width: 90%;
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
}
.ie-sequence-box-top-wrapper {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  left: 50%;
  width: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ie-sequence-slot-item {
  position: relative;
  height: 8.2716049383vmin;
  margin-right: 2.4691358025vmin;
  background: #f6e4af;
  border-radius: 1.975308642vmin;
  font-size: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 1.6049382716vmin;
  margin-bottom: 1.6049382716vmin;
  color: #f6e4af;
  box-sizing: border-box;
  box-shadow: 0px 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
}
.ie-sequence-slot-item-wrong {
  background: #d65555;
}
.ie-sequence-slot-item-success {
  background: #00ac53;
}
.ie-sequence-slot-item-animation {
  animation: ie-rotate-shake 0.15s 2;
}
.ie-sequence-slot-item-dis {
  box-shadow: none;
}
.ie-sequence-place-item {
  height: 7.4074074074vmin;
  width: 100%;
  box-sizing: border-box;
  border-radius: 1.975308642vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-sequence-place-item-dis {
  color: #f6e4af;
}
.ie-sequence-wrong-box {
  margin-top: 1.2345679012vmin;
}
.ie-sequence-wrong-box-title {
  color: #333333;
  font-weight: 400;
  font-size: 2.4691358025vmin;
  margin-bottom: 1.2345679012vmin;
}
@media (max-height: 500px) {
  .ie-sequence-wrong-box-title {
    font-size: 3.950617284vmin;
  }
}
.ie-sequence-wrong-box-wrapper {
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  font-size: 2.2222222222vmin;
  margin-top: 0.987654321vmin;
}
@media (max-height: 500px) {
  .ie-sequence-wrong-box-wrapper {
    font-size: 3.4567901235vmin;
  }
}
.ie-sequence-option-item {
  box-shadow: inset 0px -0.2469135802vmin 0.7407407407vmin rgba(0, 0, 0, 0.08);
  height: 8.2716049383vmin;
  width: 100%;
  box-sizing: border-box;
  border-radius: 1.975308642vmin;
  background: #fffbf2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(0, 0, 0, 0.7);
  padding: 0vmin 2.2222222222vmin;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 3.7037037037vmin;
}
.ie-sequence-option-item-wrong {
  background: #ff6666;
  color: #fff;
}
.ie-sequence-option-item-success {
  background: #00cf64;
  color: #fff;
  box-shadow: inset 0px -0.2469135802vmin 0.7407407407vmin rgba(0, 0, 0, 0.08);
}
.ie-sequence-option-item-dis {
  opacity: 0;
  transition: all 0.2s;
  box-shadow: inset 0px -0.2469135802vmin 0.7407407407vmin rgba(0, 0, 0, 0.08);
}
.ie-sequence-box-bottom {
  position: relative;
  box-sizing: border-box;
  -ms-flex: 1;
      flex: 1;
  width: 90%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-sequence-box-bottom-wrapper {
  position: relative;
  width: 100%;
}
.ie-sequence-bottom-line {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #eac26a;
}
.ie-sequence-select-option {
  width: auto;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ie-sequence-spring-option {
  display: inline-block;
}
.ie-sequence-option-animation {
  position: fixed;
  z-index: 99;
  width: 14.8148148148vmin;
  cursor: pointer;
}

.ie-completion-box {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.ie-completion-box-top {
  width: 90%;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
}
.ie-completion-box-top-wrapper {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  left: 50%;
  width: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ie-completion-box-bottom {
  position: relative;
  box-sizing: border-box;
  -ms-flex: 1;
      flex: 1;
  width: 90%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-completion-box-bottom-wrapper {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  font-size: 3.7037037037vmin;
  vertical-align: baseline;
  color: rgba(0, 0, 0, 0.7);
}
.ie-completion-box-bottom-wrapper span {
  display: block;
  margin-right: 2.2222222222vmin;
}
.ie-completion-slot-item {
  position: relative;
  height: 8.2716049383vmin;
  margin-right: 2.4691358025vmin;
  background: #f6e4af;
  border-radius: 1.975308642vmin;
  font-size: 3.7037037037vmin;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 1.6049382716vmin;
  margin-bottom: 1.6049382716vmin;
  color: #f6e4af;
  box-sizing: border-box;
  box-shadow: 0px 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
  width: 22.4691358025vmin;
}
.ie-completion-slot-item-wrong {
  background: #d65555;
}
.ie-completion-slot-item-success {
  background: #00ac53;
}
.ie-completion-slot-item-animation {
  animation: ie-rotate-shake 0.15s 2;
}
.ie-completion-slot-item-left {
  margin-left: 2.4691358025vmin;
}
.ie-completion-slot-item-left:first-child {
  margin-left: 0;
}
.ie-completion-slot-item-dis {
  box-shadow: none;
  z-index: -1;
}
.ie-completion-wrong-box {
  margin-top: 1.2345679012vmin;
}
.ie-completion-wrong-box-title {
  color: #333333;
  font-weight: 400;
  font-size: 2.4691358025vmin;
  margin-bottom: 1.2345679012vmin;
}
@media (max-height: 500px) {
  .ie-completion-wrong-box-title {
    font-size: 3.950617284vmin;
  }
}
.ie-completion-wrong-box-wrapper {
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  font-size: 2.2222222222vmin;
  margin-top: 0.987654321vmin;
}
@media (max-height: 500px) {
  .ie-completion-wrong-box-wrapper {
    font-size: 3.4567901235vmin;
  }
}
.ie-completion-option-item {
  box-shadow: inset 0px -0.2469135802vmin 0.7407407407vmin rgba(0, 0, 0, 0.08);
  height: 8.2716049383vmin;
  width: 22.4691358025vmin;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  border-radius: 1.975308642vmin;
  background: #fffbf2;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(0, 0, 0, 0.7);
  padding: 0vmin 2.2222222222vmin;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 3.7037037037vmin;
  white-space: nowrap;
  overflow: hidden;
  z-index: 88;
  transition: all 0.3s;
}
.ie-completion-option-item-wrong {
  background: #ff6666;
  color: #fff;
}
.ie-completion-option-item-success {
  background: #00cf64;
  color: #fff;
  box-shadow: inset 0px -0.2469135802vmin 0.7407407407vmin rgba(0, 0, 0, 0.08);
}
.ie-completion-option-item-dis {
  opacity: 0;
  z-index: -1;
  transition: all 0.2s;
  box-shadow: none;
}
.ie-completion-option-animation {
  position: fixed;
  z-index: 99;
  width: 14.8148148148vmin;
  cursor: pointer;
}

@charset "UTF-8";
.ie-choice-wrapper {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  left: 0;
  right: 0;
}
.ie-choice-wrapper-h {
  -ms-flex-align: start;
      align-items: flex-start;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  margin-right: 0.4938271605vmin;
}
.ie-choice-wrapper-h::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-choice-wrapper-h::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-choice-wrapper-h::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-choice-text-wrapper {
  height: 100%;
  width: 80%;
  padding: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  box-sizing: border-box;
}
@media (max-height: 500px) {
  .ie-choice-text-wrapper {
    padding: 1.8518518519vmin;
  }
}
@media (width: 1024px) {
  .ie-choice-text-wrapper {
    padding: 1.8518518519vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-text-wrapper {
    padding: 1.8518518519vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-text-wrapper {
    padding: 1.8518518519vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-text-wrapper {
    padding: 1.8518518519vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-text-wrapper {
    padding: 1.8518518519vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-text-wrapper {
    padding: 1.8518518519vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-text-wrapper {
    padding: 1.8518518519vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-text-wrapper {
    padding: 1.8518518519vmin;
  }
}
.ie-choice-text-wrapper-h {
  height: auto;
}
.ie-choice-text-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0;
  width: 100%;
}
.ie-choice-text-box:last-child .ie-choice-option {
  margin-bottom: 0;
}
.ie-choice-text-box:last-child .ie-choice-text-box-audio {
  margin-top: 0;
}
.ie-choice-text-box-audio {
  margin-left: 2.4691358025vmin;
  cursor: pointer;
  padding: 1.4814814815vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-height: 768px) {
  .ie-choice-text-box-audio {
    margin-right: -2.4691358025vmin;
  }
}
@media (width: 1024px) {
  .ie-choice-text-box-audio {
    margin-right: -3.7037037037vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-text-box-audio {
    margin-right: -3.7037037037vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-text-box-audio {
    margin-right: -3.7037037037vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-text-box-audio {
    margin-right: -3.7037037037vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-text-box-audio {
    margin-right: -3.7037037037vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-text-box-audio {
    margin-right: -3.7037037037vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-text-box-audio {
    margin-right: -3.7037037037vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-text-box-audio {
    margin-right: -3.7037037037vmin;
  }
}
.ie-choice-text-box-audio-box {
  margin-top: 0;
  margin-right: -7.4074074074vmin;
}
@media (width: 1024px) {
  .ie-choice-text-box-audio-box {
    margin-right: -5.9259259259vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-text-box-audio-box {
    margin-right: -5.9259259259vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-text-box-audio-box {
    margin-right: -5.9259259259vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-text-box-audio-box {
    margin-right: -5.9259259259vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-text-box-audio-box {
    margin-right: -5.9259259259vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-text-box-audio-box {
    margin-right: -5.9259259259vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-text-box-audio-box {
    margin-right: -5.9259259259vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-text-box-audio-box {
    margin-right: -5.9259259259vmin;
  }
}
@media (max-height: 768px) {
  .ie-choice-text-box-audio-box {
    margin-right: -9.8765432099vmin;
  }
}
.ie-choice-text-box-audio-active {
  background: rgba(16, 195, 249, 0.1);
  box-sizing: border-box;
  border-radius: 50%;
}
.ie-choice-audio-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  padding: 3.7037037037vmin;
}
@media (max-height: 500px) {
  .ie-choice-audio-wrapper {
    padding: 1.8518518519vmin;
  }
}
@media (max-height: 768px) {
  .ie-choice-audio-wrapper {
    padding: 2.4691358025vmin;
  }
}
.ie-choice-option {
  height: 14.3209876543vmin;
  width: 100%;
  margin: 0 auto;
  background: #fffbf2;
  box-shadow: inset 0px -0.4938271605vmin 1.975308642vmin rgba(0, 0, 0, 0.08);
  border-radius: 1.975308642vmin;
  position: relative;
  text-align: center;
  cursor: pointer;
  padding: 0 1.7283950617vmin;
  box-sizing: border-box;
  transition: all 0.3s;
}
.ie-choice-option > p {
  width: auto;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: left;
  height: 14.3209876543vmin;
  overflow: hidden;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(0, 0, 0, 0.7);
  font-size: 3.7037037037vmin;
  font-weight: 300;
  transition: all 0.3s;
  word-break: break-all;
}
.ie-choice-option > p > span {
  margin-right: 1.2345679012vmin;
  text-indent: 1.2345679012vmin;
}
.ie-choice-option::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 15.0617283951vmin;
  background: #edd89d;
  border-radius: 1.975308642vmin;
  content: "";
  z-index: -1;
  box-shadow: 0px 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
}
.ie-choice-option:last-child {
  margin-bottom: 0;
}
.ie-choice-option-select {
  background: #10c3f9;
  transition: all 0.3s;
}
.ie-choice-option-select > p {
  color: #ffffff;
  transition: all 0.3s;
}
.ie-choice-option-select::before {
  background-color: #00a9dd;
}
.ie-choice-option-success {
  background-color: #00cf64;
}
.ie-choice-option-success::before {
  background-color: #00ac53;
}
.ie-choice-option-warning {
  background-color: #ff6666;
}
.ie-choice-option-warning::before {
  background-color: #d65555;
}
.ie-choice-option-shake {
  animation: ie-rotate-shake 0.15s 2;
  background-color: #ff6666;
}
.ie-choice-option-shake::before {
  background-color: transparent;
}
.ie-choice-text-option {
  margin-bottom: 0;
}
.ie-choice-text-normal p {
  font-size: 3.7037037037vmin;
}
.ie-choice-text-large p {
  font-size: 6.1728395062vmin;
  line-height: 150%;
}
@media (width: 1024px) {
  .ie-choice-text-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-text-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-text-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-text-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-text-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-text-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-text-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-text-large p {
    font-size: 4.9382716049vmin;
  }
}
.ie-choice-text-medium p {
  font-size: 4.9382716049vmin;
  line-height: 150%;
}
@media (width: 1024px) {
  .ie-choice-text-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-text-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-text-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-text-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-text-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-text-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-text-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-text-medium p {
    font-size: 3.7037037037vmin;
  }
}
.ie-choice-text-small p {
  font-size: 3.7037037037vmin;
  line-height: 150%;
}
@media (width: 1024px) {
  .ie-choice-text-small p {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-text-small p {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-text-small p {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-text-small p {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-text-small p {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-text-small p {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-text-small p {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-text-small p {
    font-size: 2.7160493827vmin;
  }
}
.ie-choice-text-mini p {
  font-size: 2.4691358025vmin;
  line-height: 150%;
}
@media (width: 1024px) {
  .ie-choice-text-mini p {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-text-mini p {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-text-mini p {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-text-mini p {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-text-mini p {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-text-mini p {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-text-mini p {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-text-mini p {
    font-size: 2.4691358025vmin;
  }
}
.ie-choice-pinyin-normal p {
  font-size: 3.7037037037vmin;
}
.ie-choice-pinyin-large p {
  font-size: 6.1728395062vmin;
  line-height: 150%;
}
@media (width: 1024px) {
  .ie-choice-pinyin-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-pinyin-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-pinyin-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-pinyin-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-pinyin-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-pinyin-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-pinyin-large p {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-pinyin-large p {
    font-size: 4.9382716049vmin;
  }
}
.ie-choice-pinyin-medium p {
  font-size: 4.9382716049vmin;
  line-height: 150%;
}
@media (width: 1024px) {
  .ie-choice-pinyin-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-pinyin-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-pinyin-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-pinyin-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-pinyin-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-pinyin-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-pinyin-medium p {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-pinyin-medium p {
    font-size: 3.7037037037vmin;
  }
}
.ie-choice-pinyin-small p {
  font-size: 3.7037037037vmin;
  line-height: 150%;
}
@media (width: 1024px) {
  .ie-choice-pinyin-small p {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-pinyin-small p {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-pinyin-small p {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-pinyin-small p {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-pinyin-small p {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-pinyin-small p {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-pinyin-small p {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-pinyin-small p {
    font-size: 2.962962963vmin;
  }
}
.ie-choice-audio-option {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-choice-option-svg {
  width: 6.1728395062vmin;
  height: 6.1728395062vmin;
  cursor: pointer;
}
.ie-choice-option-svg-active .ie-choice-audio-icon-p1 {
  animation: ie-choice-p1 1s infinite linear;
}
.ie-choice-option-svg-active .ie-choice-audio-icon-p2 {
  animation: ie-choice-p2 1s infinite linear;
}
.ie-choice-option-animation {
  width: 6.1728395062vmin;
  height: 6.1728395062vmin;
}
.ie-choice-img-wrapper {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 72.3456790123vmin;
  height: 72.3456790123vmin;
  box-sizing: border-box;
  padding: 0;
}
@media (max-height: 500px) {
  .ie-choice-img-wrapper {
    width: 69.8765432099vmin;
    height: 69.8765432099vmin;
  }
}
@media (width: 1024px) {
  .ie-choice-img-wrapper {
    width: 57.5308641975vmin;
    height: 57.5308641975vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-img-wrapper {
    width: 57.5308641975vmin;
    height: 57.5308641975vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-img-wrapper {
    width: 57.5308641975vmin;
    height: 57.5308641975vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-img-wrapper {
    width: 57.5308641975vmin;
    height: 57.5308641975vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-img-wrapper {
    width: 57.5308641975vmin;
    height: 57.5308641975vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-img-wrapper {
    width: 57.5308641975vmin;
    height: 57.5308641975vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-img-wrapper {
    width: 57.5308641975vmin;
    height: 57.5308641975vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-img-wrapper {
    width: 57.5308641975vmin;
    height: 57.5308641975vmin;
  }
}
.ie-choice-img-option {
  height: 32.0987654321vmin;
  display: inline-block;
  width: 32.0987654321vmin;
  background: #fffbf2;
  border-radius: 1.975308642vmin;
  box-shadow: inset 0px -0.4938271605vmin 1.975308642vmin rgba(0, 0, 0, 0.08);
  padding: 2.2222222222vmin;
  box-sizing: border-box;
  margin-bottom: 0;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ie-choice-img-option::before {
  height: 33.0864197531vmin;
}
@media (max-height: 500px) {
  .ie-choice-img-option {
    width: 30.8641975309vmin;
    height: 30.8641975309vmin;
  }
}
@media (width: 1024px) {
  .ie-choice-img-option {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
  .ie-choice-img-option::before {
    height: 25.6790123457vmin;
  }
}
@media (width: 1180px) {
  .ie-choice-img-option {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
  .ie-choice-img-option::before {
    height: 25.6790123457vmin;
  }
}
@media (width: 1340px) {
  .ie-choice-img-option {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
  .ie-choice-img-option::before {
    height: 25.6790123457vmin;
  }
}
@media (width: 1368px) {
  .ie-choice-img-option {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
  .ie-choice-img-option::before {
    height: 25.6790123457vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-choice-img-option {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
  .ie-choice-img-option::before {
    height: 25.6790123457vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-choice-img-option {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
  .ie-choice-img-option::before {
    height: 25.6790123457vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-choice-img-option {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
  .ie-choice-img-option::before {
    height: 25.6790123457vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-choice-img-option {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
  .ie-choice-img-option::before {
    height: 25.6790123457vmin;
  }
}
.ie-choice-img-option img {
  width: 100%;
  height: 100%;
  border-radius: 1.4814814815vmin;
}
.ie-choice-img-option-3 {
  background-color: transparent;
  box-shadow: none;
  cursor: default;
}
.ie-choice-img-option-3::before {
  background-color: transparent;
  box-shadow: none;
}
.ie-choice-img-option-select {
  background: #10c3f9;
}
.ie-choice-img-option-select::before {
  background-color: #00a9dd;
}
.ie-choice-img-option-success {
  background-color: #00cf64;
}
.ie-choice-img-option-success::before {
  background-color: #00ac53;
}
.ie-choice-img-option-warning {
  background-color: #ff6666;
}
.ie-choice-img-option-warning::before {
  background-color: #d65555;
}
.ie-choice-text-wrapper-h .ie-choice-img-option {
  margin-bottom: 4.9382716049vmin;
}
.ie-choice- .ie-choice-img-option-box {
  display: -ms-flexbox;
  display: flex;
}
.ie-choice-img-option-shake {
  animation: ie-rotate-shake 0.15s 2;
  background-color: #ff6666;
}
.ie-choice-img-option-shake::before {
  background-color: transparent;
}
.ie-choice-wrong-box {
  margin-top: 1.2345679012vmin;
}
.ie-choice-wrong-box-title {
  color: #333333;
  font-weight: 400;
  font-size: 2.4691358025vmin;
  margin-bottom: 1.2345679012vmin;
}
@media (max-height: 500px) {
  .ie-choice-wrong-box-title {
    font-size: 3.950617284vmin;
  }
}
.ie-choice-wrong-box-wrapper {
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  font-size: 2.2222222222vmin;
  margin-top: 0.7407407407vmin;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-height: 500px) {
  .ie-choice-wrong-box-wrapper {
    font-size: 3.4567901235vmin;
  }
}
.ie-choice-wrong-box-wrapper img {
  height: 16.7901234568vmin;
  display: inline-block;
  width: 16.7901234568vmin;
  border-radius: 1.975308642vmin;
  margin-top: 0.4938271605vmin;
}
.ie-choice-wrong-box-svg {
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  cursor: pointer;
  background-color: rgba(16, 195, 249, 0.1);
  border-radius: 50%;
  padding: 0.7407407407vmin;
  margin-left: 1.2345679012vmin;
}
.ie-choice-wrong-box-svg-active .ie-choice-audio-icon-p1 {
  animation: ie-choice-p1 1s infinite linear;
}
.ie-choice-wrong-box-svg-active .ie-choice-audio-icon-p2 {
  animation: ie-choice-p2 1s infinite linear;
}

@keyframes ie-choice-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-choice-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-ligature-box {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 3.7037037037vmin 0;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -khtml-user-select: none;
}
.ie-ligature-box .ie-ligature-box-top,
.ie-ligature-box .ie-ligature-box-bottom {
  width: 100%;
}
.ie-ligature-box .ie-ligature-box-top-wrapper,
.ie-ligature-box .ie-ligature-box-bottom-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ie-ligature-box-vertical {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-ligature-box-vertical .ie-ligature-box-top,
.ie-ligature-box-vertical .ie-ligature-box-bottom {
  height: 100%;
}
.ie-ligature-box-vertical .ie-ligature-box-top-wrapper,
.ie-ligature-box-vertical .ie-ligature-box-bottom-wrapper {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ligature-box-vertical .ie-ligature-box-top-wrapper-box,
.ie-ligature-box-vertical .ie-ligature-box-bottom-wrapper-box {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.ie-ligature-svg-box {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-ligature-svg-box svg {
  width: 100%;
  height: 100%;
}
.ie-ligature-svg-box line {
  opacity: 0;
  animation: ie-ligature-fade-in 0.1s 0.1s forwards;
}

@keyframes ie-ligature-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ie-ligature-text-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-touch-callout: none;
}
.ie-ligature-text-wrapper-text {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.ie-ligature-text-wrapper-bottom, .ie-ligature-text-wrapper-top {
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-ligature-text-text-box {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  width: 25.3086419753vmin;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
  border-radius: 1.975308642vmin 1.975308642vmin 6.1728395062vmin;
  background: #edd89d;
}
.ie-ligature-text-text-box .ie-ligature-text-text-box-wrapper {
  background: #fffbf2;
  box-shadow: inset 0 -0.4938271605vmin 1.975308642vmin rgba(0, 0, 0, 0.08);
  border-radius: 1.975308642vmin 1.975308642vmin 6.1728395062vmin;
  margin-top: -0.987654321vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
}
.ie-ligature-text-text-box .ie-ligature-text-text-box-wrapper svg {
  position: absolute;
  width: 7.9012345679vmin;
  height: 7.9012345679vmin;
  bottom: 0;
  right: 0;
  border-radius: 0vmin 0vmin 4.6913580247vmin;
}
.ie-ligature-text-text-box .ie-ligature-text-circle {
  position: absolute;
  width: 3.4567901235vmin;
  height: 3.4567901235vmin;
  background: #fffbf2;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ligature-text-text-box .ie-ligature-text-circle .ie-ligature-text-point {
  width: 1.7283950617vmin;
  height: 1.7283950617vmin;
  background: #edd89d;
  border-radius: 50%;
}
.ie-ligature-text-text-box-bottom {
  margin-top: 1.2345679012vmin;
}
.ie-ligature-text-text-box-bottom .ie-ligature-text-circle {
  bottom: -1.8518518519vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-ligature-text-text-box-top {
  margin-bottom: 1.2345679012vmin;
}
.ie-ligature-text-text-box-top .ie-ligature-text-circle {
  top: -1.8518518519vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-ligature-text-text-box-left {
  margin-right: 1.2345679012vmin;
}
.ie-ligature-text-text-box-left .ie-ligature-text-circle {
  left: -1.8518518519vmin;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-text-text-box-right {
  margin-left: 1.2345679012vmin;
}
.ie-ligature-text-text-box-right .ie-ligature-text-circle {
  right: -1.8518518519vmin;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-text-text-box-1 {
  height: 25.3086419753vmin;
}
@media (width: 1024px) {
  .ie-ligature-text-text-box-1 {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-text-text-box-1 {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-text-text-box-1 {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-text-text-box-1 {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-text-text-box-1 {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-text-text-box-1 {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-text-text-box-1 {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-text-text-box-1 {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
.ie-ligature-text-text-box-1 .ie-ligature-text-text-box-wrapper {
  height: 25.3086419753vmin;
  width: 25.3086419753vmin;
  color: rgba(0, 0, 0, 0.7);
  font-size: 8.6419753086vmin;
}
@media (width: 1024px) {
  .ie-ligature-text-text-box-1 .ie-ligature-text-text-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-text-text-box-1 .ie-ligature-text-text-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-text-text-box-1 .ie-ligature-text-text-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-text-text-box-1 .ie-ligature-text-text-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-text-text-box-1 .ie-ligature-text-text-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-text-text-box-1 .ie-ligature-text-text-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-text-text-box-1 .ie-ligature-text-text-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-text-text-box-1 .ie-ligature-text-text-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
    font-size: 7.4074074074vmin;
  }
}
.ie-ligature-text-text-box-2 {
  height: 17.037037037vmin;
}
@media (width: 1024px) {
  .ie-ligature-text-text-box-2 {
    height: 13.3333333333vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-text-text-box-2 {
    height: 13.3333333333vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-text-text-box-2 {
    height: 13.3333333333vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-text-text-box-2 {
    height: 13.3333333333vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-text-text-box-2 {
    height: 13.3333333333vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-text-text-box-2 {
    height: 13.3333333333vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-text-text-box-2 {
    height: 13.3333333333vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-text-text-box-2 {
    height: 13.3333333333vmin;
    width: 19.7530864198vmin;
  }
}
.ie-ligature-text-text-box-2 .ie-ligature-text-text-box-wrapper {
  width: 100%;
  height: 17.037037037vmin;
  color: rgba(0, 0, 0, 0.7);
  font-size: 6.4197530864vmin;
}
@media (width: 1024px) {
  .ie-ligature-text-text-box-2 .ie-ligature-text-text-box-wrapper {
    height: 13.3333333333vmin;
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-text-text-box-2 .ie-ligature-text-text-box-wrapper {
    height: 13.3333333333vmin;
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-text-text-box-2 .ie-ligature-text-text-box-wrapper {
    height: 13.3333333333vmin;
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-text-text-box-2 .ie-ligature-text-text-box-wrapper {
    height: 13.3333333333vmin;
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-text-text-box-2 .ie-ligature-text-text-box-wrapper {
    height: 13.3333333333vmin;
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-text-text-box-2 .ie-ligature-text-text-box-wrapper {
    height: 13.3333333333vmin;
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-text-text-box-2 .ie-ligature-text-text-box-wrapper {
    height: 13.3333333333vmin;
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-text-text-box-2 .ie-ligature-text-text-box-wrapper {
    height: 13.3333333333vmin;
    font-size: 4.9382716049vmin;
  }
}
.ie-ligature-text-text-box-3, .ie-ligature-text-text-box-4 {
  height: 14.3209876543vmin;
  width: auto;
}
@media (width: 1024px) {
  .ie-ligature-text-text-box-3, .ie-ligature-text-text-box-4 {
    height: 11.8518518519vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-text-text-box-3, .ie-ligature-text-text-box-4 {
    height: 11.8518518519vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-text-text-box-3, .ie-ligature-text-text-box-4 {
    height: 11.8518518519vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-text-text-box-3, .ie-ligature-text-text-box-4 {
    height: 11.8518518519vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-text-text-box-3, .ie-ligature-text-text-box-4 {
    height: 11.8518518519vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-text-text-box-3, .ie-ligature-text-text-box-4 {
    height: 11.8518518519vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-text-text-box-3, .ie-ligature-text-text-box-4 {
    height: 11.8518518519vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-text-text-box-3, .ie-ligature-text-text-box-4 {
    height: 11.8518518519vmin;
  }
}
.ie-ligature-text-text-box-3 .ie-ligature-text-text-box-wrapper, .ie-ligature-text-text-box-4 .ie-ligature-text-text-box-wrapper {
  padding: 0 3.950617284vmin;
  height: 14.3209876543vmin;
  width: auto;
  color: rgba(0, 0, 0, 0.7);
  font-size: 4.9382716049vmin;
}
@media (width: 1024px) {
  .ie-ligature-text-text-box-3 .ie-ligature-text-text-box-wrapper, .ie-ligature-text-text-box-4 .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 3.4567901235vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-text-text-box-3 .ie-ligature-text-text-box-wrapper, .ie-ligature-text-text-box-4 .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 3.4567901235vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-text-text-box-3 .ie-ligature-text-text-box-wrapper, .ie-ligature-text-text-box-4 .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 3.4567901235vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-text-text-box-3 .ie-ligature-text-text-box-wrapper, .ie-ligature-text-text-box-4 .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 3.4567901235vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-text-text-box-3 .ie-ligature-text-text-box-wrapper, .ie-ligature-text-text-box-4 .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 3.4567901235vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-text-text-box-3 .ie-ligature-text-text-box-wrapper, .ie-ligature-text-text-box-4 .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 3.4567901235vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-text-text-box-3 .ie-ligature-text-text-box-wrapper, .ie-ligature-text-text-box-4 .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 3.4567901235vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-text-text-box-3 .ie-ligature-text-text-box-wrapper, .ie-ligature-text-text-box-4 .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 3.4567901235vmin;
  }
}
.ie-ligature-text-text-box-more {
  height: 14.3209876543vmin;
  margin-left: 7.4074074074vmin;
  width: auto;
  min-width: 37.037037037vmin;
}
@media (width: 1024px) {
  .ie-ligature-text-text-box-more {
    height: 11.8518518519vmin;
    min-width: 0;
    margin-left: 0vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-text-text-box-more {
    height: 11.8518518519vmin;
    min-width: 0;
    margin-left: 0vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-text-text-box-more {
    height: 11.8518518519vmin;
    min-width: 0;
    margin-left: 0vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-text-text-box-more {
    height: 11.8518518519vmin;
    min-width: 0;
    margin-left: 0vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-text-text-box-more {
    height: 11.8518518519vmin;
    min-width: 0;
    margin-left: 0vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-text-text-box-more {
    height: 11.8518518519vmin;
    min-width: 0;
    margin-left: 0vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-text-text-box-more {
    height: 11.8518518519vmin;
    min-width: 0;
    margin-left: 0vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-text-text-box-more {
    height: 11.8518518519vmin;
    min-width: 0;
    margin-left: 0vmin;
  }
}
.ie-ligature-text-text-box-more .ie-ligature-text-text-box-wrapper {
  padding: 0 3.950617284vmin;
  height: 14.3209876543vmin;
  width: auto;
  color: rgba(0, 0, 0, 0.7);
  font-size: 3.7037037037vmin;
  min-width: 37.037037037vmin;
}
@media (width: 1024px) {
  .ie-ligature-text-text-box-more .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-text-text-box-more .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-text-text-box-more .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-text-text-box-more .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-text-text-box-more .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-text-text-box-more .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-text-text-box-more .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-text-text-box-more .ie-ligature-text-text-box-wrapper {
    height: 11.8518518519vmin;
    font-size: 2.4691358025vmin;
  }
}
.ie-ligature-text-text-box-wrapper > div {
  width: auto;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ie-ligature-text-text-box-text {
  display: inline-block;
  z-index: 9;
}
.ie-ligature-text-text-box-text span {
  position: relative;
}
.ie-ligature-text-text-box-text-point::after {
  content: "";
  padding: 0.4938271605vmin 0;
  width: 0.987654321vmin;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 20px;
  bottom: -1.2345679012vmin;
  z-index: 9;
}
.ie-ligature-text-text-box-active {
  background-color: #00a9dd;
  transition: all 0.2s;
}
.ie-ligature-text-text-box-active .ie-ligature-text-text-box-wrapper {
  background: #10c3f9;
  color: #fff;
  transition: all 0.2s;
}
.ie-ligature-text-text-box-active .ie-ligature-text-circle {
  background-color: #10c3f9;
  transition: all 0.2s;
}
.ie-ligature-text-text-box-active .ie-ligature-text-circle .ie-ligature-text-point {
  background: #00a9dd;
  transition: all 0.2s;
}
.ie-ligature-text-text-box-active .ie-ligature-text-text-box-text-point::after {
  background: #fff;
}
.ie-ligature-text-text-box-selected .ie-ligature-text-circle .ie-ligature-text-point {
  background: #ffbf00;
}
.ie-ligature-text-text-box-correct .ie-ligature-text-circle .ie-ligature-text-point {
  background: #00cf64;
}
.ie-ligature-text-text-box-wrong .ie-ligature-text-circle .ie-ligature-text-point {
  background: #ff6666;
}
.ie-ligature-text-text-box-wrong-animation {
  animation: ie-rotate-shake 0.15s 2;
}
.ie-ligature-text-audio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ligature-text-audio-active .ie-ligature-text-audio-icon-p1 {
  animation: ie-ligature-text-p1 1s infinite linear;
}
.ie-ligature-text-audio-active .ie-ligature-text-audio-icon-p2 {
  animation: ie-ligature-text-p2 1s infinite linear;
}
.ie-ligature-text-audio svg {
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  cursor: pointer;
}

@keyframes ie-ligature-text-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-ligature-text-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-ligature-pinyin-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-ligature-pinyin-wrapper-bottom, .ie-ligature-pinyin-wrapper-top {
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-ligature-pinyin-pinyin-box {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
  border-radius: 1.975308642vmin;
  background: #edd89d;
}
.ie-ligature-pinyin-pinyin-box .ie-ligature-pinyin-pinyin-box-wrapper {
  background: #fffbf2;
  box-shadow: inset 0 -0.4938271605vmin 1.975308642vmin rgba(0, 0, 0, 0.08);
  border-radius: 1.975308642vmin;
  margin-top: -0.987654321vmin;
  display: -ms-flexbox;
  display: flex;
  height: 17.037037037vmin;
  min-width: 25.3086419753vmin;
  box-sizing: border-box;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
}
.ie-ligature-pinyin-pinyin-box .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  overflow: hidden;
  -ms-flex-pack: center;
      justify-content: center;
  width: 98%;
  margin-left: 0.987654321vmin;
}
.ie-ligature-pinyin-pinyin-box .ie-ligature-pinyin-circle {
  position: absolute;
  width: 3.4567901235vmin;
  height: 3.4567901235vmin;
  background: #fffbf2;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ligature-pinyin-pinyin-box .ie-ligature-pinyin-circle .ie-ligature-pinyin-point {
  width: 1.7283950617vmin;
  height: 1.7283950617vmin;
  background: #edd89d;
  border-radius: 50%;
}
.ie-ligature-pinyin-pinyin-box-bottom {
  margin-top: 1.2345679012vmin;
}
.ie-ligature-pinyin-pinyin-box-bottom .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2.0987654321vmin;
  min-width: 7.4074074074vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-ligature-pinyin-pinyin-box-bottom .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons svg {
  transform: rotate(180deg);
  width: 2.2222222222vmin;
  height: 2.0987654321vmin;
  margin-right: 1.4814814815vmin;
}
.ie-ligature-pinyin-pinyin-box-bottom .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons svg:last-child {
  margin-right: 0;
}
.ie-ligature-pinyin-pinyin-box-bottom .ie-ligature-pinyin-circle {
  bottom: -1.8518518519vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-ligature-pinyin-pinyin-box-top {
  margin-bottom: 1.2345679012vmin;
}
.ie-ligature-pinyin-pinyin-box-top .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2.0987654321vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-ligature-pinyin-pinyin-box-top .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons svg {
  width: 2.2222222222vmin;
  margin-right: 1.4814814815vmin;
  height: 2.0987654321vmin;
}
.ie-ligature-pinyin-pinyin-box-top .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons svg:last-child {
  margin-right: 0;
}
.ie-ligature-pinyin-pinyin-box-top .ie-ligature-pinyin-circle {
  top: -1.8518518519vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-ligature-pinyin-pinyin-box-left {
  margin-right: 1.2345679012vmin;
}
.ie-ligature-pinyin-pinyin-box-left .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons {
  overflow: hidden;
  height: 80%;
  width: 2.2222222222vmin;
  display: -ms-flexbox;
  display: flex;
  right: 0vmin;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  top: 50%;
  left: inherit;
  transform: translateY(-50%);
}
.ie-ligature-pinyin-pinyin-box-left .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons svg {
  transform: rotate(270deg);
  height: 2.2222222222vmin;
  width: 2.2222222222vmin;
  margin-bottom: 0.987654321vmin;
  margin-right: 0.7407407407vmin;
}
.ie-ligature-pinyin-pinyin-box-left .ie-ligature-pinyin-circle {
  left: -1.8518518519vmin;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-pinyin-pinyin-box-right {
  margin-left: 1.2345679012vmin;
}
.ie-ligature-pinyin-pinyin-box-right .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons {
  height: 80%;
  width: 2.2222222222vmin;
  display: -ms-flexbox;
  display: flex;
  left: -0.987654321vmin;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-pinyin-pinyin-box-right .ie-ligature-pinyin-pinyin-box-wrapper .ie-ligature-pinyin-icons svg {
  transform: rotate(90deg);
  height: 2.2222222222vmin;
  width: 2.2222222222vmin;
  margin-right: 0.7407407407vmin;
  margin-bottom: 0.987654321vmin;
}
.ie-ligature-pinyin-pinyin-box-right .ie-ligature-pinyin-circle {
  right: -1.8518518519vmin;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-pinyin-pinyin-box-1 {
  height: 17.037037037vmin;
}
@media (width: 1024px) {
  .ie-ligature-pinyin-pinyin-box-1 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-pinyin-pinyin-box-1 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-pinyin-pinyin-box-1 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-pinyin-pinyin-box-1 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-pinyin-pinyin-box-1 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-pinyin-pinyin-box-1 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-1 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-1 {
    height: 13.3333333333vmin;
  }
}
.ie-ligature-pinyin-pinyin-box-1 .ie-ligature-pinyin-pinyin-box-wrapper {
  color: rgba(0, 0, 0, 0.7);
  font-size: 4.9382716049vmin;
  height: 17.037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (width: 1024px) {
  .ie-ligature-pinyin-pinyin-box-1 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 14.8148148148vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-pinyin-pinyin-box-1 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 14.8148148148vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-pinyin-pinyin-box-1 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 14.8148148148vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-pinyin-pinyin-box-1 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 14.8148148148vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-pinyin-pinyin-box-1 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 14.8148148148vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-pinyin-pinyin-box-1 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 14.8148148148vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-1 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 14.8148148148vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-1 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 14.8148148148vmin;
    font-size: 4.0740740741vmin;
  }
}
.ie-ligature-pinyin-pinyin-box-2 {
  height: 15.0617283951vmin;
}
@media (width: 1024px) {
  .ie-ligature-pinyin-pinyin-box-2 {
    height: 11.3580246914vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-pinyin-pinyin-box-2 {
    height: 11.3580246914vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-pinyin-pinyin-box-2 {
    height: 11.3580246914vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-pinyin-pinyin-box-2 {
    height: 11.3580246914vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-pinyin-pinyin-box-2 {
    height: 11.3580246914vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-pinyin-pinyin-box-2 {
    height: 11.3580246914vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-2 {
    height: 11.3580246914vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-2 {
    height: 11.3580246914vmin;
  }
}
.ie-ligature-pinyin-pinyin-box-2 .ie-ligature-pinyin-pinyin-box-wrapper {
  color: rgba(0, 0, 0, 0.7);
  font-size: 3.7037037037vmin;
  height: 15.0617283951vmin;
}
@media (width: 1024px) {
  .ie-ligature-pinyin-pinyin-box-2 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.3580246914vmin;
    min-width: 12.3456790123vmin;
    width: 19.7530864198vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-pinyin-pinyin-box-2 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.3580246914vmin;
    min-width: 12.3456790123vmin;
    width: 19.7530864198vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-pinyin-pinyin-box-2 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.3580246914vmin;
    min-width: 12.3456790123vmin;
    width: 19.7530864198vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-pinyin-pinyin-box-2 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.3580246914vmin;
    min-width: 12.3456790123vmin;
    width: 19.7530864198vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-pinyin-pinyin-box-2 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.3580246914vmin;
    min-width: 12.3456790123vmin;
    width: 19.7530864198vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-pinyin-pinyin-box-2 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.3580246914vmin;
    min-width: 12.3456790123vmin;
    width: 19.7530864198vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-2 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.3580246914vmin;
    min-width: 12.3456790123vmin;
    width: 19.7530864198vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-2 .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.3580246914vmin;
    min-width: 12.3456790123vmin;
    width: 19.7530864198vmin;
    font-size: 2.962962963vmin;
  }
}
.ie-ligature-pinyin-pinyin-box-3, .ie-ligature-pinyin-pinyin-box-4, .ie-ligature-pinyin-pinyin-box-more {
  height: 14.3209876543vmin;
  width: auto;
}
@media (width: 1024px) {
  .ie-ligature-pinyin-pinyin-box-3, .ie-ligature-pinyin-pinyin-box-4, .ie-ligature-pinyin-pinyin-box-more {
    height: 11.1111111111vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-pinyin-pinyin-box-3, .ie-ligature-pinyin-pinyin-box-4, .ie-ligature-pinyin-pinyin-box-more {
    height: 11.1111111111vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-pinyin-pinyin-box-3, .ie-ligature-pinyin-pinyin-box-4, .ie-ligature-pinyin-pinyin-box-more {
    height: 11.1111111111vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-pinyin-pinyin-box-3, .ie-ligature-pinyin-pinyin-box-4, .ie-ligature-pinyin-pinyin-box-more {
    height: 11.1111111111vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-pinyin-pinyin-box-3, .ie-ligature-pinyin-pinyin-box-4, .ie-ligature-pinyin-pinyin-box-more {
    height: 11.1111111111vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-pinyin-pinyin-box-3, .ie-ligature-pinyin-pinyin-box-4, .ie-ligature-pinyin-pinyin-box-more {
    height: 11.1111111111vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-3, .ie-ligature-pinyin-pinyin-box-4, .ie-ligature-pinyin-pinyin-box-more {
    height: 11.1111111111vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-3, .ie-ligature-pinyin-pinyin-box-4, .ie-ligature-pinyin-pinyin-box-more {
    height: 11.1111111111vmin;
  }
}
.ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-more .ie-ligature-pinyin-pinyin-box-wrapper {
  padding: 0 3.950617284vmin;
  height: 14.3209876543vmin;
  width: auto;
  color: rgba(0, 0, 0, 0.7);
  font-size: 3.7037037037vmin;
  min-width: 39.5061728395vmin;
}
@media (width: 1024px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-more .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.1111111111vmin;
    min-width: 32.0987654321vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-more .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.1111111111vmin;
    min-width: 32.0987654321vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-more .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.1111111111vmin;
    min-width: 32.0987654321vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-more .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.1111111111vmin;
    min-width: 32.0987654321vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-more .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.1111111111vmin;
    min-width: 32.0987654321vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-more .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.1111111111vmin;
    min-width: 32.0987654321vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-more .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.1111111111vmin;
    min-width: 32.0987654321vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-more .ie-ligature-pinyin-pinyin-box-wrapper {
    height: 11.1111111111vmin;
    min-width: 32.0987654321vmin;
    font-size: 2.962962963vmin;
  }
}
.ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper {
  min-width: 0vmin;
  width: 51.8518518519vmin;
}
@media (width: 1024px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper {
    width: 39.5061728395vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper {
    width: 39.5061728395vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper {
    width: 39.5061728395vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper {
    width: 39.5061728395vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper {
    width: 39.5061728395vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper {
    width: 39.5061728395vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper {
    width: 39.5061728395vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-pinyin-pinyin-box-3 .ie-ligature-pinyin-pinyin-box-wrapper, .ie-ligature-pinyin-pinyin-box-4 .ie-ligature-pinyin-pinyin-box-wrapper {
    width: 39.5061728395vmin;
  }
}
.ie-ligature-pinyin-pinyin-box-active {
  background-color: #00a9dd;
  transition: all 0.2s;
}
.ie-ligature-pinyin-pinyin-box-active .ie-ligature-pinyin-pinyin-box-wrapper {
  background: #10c3f9;
  color: #fff;
  transition: all 0.2s;
}
.ie-ligature-pinyin-pinyin-box-active .ie-ligature-pinyin-circle {
  background-color: #10c3f9;
  transition: all 0.2s;
}
.ie-ligature-pinyin-pinyin-box-active .ie-ligature-pinyin-circle .ie-ligature-pinyin-point {
  background: #00a9dd;
  transition: all 0.2s;
}
.ie-ligature-pinyin-pinyin-box-selected .ie-ligature-pinyin-circle .ie-ligature-pinyin-point {
  background: #ffbf00;
}
.ie-ligature-pinyin-pinyin-box-correct .ie-ligature-pinyin-circle .ie-ligature-pinyin-point {
  background: #00cf64;
}
.ie-ligature-pinyin-pinyin-box-wrong .ie-ligature-pinyin-circle .ie-ligature-pinyin-point {
  background: #ff6666;
}
.ie-ligature-pinyin-pinyin-box-wrong-animation {
  animation: ie-rotate-shake 0.15s 2;
}
.ie-ligature-pinyin-audio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ligature-pinyin-audio-active .ie-ligature-pinyin-audio-icon-p1 {
  animation: ie-ligature-pinyin-p1 1s infinite linear;
}
.ie-ligature-pinyin-audio-active .ie-ligature-pinyin-audio-icon-p2 {
  animation: ie-ligature-pinyin-p2 1s infinite linear;
}
.ie-ligature-pinyin-audio svg {
  width: 7.4074074074vmin;
  cursor: pointer;
}

@keyframes ie-ligature-pinyin-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-ligature-pinyin-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-ligature-pic-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ligature-pic-wrapper-bottom, .ie-ligature-pic-wrapper-top {
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-ligature-pic-pic-box {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  width: 25.3086419753vmin;
  height: 25.3086419753vmin;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
  border-radius: 1.975308642vmin;
  background: #edd89d;
}
@media (width: 1024px) {
  .ie-ligature-pic-pic-box {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-pic-pic-box {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-pic-pic-box {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-pic-pic-box {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-pic-pic-box {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-pic-pic-box {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-pic-pic-box {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-pic-pic-box {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
}
.ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper {
  width: 25.3086419753vmin;
  height: 25.3086419753vmin;
  background: #fffbf2;
  box-shadow: inset 0 -0.4938271605vmin 1.975308642vmin rgba(0, 0, 0, 0.08);
  border-radius: 1.975308642vmin;
  margin-top: -0.987654321vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
}
.ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper img {
  width: 22.8395061728vmin;
  height: 22.8395061728vmin;
  border: 0.2469135802vmin solid #fff;
  background-color: #fff;
  border-radius: 0.987654321vmin;
  z-index: 9;
}
@media (width: 1024px) {
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper img {
    width: 17.9012345679vmin;
    height: 17.9012345679vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper img {
    width: 17.9012345679vmin;
    height: 17.9012345679vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper img {
    width: 17.9012345679vmin;
    height: 17.9012345679vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper img {
    width: 17.9012345679vmin;
    height: 17.9012345679vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper img {
    width: 17.9012345679vmin;
    height: 17.9012345679vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper img {
    width: 17.9012345679vmin;
    height: 17.9012345679vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper img {
    width: 17.9012345679vmin;
    height: 17.9012345679vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper {
    height: 19.7530864198vmin;
    width: 19.7530864198vmin;
  }
  .ie-ligature-pic-pic-box .ie-ligature-pic-pic-box-wrapper img {
    width: 17.9012345679vmin;
    height: 17.9012345679vmin;
  }
}
.ie-ligature-pic-pic-box .ie-ligature-pic-circle {
  position: absolute;
  width: 3.4567901235vmin;
  height: 3.4567901235vmin;
  background: #fffbf2;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ligature-pic-pic-box .ie-ligature-pic-circle .ie-ligature-pic-point {
  width: 1.7283950617vmin;
  height: 1.7283950617vmin;
  background: #edd89d;
  border-radius: 50%;
  z-index: 4;
}
.ie-ligature-pic-pic-box-bottom {
  margin-top: 1.2345679012vmin;
}
.ie-ligature-pic-pic-box-bottom .ie-ligature-pic-circle {
  bottom: -1.8518518519vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-ligature-pic-pic-box-top {
  margin-bottom: 1.2345679012vmin;
}
.ie-ligature-pic-pic-box-top .ie-ligature-pic-circle {
  top: -1.8518518519vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-ligature-pic-pic-box-left {
  margin-right: 1.2345679012vmin;
}
.ie-ligature-pic-pic-box-left .ie-ligature-pic-circle {
  left: -1.8518518519vmin;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-pic-pic-box-right {
  margin-left: 1.2345679012vmin;
}
.ie-ligature-pic-pic-box-right .ie-ligature-pic-circle {
  right: -1.8518518519vmin;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-pic-pic-box-active {
  background-color: #00a9dd;
  transition: all 0.2s;
}
.ie-ligature-pic-pic-box-active .ie-ligature-pic-pic-box-wrapper {
  background: #10c3f9;
  color: #fff;
  transition: all 0.2s;
}
.ie-ligature-pic-pic-box-active .ie-ligature-pic-circle {
  background-color: #10c3f9;
  transition: all 0.2s;
}
.ie-ligature-pic-pic-box-active .ie-ligature-pic-circle .ie-ligature-pic-point {
  background: #00a9dd;
  transition: all 0.2s;
}
.ie-ligature-pic-pic-box-selected .ie-ligature-pic-circle .ie-ligature-pic-point {
  background: #ffbf00;
}
.ie-ligature-pic-pic-box-correct .ie-ligature-pic-circle .ie-ligature-pic-point {
  background: #00cf64;
}
.ie-ligature-pic-pic-box-wrong .ie-ligature-pic-circle .ie-ligature-pic-point {
  background: #ff6666;
}
.ie-ligature-pic-pic-box-wrong-animation {
  animation: ie-rotate-shake 0.15s 2;
}

.ie-ligature-audio-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-ligature-audio-wrapper-bottom, .ie-ligature-audio-wrapper-top {
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-ligature-audio-audio-box {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  width: 19.7530864198vmin;
  height: 19.7530864198vmin;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  background: #edd89d;
}
@media (width: 1024px) {
  .ie-ligature-audio-audio-box {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-audio-audio-box {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-audio-audio-box {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-audio-audio-box {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-audio-audio-box {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-audio-audio-box {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-audio-audio-box {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-audio-audio-box {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
.ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper {
  width: 19.7530864198vmin;
  height: 19.7530864198vmin;
  background: #fffbf2;
  box-shadow: inset 0 -0.4938271605vmin 1.975308642vmin rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  margin-top: -0.987654321vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
}
.ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper svg {
  width: 9.8765432099vmin;
  height: 9.8765432099vmin;
  border-radius: 0.987654321vmin;
}
@media (width: 1024px) {
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper svg {
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper svg {
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper svg {
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper svg {
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper svg {
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper svg {
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper svg {
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
  .ie-ligature-audio-audio-box .ie-ligature-audio-audio-box-wrapper svg {
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
.ie-ligature-audio-audio-box .ie-ligature-audio-circle {
  position: absolute;
  width: 3.4567901235vmin;
  height: 3.4567901235vmin;
  background: #fffbf2;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ligature-audio-audio-box .ie-ligature-audio-circle .ie-ligature-audio-point {
  width: 1.7283950617vmin;
  height: 1.7283950617vmin;
  background: #edd89d;
  border-radius: 50%;
}
.ie-ligature-audio-audio-box-bottom {
  margin-top: 1.2345679012vmin;
}
.ie-ligature-audio-audio-box-bottom .ie-ligature-audio-circle {
  bottom: -1.8518518519vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-ligature-audio-audio-box-top {
  margin-bottom: 1.2345679012vmin;
}
.ie-ligature-audio-audio-box-top .ie-ligature-audio-circle {
  top: -1.8518518519vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-ligature-audio-audio-box-left {
  margin-right: 1.2345679012vmin;
}
.ie-ligature-audio-audio-box-left .ie-ligature-audio-circle {
  left: -1.8518518519vmin;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-audio-audio-box-right {
  margin-left: 1.2345679012vmin;
}
.ie-ligature-audio-audio-box-right .ie-ligature-audio-circle {
  right: -1.8518518519vmin;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-audio-audio-box-active {
  background-color: #00a9dd;
  transition: all 0.2s;
}
.ie-ligature-audio-audio-box-active .ie-ligature-audio-audio-box-wrapper {
  background: #10c3f9;
  color: #fff;
  transition: all 0.2s;
}
.ie-ligature-audio-audio-box-active .ie-ligature-audio-circle {
  background-color: #10c3f9;
  transition: all 0.2s;
}
.ie-ligature-audio-audio-box-active .ie-ligature-audio-circle .ie-ligature-audio-point {
  background: #00a9dd;
  transition: all 0.2s;
}
.ie-ligature-audio-audio-box-playing svg .ie-ligature-audio-audio-icon-p1 {
  animation: ie-ligature-audio-p1 1s infinite linear;
}
.ie-ligature-audio-audio-box-playing svg .ie-ligature-audio-audio-icon-p2 {
  animation: ie-ligature-audio-p2 1s infinite linear;
}
.ie-ligature-audio-audio-box-selected .ie-ligature-audio-circle .ie-ligature-audio-point {
  background: #ffbf00;
}
.ie-ligature-audio-audio-box-correct .ie-ligature-audio-circle .ie-ligature-audio-point {
  background: #00cf64;
}
.ie-ligature-audio-audio-box-wrong .ie-ligature-audio-circle .ie-ligature-audio-point {
  background: #ff6666;
}
.ie-ligature-audio-audio-box-wrong-animation {
  animation: ie-rotate-shake 0.15s 2;
}

@keyframes ie-ligature-audio-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-ligature-audio-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-ligature-syllable-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-ligature-syllable-wrapper-bottom, .ie-ligature-syllable-wrapper-top {
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-ligature-syllable-syllable-box {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
  border-radius: 1.975308642vmin;
  background: #edd89d;
}
.ie-ligature-syllable-syllable-box-wrapper {
  background: #fffbf2;
  box-shadow: inset 0 -0.4938271605vmin 1.975308642vmin rgba(0, 0, 0, 0.08);
  border-radius: 1.975308642vmin;
  margin-top: -0.987654321vmin;
  display: -ms-flexbox;
  display: flex;
  height: 17.037037037vmin;
  min-width: 25.3086419753vmin;
  box-sizing: border-box;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  font-size: 4.9382716049vmin;
}
.ie-ligature-syllable-syllable-box-wrapper svg {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -54%);
  width: 19.7530864198vmin;
  height: 9.012345679vmin;
  z-index: 0;
}
@media (width: 1024px) {
  .ie-ligature-syllable-syllable-box-wrapper svg {
    width: 15.3086419753vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-syllable-syllable-box-wrapper svg {
    width: 15.3086419753vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-syllable-syllable-box-wrapper svg {
    width: 15.3086419753vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-syllable-syllable-box-wrapper svg {
    width: 15.3086419753vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-syllable-syllable-box-wrapper svg {
    width: 15.3086419753vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-syllable-syllable-box-wrapper svg {
    width: 15.3086419753vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-syllable-syllable-box-wrapper svg {
    width: 15.3086419753vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-syllable-syllable-box-wrapper svg {
    width: 15.3086419753vmin;
  }
}
@media (width: 1024px) {
  .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 4.0740740741vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 4.0740740741vmin;
  }
}
.ie-ligature-syllable-syllable-box-wrapper span {
  z-index: 1;
}
@media (width: 1024px) {
  .ie-ligature-syllable-syllable-box {
    height: 13.3333333333vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-syllable-syllable-box {
    height: 13.3333333333vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-syllable-syllable-box {
    height: 13.3333333333vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-syllable-syllable-box {
    height: 13.3333333333vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-syllable-syllable-box {
    height: 13.3333333333vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-syllable-syllable-box {
    height: 13.3333333333vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-syllable-syllable-box {
    height: 13.3333333333vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-syllable-syllable-box {
    height: 13.3333333333vmin;
  }
}
.ie-ligature-syllable-syllable-box .ie-ligature-syllable-circle {
  position: absolute;
  width: 3.4567901235vmin;
  height: 3.4567901235vmin;
  background: #fffbf2;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ligature-syllable-syllable-box .ie-ligature-syllable-circle .ie-ligature-syllable-point {
  width: 1.7283950617vmin;
  height: 1.7283950617vmin;
  background: #edd89d;
  border-radius: 50%;
}
.ie-ligature-syllable-syllable-box-bottom {
  margin-top: 1.2345679012vmin;
}
.ie-ligature-syllable-syllable-box-bottom .ie-ligature-syllable-circle {
  bottom: -1.8518518519vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-ligature-syllable-syllable-box-top {
  margin-bottom: 1.2345679012vmin;
}
.ie-ligature-syllable-syllable-box-top .ie-ligature-syllable-circle {
  top: -1.8518518519vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-ligature-syllable-syllable-box-left {
  margin-right: 1.2345679012vmin;
}
.ie-ligature-syllable-syllable-box-left .ie-ligature-syllable-circle {
  left: -1.8518518519vmin;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-syllable-syllable-box-right {
  margin-left: 1.2345679012vmin;
}
.ie-ligature-syllable-syllable-box-right .ie-ligature-syllable-circle {
  right: -1.8518518519vmin;
  top: 50%;
  transform: translateY(-50%);
}
.ie-ligature-syllable-syllable-box-2 {
  height: 17.037037037vmin;
}
@media (width: 1024px) {
  .ie-ligature-syllable-syllable-box-2 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-syllable-syllable-box-2 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-syllable-syllable-box-2 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-syllable-syllable-box-2 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-syllable-syllable-box-2 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-syllable-syllable-box-2 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-syllable-syllable-box-2 {
    height: 13.3333333333vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-syllable-syllable-box-2 {
    height: 13.3333333333vmin;
  }
}
.ie-ligature-syllable-syllable-box-2 .ie-ligature-syllable-syllable-box-wrapper {
  color: rgba(0, 0, 0, 0.7);
  font-size: 3.0864197531vmin;
  height: 17.037037037vmin;
}
@media (width: 1024px) {
  .ie-ligature-syllable-syllable-box-2 .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1180px) {
  .ie-ligature-syllable-syllable-box-2 .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1340px) {
  .ie-ligature-syllable-syllable-box-2 .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1368px) {
  .ie-ligature-syllable-syllable-box-2 .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-ligature-syllable-syllable-box-2 .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-ligature-syllable-syllable-box-2 .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-ligature-syllable-syllable-box-2 .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-ligature-syllable-syllable-box-2 .ie-ligature-syllable-syllable-box-wrapper {
    height: 13.3333333333vmin;
    min-width: 12.3456790123vmin;
    width: 17.7777777778vmin;
    font-size: 2.4691358025vmin;
  }
}
.ie-ligature-syllable-syllable-box-active {
  background-color: #00a9dd;
  transition: all 0.2s;
}
.ie-ligature-syllable-syllable-box-active .ie-ligature-syllable-syllable-box-wrapper {
  background: #10c3f9;
  color: #fff;
  transition: all 0.2s;
}
.ie-ligature-syllable-syllable-box-active .ie-ligature-syllable-circle {
  background-color: #10c3f9;
  transition: all 0.2s;
}
.ie-ligature-syllable-syllable-box-active .ie-ligature-syllable-circle .ie-ligature-syllable-point {
  background: #00a9dd;
  transition: all 0.2s;
}
.ie-ligature-syllable-syllable-box-selected .ie-ligature-syllable-circle .ie-ligature-syllable-point {
  background: #ffbf00;
}
.ie-ligature-syllable-syllable-box-correct .ie-ligature-syllable-circle .ie-ligature-syllable-point {
  background: #00cf64;
}
.ie-ligature-syllable-syllable-box-wrong .ie-ligature-syllable-circle .ie-ligature-syllable-point {
  background: #ff6666;
}
.ie-ligature-syllable-syllable-box-wrong-animation {
  animation: ie-rotate-shake 0.15s 2;
}
.ie-ligature-syllable-audio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-ligature-syllable-audio-active .ie-ligature-syllable-audio-icon-p1 {
  animation: ie-ligature-syllable-p1 1s infinite linear;
}
.ie-ligature-syllable-audio-active .ie-ligature-syllable-audio-icon-p2 {
  animation: ie-ligature-syllable-p2 1s infinite linear;
}
.ie-ligature-syllable-audio svg {
  width: 7.4074074074vmin;
  cursor: pointer;
}

@keyframes ie-ligature-syllable-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-ligature-syllable-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-typewrite-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 2.4691358025vmin;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ie-typewrite-answer {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-typewrite-answer-pinyin {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  font-size: 3.950617284vmin;
  margin-bottom: 2.4691358025vmin;
  font-family: "SourceMaruSC";
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 61.7283950617vmin;
}
.ie-typewrite-answer-pinyin span {
  margin-left: 1.4814814815vmin;
}
.ie-typewrite-answer-pinyin span:last-child {
  margin-right: 0;
}
@media (width: 1024px) {
  .ie-typewrite-answer-pinyin {
    max-width: 37.037037037vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-answer-pinyin {
    max-width: 37.037037037vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-answer-pinyin {
    max-width: 37.037037037vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-answer-pinyin {
    max-width: 37.037037037vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-answer-pinyin {
    max-width: 37.037037037vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-answer-pinyin {
    max-width: 37.037037037vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-answer-pinyin {
    max-width: 37.037037037vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-answer-pinyin {
    max-width: 37.037037037vmin;
    font-size: 2.962962963vmin;
  }
}
.ie-typewrite-answer-pinyin-error {
  color: #ff6666;
}
.ie-typewrite-answer-input {
  height: 12.3456790123vmin;
  background: #def5fe;
  border: 0.3703703704vmin dashed #8bd8fb;
  border-radius: 1.975308642vmin;
  font-size: 7.4074074074vmin;
  font-family: "SourceMaruSC";
  font-weight: 400;
  width: 24.6913580247vmin;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  caret-color: #29b0ff;
  caret-width: 0.4938271605vmin;
  box-sizing: border-box;
  letter-spacing: 0.987654321vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden;
}
@media (width: 1024px) {
  .ie-typewrite-answer-input {
    height: 9.8765432099vmin;
    width: 14.8148148148vmin;
    font-size: 4.4444444444vmin;
    letter-spacing: 0.4938271605vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-answer-input {
    height: 9.8765432099vmin;
    width: 14.8148148148vmin;
    font-size: 4.4444444444vmin;
    letter-spacing: 0.4938271605vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-answer-input {
    height: 9.8765432099vmin;
    width: 14.8148148148vmin;
    font-size: 4.4444444444vmin;
    letter-spacing: 0.4938271605vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-answer-input {
    height: 9.8765432099vmin;
    width: 14.8148148148vmin;
    font-size: 4.4444444444vmin;
    letter-spacing: 0.4938271605vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-answer-input {
    height: 9.8765432099vmin;
    width: 14.8148148148vmin;
    font-size: 4.4444444444vmin;
    letter-spacing: 0.4938271605vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-answer-input {
    height: 9.8765432099vmin;
    width: 14.8148148148vmin;
    font-size: 4.4444444444vmin;
    letter-spacing: 0.4938271605vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-answer-input {
    height: 9.8765432099vmin;
    width: 14.8148148148vmin;
    font-size: 4.4444444444vmin;
    letter-spacing: 0.4938271605vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-answer-input {
    height: 9.8765432099vmin;
    width: 14.8148148148vmin;
    font-size: 4.4444444444vmin;
    letter-spacing: 0.4938271605vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewrite-answer-input {
    height: 9.8765432099vmin;
    width: 14.8148148148vmin;
    font-size: 4.4444444444vmin;
    letter-spacing: 0.4938271605vmin;
  }
}
.ie-typewrite-answer-input-text {
  display: inline-block;
}
.ie-typewrite-answer-input-text::after {
  height: 78%;
  background-color: #29b0ff;
  content: "";
  padding: 0 0.1851851852vmin;
  width: 0.3703703704vmin;
  border-radius: 0.4938271605vmin;
  animation: cursor 0.8s infinite;
}
.ie-typewrite-answer-input-2 {
  width: 37.037037037vmin;
}
@media (width: 1024px) {
  .ie-typewrite-answer-input-2 {
    width: 19.7530864198vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-answer-input-2 {
    width: 19.7530864198vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-answer-input-2 {
    width: 19.7530864198vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-answer-input-2 {
    width: 19.7530864198vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-answer-input-2 {
    width: 19.7530864198vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-answer-input-2 {
    width: 19.7530864198vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-answer-input-2 {
    width: 19.7530864198vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-answer-input-2 {
    width: 19.7530864198vmin;
  }
}
.ie-typewrite-answer-input-3 {
  width: 49.3827160494vmin;
}
@media (width: 1024px) {
  .ie-typewrite-answer-input-3 {
    width: 29.6296296296vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-answer-input-3 {
    width: 29.6296296296vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-answer-input-3 {
    width: 29.6296296296vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-answer-input-3 {
    width: 29.6296296296vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-answer-input-3 {
    width: 29.6296296296vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-answer-input-3 {
    width: 29.6296296296vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-answer-input-3 {
    width: 29.6296296296vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-answer-input-3 {
    width: 29.6296296296vmin;
  }
}
.ie-typewrite-answer-input-4 {
  width: 61.7283950617vmin;
}
@media (width: 1024px) {
  .ie-typewrite-answer-input-4 {
    width: 34.5679012346vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-answer-input-4 {
    width: 34.5679012346vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-answer-input-4 {
    width: 34.5679012346vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-answer-input-4 {
    width: 34.5679012346vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-answer-input-4 {
    width: 34.5679012346vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-answer-input-4 {
    width: 34.5679012346vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-answer-input-4 {
    width: 34.5679012346vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-answer-input-4 {
    width: 34.5679012346vmin;
  }
}
.ie-typewrite-answer-input-more {
  width: 61.7283950617vmin;
  height: 23.2098765432vmin;
  text-align: left;
  font-size: 4.9382716049vmin;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 3.7037037037vmin;
  resize: none;
}
@media (width: 1024px) {
  .ie-typewrite-answer-input-more {
    width: 37.037037037vmin;
    font-size: 2.962962963vmin;
    height: 18.2716049383vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-answer-input-more {
    width: 37.037037037vmin;
    font-size: 2.962962963vmin;
    height: 18.2716049383vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-answer-input-more {
    width: 37.037037037vmin;
    font-size: 2.962962963vmin;
    height: 18.2716049383vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-answer-input-more {
    width: 37.037037037vmin;
    font-size: 2.962962963vmin;
    height: 18.2716049383vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-answer-input-more {
    width: 37.037037037vmin;
    font-size: 2.962962963vmin;
    height: 18.2716049383vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-answer-input-more {
    width: 37.037037037vmin;
    font-size: 2.962962963vmin;
    height: 18.2716049383vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-answer-input-more {
    width: 37.037037037vmin;
    font-size: 2.962962963vmin;
    height: 18.2716049383vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-answer-input-more {
    width: 37.037037037vmin;
    font-size: 2.962962963vmin;
    height: 18.2716049383vmin;
  }
}
.ie-typewrite-title {
  color: #333333;
  font-size: 3.2098765432vmin;
}
.ie-typewrite-content-first {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 1.2345679012vmin;
}
.ie-typewrite-content-first-title {
  color: #333333;
  font-weight: 400;
  font-size: 2.4691358025vmin;
  margin-bottom: 1.2345679012vmin;
}
@media (max-height: 500px) {
  .ie-typewrite-content-first-title {
    font-size: 3.950617284vmin;
  }
}
.ie-typewrite-content-first-text {
  display: -ms-flexbox;
  display: flex;
}
.ie-typewrite-content-pinyin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-right: 1.8518518519vmin;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  font-size: 2.2222222222vmin;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-height: 500px) {
  .ie-typewrite-content-pinyin {
    font-size: 3.4567901235vmin;
  }
}
.ie-typewrite-content-pinyin-success {
  color: #00cf64;
}
.ie-typewrite-modal-box-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-typewrite-wrapper-review .ie-typewrite-answer-input-text::after {
  display: none;
}
.ie-typewrite-wrapper-review .ie-typewrite-answer-input-success {
  background: #e4f9e9;
  border-color: #00cf64;
  transition: all 0.2s;
}
.ie-typewrite-wrapper-review .ie-typewrite-answer-input-error {
  background: #ffeaed;
  border-color: #ff6666;
  transition: all 0.2s;
}

@keyframes cursor {
  0% {
    transform: scale(3);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.ie-typewrite-ques-box-pic {
  padding: 2.4691358025vmin;
  position: relative;
}
@media (width: 1024px) {
  .ie-typewrite-ques-box-pic {
    padding-top: 4.9382716049vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-ques-box-pic {
    padding-top: 4.9382716049vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-ques-box-pic {
    padding-top: 4.9382716049vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-ques-box-pic {
    padding-top: 4.9382716049vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-ques-box-pic {
    padding-top: 4.9382716049vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-ques-box-pic {
    padding-top: 4.9382716049vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-ques-box-pic {
    padding-top: 4.9382716049vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-ques-box-pic {
    padding-top: 4.9382716049vmin;
  }
}
.ie-typewrite-ques-ip {
  width: 50.6172839506vmin;
}
@media (width: 1024px) {
  .ie-typewrite-ques-ip {
    width: 43.2098765432vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-ques-ip {
    width: 43.2098765432vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-ques-ip {
    width: 43.2098765432vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-ques-ip {
    width: 43.2098765432vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-ques-ip {
    width: 43.2098765432vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-ques-ip {
    width: 43.2098765432vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-ques-ip {
    width: 43.2098765432vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-ques-ip {
    width: 43.2098765432vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewrite-ques-ip {
    width: 43.2098765432vmin;
  }
}
.ie-typewrite-ques-content {
  position: absolute;
  top: 10.6172839506vmin;
  width: 24.6913580247vmin;
  height: 24.6913580247vmin;
  right: 8.8888888889vmin;
  border-radius: 0px 0px 1.975308642vmin 1.975308642vmin;
  overflow: hidden;
}
.ie-typewrite-ques-content img {
  width: 100%;
  height: 100%;
}
@media (width: 1024px) {
  .ie-typewrite-ques-content {
    width: 20.987654321vmin;
    height: 20.987654321vmin;
    top: 11.975308642vmin;
    right: 8.024691358vmin;
    border-radius: 0px 0px 1.7283950617vmin 1.7283950617vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-ques-content {
    width: 20.987654321vmin;
    height: 20.987654321vmin;
    top: 11.975308642vmin;
    right: 8.024691358vmin;
    border-radius: 0px 0px 1.7283950617vmin 1.7283950617vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-ques-content {
    width: 20.987654321vmin;
    height: 20.987654321vmin;
    top: 11.975308642vmin;
    right: 8.024691358vmin;
    border-radius: 0px 0px 1.7283950617vmin 1.7283950617vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-ques-content {
    width: 20.987654321vmin;
    height: 20.987654321vmin;
    top: 11.975308642vmin;
    right: 8.024691358vmin;
    border-radius: 0px 0px 1.7283950617vmin 1.7283950617vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-ques-content {
    width: 20.987654321vmin;
    height: 20.987654321vmin;
    top: 11.975308642vmin;
    right: 8.024691358vmin;
    border-radius: 0px 0px 1.7283950617vmin 1.7283950617vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-ques-content {
    width: 20.987654321vmin;
    height: 20.987654321vmin;
    top: 11.975308642vmin;
    right: 8.024691358vmin;
    border-radius: 0px 0px 1.7283950617vmin 1.7283950617vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-ques-content {
    width: 20.987654321vmin;
    height: 20.987654321vmin;
    top: 11.975308642vmin;
    right: 8.024691358vmin;
    border-radius: 0px 0px 1.7283950617vmin 1.7283950617vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-ques-content {
    width: 20.987654321vmin;
    height: 20.987654321vmin;
    top: 11.975308642vmin;
    right: 8.024691358vmin;
    border-radius: 0px 0px 1.7283950617vmin 1.7283950617vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewrite-ques-content {
    width: 20.987654321vmin;
    height: 20.987654321vmin;
    top: 9.5061728395vmin;
    right: 8.024691358vmin;
    border-radius: 0px 0px 1.7283950617vmin 1.7283950617vmin;
  }
}
.ie-typewrite-ques-audio {
  position: absolute;
  top: 3.2098765432vmin;
  right: 17.2839506173vmin;
}
.ie-typewrite-ques-audio svg {
  width: 6.1728395062vmin;
  cursor: pointer;
}
@media (width: 1024px) {
  .ie-typewrite-ques-audio {
    top: 5.6790123457vmin;
    right: 15.8024691358vmin;
  }
  .ie-typewrite-ques-audio svg {
    width: 5.1851851852vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-ques-audio {
    top: 5.6790123457vmin;
    right: 15.8024691358vmin;
  }
  .ie-typewrite-ques-audio svg {
    width: 5.1851851852vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-ques-audio {
    top: 5.6790123457vmin;
    right: 15.8024691358vmin;
  }
  .ie-typewrite-ques-audio svg {
    width: 5.1851851852vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-ques-audio {
    top: 5.6790123457vmin;
    right: 15.8024691358vmin;
  }
  .ie-typewrite-ques-audio svg {
    width: 5.1851851852vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-ques-audio {
    top: 5.6790123457vmin;
    right: 15.8024691358vmin;
  }
  .ie-typewrite-ques-audio svg {
    width: 5.1851851852vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-ques-audio {
    top: 5.6790123457vmin;
    right: 15.8024691358vmin;
  }
  .ie-typewrite-ques-audio svg {
    width: 5.1851851852vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-ques-audio {
    top: 5.6790123457vmin;
    right: 15.8024691358vmin;
  }
  .ie-typewrite-ques-audio svg {
    width: 5.1851851852vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-ques-audio {
    top: 5.6790123457vmin;
    right: 15.8024691358vmin;
  }
  .ie-typewrite-ques-audio svg {
    width: 5.1851851852vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewrite-ques-audio {
    top: 3.2098765432vmin;
    right: 15.8024691358vmin;
  }
  .ie-typewrite-ques-audio svg {
    width: 5.1851851852vmin;
  }
}
.ie-typewrite-ques-audio-active svg .ie-typewrite-ques-audio-icon-p1 {
  animation: ie-typewrite-ques-p1 1s infinite linear;
}
.ie-typewrite-ques-audio-active svg .ie-typewrite-ques-audio-icon-p2 {
  animation: ie-typewrite-ques-p2 1s infinite linear;
}
.ie-typewrite-ques-content-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 100%;
  color: #785f20;
}
.ie-typewrite-ques-content-text-1 {
  font-weight: 400;
  font-size: 14.8148148148vmin;
}
@media (width: 1024px) {
  .ie-typewrite-ques-content-text-1 {
    font-size: 9.8765432099vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-ques-content-text-1 {
    font-size: 9.8765432099vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-ques-content-text-1 {
    font-size: 9.8765432099vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-ques-content-text-1 {
    font-size: 9.8765432099vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-ques-content-text-1 {
    font-size: 9.8765432099vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-ques-content-text-1 {
    font-size: 9.8765432099vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-ques-content-text-1 {
    font-size: 9.8765432099vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-ques-content-text-1 {
    font-size: 9.8765432099vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewrite-ques-content-text-1 {
    font-size: 9.8765432099vmin;
  }
}
.ie-typewrite-ques-content-text-2 {
  font-weight: 400;
  font-size: 9.8765432099vmin;
}
@media (width: 1024px) {
  .ie-typewrite-ques-content-text-2 {
    font-size: 6.6666666667vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-ques-content-text-2 {
    font-size: 6.6666666667vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-ques-content-text-2 {
    font-size: 6.6666666667vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-ques-content-text-2 {
    font-size: 6.6666666667vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-ques-content-text-2 {
    font-size: 6.6666666667vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-ques-content-text-2 {
    font-size: 6.6666666667vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-ques-content-text-2 {
    font-size: 6.6666666667vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-ques-content-text-2 {
    font-size: 6.6666666667vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewrite-ques-content-text-2 {
    font-size: 6.6666666667vmin;
  }
}
.ie-typewrite-ques-content-text-3, .ie-typewrite-ques-content-text-4 {
  font-weight: 400;
  font-size: 4.9382716049vmin;
}
@media (width: 1024px) {
  .ie-typewrite-ques-content-text-3, .ie-typewrite-ques-content-text-4 {
    font-size: 4.1975308642vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-ques-content-text-3, .ie-typewrite-ques-content-text-4 {
    font-size: 4.1975308642vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-ques-content-text-3, .ie-typewrite-ques-content-text-4 {
    font-size: 4.1975308642vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-ques-content-text-3, .ie-typewrite-ques-content-text-4 {
    font-size: 4.1975308642vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-ques-content-text-3, .ie-typewrite-ques-content-text-4 {
    font-size: 4.1975308642vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-ques-content-text-3, .ie-typewrite-ques-content-text-4 {
    font-size: 4.1975308642vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-ques-content-text-3, .ie-typewrite-ques-content-text-4 {
    font-size: 4.1975308642vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-ques-content-text-3, .ie-typewrite-ques-content-text-4 {
    font-size: 4.1975308642vmin;
  }
}
.ie-typewrite-ques-content-text-more {
  font-size: 3.7037037037vmin;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 1.975308642vmin 2.4691358025vmin;
}
@media (width: 1024px) {
  .ie-typewrite-ques-content-text-more {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1180px) {
  .ie-typewrite-ques-content-text-more {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1340px) {
  .ie-typewrite-ques-content-text-more {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1368px) {
  .ie-typewrite-ques-content-text-more {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewrite-ques-content-text-more {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewrite-ques-content-text-more {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewrite-ques-content-text-more {
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewrite-ques-content-text-more {
    font-size: 2.4691358025vmin;
  }
}

@keyframes ie-typewrite-ques-p1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ie-typewrite-ques-p2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ie-typewriteFill-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 2.962962963vmin;
  height: 100%;
}
.ie-typewriteFill-wrapper-img {
  width: 29.6296296296vmin;
  height: 29.6296296296vmin;
  border-radius: 0.987654321vmin;
}
@media (width: 1024px) {
  .ie-typewriteFill-wrapper-img {
    width: 27.1604938272vmin;
    height: 27.1604938272vmin;
  }
}
@media (width: 1180px) {
  .ie-typewriteFill-wrapper-img {
    width: 27.1604938272vmin;
    height: 27.1604938272vmin;
  }
}
@media (width: 1340px) {
  .ie-typewriteFill-wrapper-img {
    width: 27.1604938272vmin;
    height: 27.1604938272vmin;
  }
}
@media (width: 1368px) {
  .ie-typewriteFill-wrapper-img {
    width: 27.1604938272vmin;
    height: 27.1604938272vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewriteFill-wrapper-img {
    width: 27.1604938272vmin;
    height: 27.1604938272vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewriteFill-wrapper-img {
    width: 27.1604938272vmin;
    height: 27.1604938272vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewriteFill-wrapper-img {
    width: 27.1604938272vmin;
    height: 27.1604938272vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewriteFill-wrapper-img {
    width: 27.1604938272vmin;
    height: 27.1604938272vmin;
  }
}
.ie-typewriteFill-small-wrapper-img {
  margin-left: 20%;
}
@media (max-height: 500px) {
  .ie-typewriteFill-small-wrapper-img {
    margin-left: 20%;
  }
}
@media (width: 1024px) {
  .ie-typewriteFill-small-wrapper-img {
    margin-left: 0;
  }
}
@media (width: 1180px) {
  .ie-typewriteFill-small-wrapper-img {
    margin-left: 0;
  }
}
@media (width: 1340px) {
  .ie-typewriteFill-small-wrapper-img {
    margin-left: 0;
  }
}
@media (width: 1368px) {
  .ie-typewriteFill-small-wrapper-img {
    margin-left: 0;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewriteFill-small-wrapper-img {
    margin-left: 0;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewriteFill-small-wrapper-img {
    margin-left: 0;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewriteFill-small-wrapper-img {
    margin-left: 0;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewriteFill-small-wrapper-img {
    margin-left: 0;
  }
}
.ie-typewriteFill-split {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  color: rgba(0, 0, 0, 0.4);
  margin-right: 1.2345679012vmin;
}
.ie-typewriteFill-wrapper-box {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 2.4691358025vmin;
}
.ie-typewriteFill-justify-start {
  -ms-flex-pack: start;
      justify-content: start;
}
.ie-typewriteFill-zi-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 1.975308642vmin;
  margin-bottom: 1.2345679012vmin;
}
@media (max-height: 500px) {
  .ie-typewriteFill-zi-box {
    margin-right: 0.7407407407vmin;
  }
}
.ie-typewriteFill-box-pinyin {
  color: rgba(0, 0, 0, 0.7);
  font-size: 3.2098765432vmin;
  font-weight: 400;
  margin-bottom: 0.987654321vmin;
  margin-top: -0.987654321vmin;
}
@media (width: 1024px) {
  .ie-typewriteFill-box-pinyin {
    font-size: 2.4691358025vmin;
    margin-top: 0vmin;
    margin-bottom: 0.4938271605vmin;
  }
}
@media (width: 1180px) {
  .ie-typewriteFill-box-pinyin {
    font-size: 2.4691358025vmin;
    margin-top: 0vmin;
    margin-bottom: 0.4938271605vmin;
  }
}
@media (width: 1340px) {
  .ie-typewriteFill-box-pinyin {
    font-size: 2.4691358025vmin;
    margin-top: 0vmin;
    margin-bottom: 0.4938271605vmin;
  }
}
@media (width: 1368px) {
  .ie-typewriteFill-box-pinyin {
    font-size: 2.4691358025vmin;
    margin-top: 0vmin;
    margin-bottom: 0.4938271605vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewriteFill-box-pinyin {
    font-size: 2.4691358025vmin;
    margin-top: 0vmin;
    margin-bottom: 0.4938271605vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewriteFill-box-pinyin {
    font-size: 2.4691358025vmin;
    margin-top: 0vmin;
    margin-bottom: 0.4938271605vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewriteFill-box-pinyin {
    font-size: 2.4691358025vmin;
    margin-top: 0vmin;
    margin-bottom: 0.4938271605vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewriteFill-box-pinyin {
    font-size: 2.4691358025vmin;
    margin-top: 0vmin;
    margin-bottom: 0.4938271605vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewriteFill-box-pinyin {
    font-size: 3.2098765432vmin;
    margin-bottom: 0vmin;
    margin-top: 0vmin;
  }
}
.ie-typewriteFill-box-text {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  font-size: 4.9382716049vmin;
}
@media (width: 1024px) {
  .ie-typewriteFill-box-text {
    font-size: 3.4567901235vmin;
    padding-top: 0.2469135802vmin;
    padding-bottom: 0vmin;
    height: 5.4320987654vmin;
    line-height: 5.4320987654vmin;
  }
}
@media (width: 1180px) {
  .ie-typewriteFill-box-text {
    font-size: 3.4567901235vmin;
    padding-top: 0.2469135802vmin;
    padding-bottom: 0vmin;
    height: 5.4320987654vmin;
    line-height: 5.4320987654vmin;
  }
}
@media (width: 1340px) {
  .ie-typewriteFill-box-text {
    font-size: 3.4567901235vmin;
    padding-top: 0.2469135802vmin;
    padding-bottom: 0vmin;
    height: 5.4320987654vmin;
    line-height: 5.4320987654vmin;
  }
}
@media (width: 1368px) {
  .ie-typewriteFill-box-text {
    font-size: 3.4567901235vmin;
    padding-top: 0.2469135802vmin;
    padding-bottom: 0vmin;
    height: 5.4320987654vmin;
    line-height: 5.4320987654vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewriteFill-box-text {
    font-size: 3.4567901235vmin;
    padding-top: 0.2469135802vmin;
    padding-bottom: 0vmin;
    height: 5.4320987654vmin;
    line-height: 5.4320987654vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewriteFill-box-text {
    font-size: 3.4567901235vmin;
    padding-top: 0.2469135802vmin;
    padding-bottom: 0vmin;
    height: 5.4320987654vmin;
    line-height: 5.4320987654vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewriteFill-box-text {
    font-size: 3.4567901235vmin;
    padding-top: 0.2469135802vmin;
    padding-bottom: 0vmin;
    height: 5.4320987654vmin;
    line-height: 5.4320987654vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewriteFill-box-text {
    font-size: 3.4567901235vmin;
    padding-top: 0.2469135802vmin;
    padding-bottom: 0vmin;
    height: 5.4320987654vmin;
    line-height: 5.4320987654vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewriteFill-box-text {
    font-size: 3.7037037037vmin;
    padding-top: 0.4938271605vmin;
  }
}
.ie-typewriteFill-box-pinyin-medium {
  font-size: 4.4444444444vmin;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  margin-bottom: 1.7283950617vmin;
}
@media (width: 1024px) {
  .ie-typewriteFill-box-pinyin-medium {
    font-size: 3.2098765432vmin;
  }
}
@media (width: 1180px) {
  .ie-typewriteFill-box-pinyin-medium {
    font-size: 3.2098765432vmin;
  }
}
@media (width: 1340px) {
  .ie-typewriteFill-box-pinyin-medium {
    font-size: 3.2098765432vmin;
  }
}
@media (width: 1368px) {
  .ie-typewriteFill-box-pinyin-medium {
    font-size: 3.2098765432vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewriteFill-box-pinyin-medium {
    font-size: 3.2098765432vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewriteFill-box-pinyin-medium {
    font-size: 3.2098765432vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewriteFill-box-pinyin-medium {
    font-size: 3.2098765432vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewriteFill-box-pinyin-medium {
    font-size: 3.2098765432vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewriteFill-box-pinyin-medium {
    margin-top: -0.4938271605vmin;
  }
}
.ie-typewriteFill-box-text-medium {
  font-size: 7.4074074074vmin;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
}
@media (width: 1024px) {
  .ie-typewriteFill-box-text-medium {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1180px) {
  .ie-typewriteFill-box-text-medium {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1340px) {
  .ie-typewriteFill-box-text-medium {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1368px) {
  .ie-typewriteFill-box-text-medium {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewriteFill-box-text-medium {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewriteFill-box-text-medium {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewriteFill-box-text-medium {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewriteFill-box-text-medium {
    font-size: 4.9382716049vmin;
  }
}
.ie-typewriteFill-title {
  color: #333333;
  font-size: 3.2098765432vmin;
}
.ie-typewriteFill-content-first {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-top: 1.2345679012vmin;
}
.ie-typewriteFill-content-first-title {
  color: #333333;
  font-weight: 400;
  font-size: 2.4691358025vmin;
  margin-bottom: 1.2345679012vmin;
}
@media (max-height: 500px) {
  .ie-typewriteFill-content-first-title {
    font-size: 3.950617284vmin;
  }
}
.ie-typewriteFill-content-first-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-typewriteFill-content-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  font-size: 2.2222222222vmin;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-height: 500px) {
  .ie-typewriteFill-content-box {
    font-size: 3.4567901235vmin;
  }
}
.ie-typewriteFill-content-pinyins {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-typewriteFill-content-pinyin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 1.4814814815vmin;
}
.ie-typewriteFill-content-pinyin-correct {
  color: #00cf64;
}
.ie-typewriteFill-content-text {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-typewriteFill-content-text span {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-typewriteFill-content-text-correct {
  color: #00cf64;
}
.ie-typewriteFill-modal-box-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-typewriteFill-pinyin-hide {
  opacity: 0;
}

.ie-typewriteFill-fill-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 1.975308642vmin;
  cursor: pointer;
  margin-bottom: 1.2345679012vmin;
}
@media (max-height: 500px) {
  .ie-typewriteFill-fill-wrapper {
    margin-right: 0.4938271605vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewriteFill-fill-no-pinyin-wrapper {
    margin-bottom: 0;
    height: auto;
  }
}
.ie-typewriteFill-fill-pinyins {
  padding-bottom: 0.7407407407vmin;
}
@media (max-height: 500px) {
  .ie-typewriteFill-fill-pinyins {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.1234567901vmin;
  }
}
.ie-typewriteFill-fill-pinyin {
  margin-right: 1.975308642vmin;
}
.ie-typewriteFill-fill-pinyin:last-child {
  margin-right: 0;
}
@media (max-height: 500px) {
  .ie-typewriteFill-fill-pinyin {
    margin-right: 0.987654321vmin;
  }
}
.ie-typewriteFill-fill-text {
  background: #e8f8ff;
  border-radius: 1.975308642vmin;
  color: rgba(0, 0, 0, 0.7);
  caret-color: #29b0ff;
  text-align: center;
  box-sizing: border-box;
  font-family: "SourceMaruSC";
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden;
  transition: all 0.2s;
}
.ie-typewriteFill-fill-text span {
  margin-top: 0.4938271605vmin;
}
.ie-typewriteFill-fill-text span:last-child {
  margin-right: 0;
}
.ie-typewriteFill-fill-text-focus {
  border: 0.3703703704vmin dashed #8bd8fb;
  background: #def5fe;
}
.ie-typewriteFill-fill-text-small {
  height: 8.1481481481vmin;
}
@media (width: 1024px) {
  .ie-typewriteFill-fill-text-small {
    height: 5.4320987654vmin;
  }
}
@media (width: 1180px) {
  .ie-typewriteFill-fill-text-small {
    height: 5.4320987654vmin;
  }
}
@media (width: 1340px) {
  .ie-typewriteFill-fill-text-small {
    height: 5.4320987654vmin;
  }
}
@media (width: 1368px) {
  .ie-typewriteFill-fill-text-small {
    height: 5.4320987654vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewriteFill-fill-text-small {
    height: 5.4320987654vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewriteFill-fill-text-small {
    height: 5.4320987654vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewriteFill-fill-text-small {
    height: 5.4320987654vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewriteFill-fill-text-small {
    height: 5.4320987654vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewriteFill-fill-text-small {
    height: 5.4320987654vmin;
  }
}
.ie-typewriteFill-fill-text-media {
  height: 11.1111111111vmin;
}
@media (width: 1024px) {
  .ie-typewriteFill-fill-text-media {
    height: 8.8888888889vmin;
  }
}
@media (width: 1180px) {
  .ie-typewriteFill-fill-text-media {
    height: 8.8888888889vmin;
  }
}
@media (width: 1340px) {
  .ie-typewriteFill-fill-text-media {
    height: 8.8888888889vmin;
  }
}
@media (width: 1368px) {
  .ie-typewriteFill-fill-text-media {
    height: 8.8888888889vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-typewriteFill-fill-text-media {
    height: 8.8888888889vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-typewriteFill-fill-text-media {
    height: 8.8888888889vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-typewriteFill-fill-text-media {
    height: 8.8888888889vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-typewriteFill-fill-text-media {
    height: 8.8888888889vmin;
  }
}
@media (max-height: 500px) {
  .ie-typewriteFill-fill-text-media {
    height: 9.8765432099vmin;
  }
}
.ie-typewriteFill-fill-text-1 {
  width: 11.1111111111vmin;
}
.ie-typewriteFill-fill-text-2 {
  width: 18.5185185185vmin;
}
.ie-typewriteFill-fill-text-3 {
  width: 25.9259259259vmin;
}
.ie-typewriteFill-fill-text-4 {
  width: 33.3333333333vmin;
}
.ie-typewriteFill-fill-text-correct {
  background: #e4f9e9;
  border: 0.2469135802vmin dashed #00cf64;
  transition: all 0.2s;
}
.ie-typewriteFill-fill-text-error {
  background: #ffeaed;
  border: 0.2469135802vmin dashed #ff6666;
  transition: all 0.2s;
}
.ie-typewriteFill-fill-text-correct-noBorder {
  background: #e4f9e9;
  transition: all 0.2s;
}
.ie-typewriteFill-fill-text-error-noBorder {
  background: #ffeaed;
  transition: all 0.2s;
}
.ie-typewriteFill-fill-answer-input-text {
  display: inline-block;
}
.ie-typewriteFill-fill-answer-input-text::after {
  height: 78%;
  background-color: #29b0ff;
  content: "";
  padding: 0 0.1851851852vmin;
  width: 0.2469135802vmin;
  border-radius: 0.4938271605vmin;
  animation: cursor 0.8s infinite;
}
.ie-typewriteFill-fill-answer-input-pinyin {
  font-size: 3.7037037037vmin;
  margin-right: 0vmin;
}
.ie-typewriteFill-fill-wrapper-review .ie-typewriteFill-fill-answer-input-success {
  background: #e4f9e9;
  border-color: #00cf64;
  transition: all 0.2s;
}
.ie-typewriteFill-fill-wrapper-review .ie-typewriteFill-fill-answer-input-error {
  background: #ffeaed;
  border-color: #ff6666;
  transition: all 0.2s;
}

@keyframes cursor {
  0% {
    transform: scale(3);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.ie-typewriteFill-fill-text-error-noBorder.ie-typewriteFill-fill-text-focus {
  border-color: #ff6666;
}

.ie-typewriteFill-fill-text-correct-noBorder.ie-typewriteFill-fill-text-focus {
  border-color: #00cf64;
}

.ie-recitation-ques-wrapper {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}
.ie-recitation-ques-wrapper .ie-recitation-ques-text-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 1.2345679012vmin;
}
.ie-recitation-ques-wrapper .ie-recitation-ques-text-box .ie-recitation-ques-pinyin {
  color: rgba(0, 0, 0, 0.7);
}
.ie-recitation-ques-wrapper .ie-recitation-ques-text-box .ie-recitation-ques-pinyin-ipad {
  display: none;
}
.ie-recitation-ques-wrapper .ie-recitation-ques-text-box .ie-recitation-ques-pinyin-no {
  opacity: 0;
}
.ie-recitation-ques-wrapper .ie-recitation-ques-text-box .ie-recitation-ques-text {
  margin-top: 3.7037037037vmin;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
}
.ie-recitation-ques-text-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box {
  margin-right: 7.4074074074vmin;
}
.ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box:last-child, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box:last-child {
  margin-right: 0;
}
.ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin {
  position: relative;
}
.ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
  width: 22.962962963vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 18.7654320988vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 18.7654320988vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 18.7654320988vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 18.7654320988vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 18.7654320988vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 18.7654320988vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 18.7654320988vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 18.7654320988vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 20.7407407407vmin;
  }
}
.ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
  position: absolute;
  font-size: 5.9259259259vmin;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.3703703704vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 4.6913580247vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 4.6913580247vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 4.6913580247vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 4.6913580247vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 4.6913580247vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 4.6913580247vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 4.6913580247vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 4.6913580247vmin;
  }
}
@media (width: 1024px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 5.1851851852vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 5.1851851852vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 5.1851851852vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 5.1851851852vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 5.1851851852vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 5.1851851852vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 5.1851851852vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 5.1851851852vmin;
  }
}
.ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text {
  position: relative;
}
.ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
  width: 25.9259259259vmin;
  height: 25.9259259259vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 22.2222222222vmin;
    height: 22.2222222222vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 22.2222222222vmin;
    height: 22.2222222222vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 22.2222222222vmin;
    height: 22.2222222222vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 22.2222222222vmin;
    height: 22.2222222222vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 22.2222222222vmin;
    height: 22.2222222222vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 22.2222222222vmin;
    height: 22.2222222222vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 22.2222222222vmin;
    height: 22.2222222222vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 22.2222222222vmin;
    height: 22.2222222222vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
}
.ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16.049382716vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 12.3456790123vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 12.3456790123vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 12.3456790123vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 12.3456790123vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 12.3456790123vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 12.3456790123vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 12.3456790123vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 12.3456790123vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-text-wrapper-1 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-2 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 13.5802469136vmin;
  }
}
.ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box {
  margin-right: 5.1851851852vmin;
}
.ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box:last-child, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box:last-child {
  margin-right: 0;
}
.ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin {
  position: relative;
}
.ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
  width: 16.7901234568vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 14.8148148148vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 14.8148148148vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 14.8148148148vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 14.8148148148vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 14.8148148148vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 14.8148148148vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 14.8148148148vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 14.8148148148vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin svg {
    width: 16.049382716vmin;
  }
}
.ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
  position: absolute;
  font-size: 4.1975308642vmin;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.3703703704vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 3.7037037037vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin span {
    font-size: 3.7037037037vmin;
  }
}
.ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text {
  position: relative;
}
.ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
  width: 19.7530864198vmin;
  height: 19.7530864198vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text svg, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text svg {
    width: 14.8148148148vmin;
    height: 14.8148148148vmin;
  }
}
.ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 11.1111111111vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 9.6296296296vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 9.6296296296vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 9.6296296296vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 9.6296296296vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 9.6296296296vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 9.6296296296vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 9.6296296296vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper-3 .ie-recitation-ques-text-box .ie-recitation-ques-text span, .ie-recitation-ques-text-wrapper-4 .ie-recitation-ques-text-box .ie-recitation-ques-text span {
    font-size: 9.6296296296vmin;
  }
}
.ie-recitation-ques-picture-box {
  width: 45.4320987654vmin;
  overflow: hidden;
}
@media (width: 1024px) {
  .ie-recitation-ques-picture-box {
    width: 29.6296296296vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-picture-box {
    width: 29.6296296296vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-picture-box {
    width: 29.6296296296vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-picture-box {
    width: 29.6296296296vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-picture-box {
    width: 29.6296296296vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-picture-box {
    width: 29.6296296296vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-picture-box {
    width: 29.6296296296vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-picture-box {
    width: 29.6296296296vmin;
  }
}
.ie-recitation-ques-picture-box img {
  width: 34.5679012346vmin;
  height: 34.5679012346vmin;
  border-radius: 1.975308642vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-picture-box img {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-picture-box img {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-picture-box img {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-picture-box img {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-picture-box img {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-picture-box img {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-picture-box img {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-picture-box img {
    width: 24.6913580247vmin;
    height: 24.6913580247vmin;
  }
}
.ie-recitation-ques-pic-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text-box, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text-box {
  display: -ms-flexbox;
  display: flex;
  margin-right: 3.7037037037vmin;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text-box:last-child, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text-box:last-child {
  margin-right: 0;
}
.ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin {
  position: relative;
}
.ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin svg {
  width: 16.7901234568vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin svg {
    width: 12.5925925926vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin svg {
    width: 12.5925925926vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin svg {
    width: 12.5925925926vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin svg {
    width: 12.5925925926vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin svg {
    width: 12.5925925926vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin svg {
    width: 12.5925925926vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin svg {
    width: 12.5925925926vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin svg {
    width: 12.5925925926vmin;
  }
}
.ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin span {
  position: absolute;
  font-size: 4.3209876543vmin;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.3703703704vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
.ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text {
  position: relative;
  margin-top: 3.7037037037vmin;
}
.ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text svg {
  width: 19.7530864198vmin;
  height: 19.7530864198vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text svg {
    width: 14.8148148148vmin;
    height: 14.8148148148vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text svg {
    width: 14.8148148148vmin;
    height: 14.8148148148vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text svg {
    width: 14.8148148148vmin;
    height: 14.8148148148vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text svg {
    width: 14.8148148148vmin;
    height: 14.8148148148vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text svg {
    width: 14.8148148148vmin;
    height: 14.8148148148vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text svg {
    width: 14.8148148148vmin;
    height: 14.8148148148vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text svg {
    width: 14.8148148148vmin;
    height: 14.8148148148vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text svg {
    width: 14.8148148148vmin;
    height: 14.8148148148vmin;
  }
}
.ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 11.1111111111vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text span {
    font-size: 8.1481481481vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text span {
    font-size: 8.1481481481vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text span {
    font-size: 8.1481481481vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text span {
    font-size: 8.1481481481vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text span {
    font-size: 8.1481481481vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text span {
    font-size: 8.1481481481vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text span {
    font-size: 8.1481481481vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-1 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-2 .ie-recitation-ques-text span {
    font-size: 8.1481481481vmin;
  }
}
.ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text-box, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text-box {
  display: -ms-flexbox;
  display: flex;
  margin-right: 2.962962963vmin;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text-box:last-child, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text-box:last-child {
  margin-right: 0;
}
.ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin {
  position: relative;
}
.ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin svg {
  width: 14.3209876543vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin svg {
    width: 11.8518518519vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin svg {
    width: 11.8518518519vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin svg {
    width: 11.8518518519vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin svg {
    width: 11.8518518519vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin svg {
    width: 11.8518518519vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin svg {
    width: 11.8518518519vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin svg {
    width: 11.8518518519vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin svg {
    width: 11.8518518519vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin svg {
    width: 12.5925925926vmin;
  }
}
.ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin span {
  position: absolute;
  font-size: 3.950617284vmin;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.3703703704vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin span {
    font-size: 2.962962963vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-pinyin span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-pinyin span {
    font-size: 3.2098765432vmin;
  }
}
.ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text {
  position: relative;
  margin-top: 3.7037037037vmin;
}
.ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text svg {
  width: 14.8148148148vmin;
  height: 14.8148148148vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text svg {
    width: 12.3456790123vmin;
    height: 12.3456790123vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text svg {
    width: 12.3456790123vmin;
    height: 12.3456790123vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text svg {
    width: 12.3456790123vmin;
    height: 12.3456790123vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text svg {
    width: 12.3456790123vmin;
    height: 12.3456790123vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text svg {
    width: 12.3456790123vmin;
    height: 12.3456790123vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text svg {
    width: 12.3456790123vmin;
    height: 12.3456790123vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text svg {
    width: 12.3456790123vmin;
    height: 12.3456790123vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text svg {
    width: 12.3456790123vmin;
    height: 12.3456790123vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text svg, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text svg {
    width: 13.3333333333vmin;
    height: 13.3333333333vmin;
  }
}
.ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 8.3950617284vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text span {
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text span {
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text span {
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text span {
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text span {
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text span {
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text span {
    font-size: 7.4074074074vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text span {
    font-size: 7.4074074074vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper-3 .ie-recitation-ques-text span, .ie-recitation-ques-pic-wrapper-4 .ie-recitation-ques-text span {
    font-size: 7.6543209877vmin;
  }
}
.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-container, .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-container, .ie-recitation-ques-text-5 .ie-recitation-ques-text-container, .ie-recitation-ques-text-50 .ie-recitation-ques-text-container {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box, .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box, .ie-recitation-ques-text-5 .ie-recitation-ques-text-box, .ie-recitation-ques-text-50 .ie-recitation-ques-text-box {
  margin-right: 1.2345679012vmin;
}
.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-5 .ie-recitation-ques-pinyin svg, .ie-recitation-ques-text-50 .ie-recitation-ques-pinyin svg {
  display: none;
}
.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text svg, .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text svg, .ie-recitation-ques-text-5 .ie-recitation-ques-text svg, .ie-recitation-ques-text-50 .ie-recitation-ques-text svg {
  display: none;
}
.ie-recitation-ques-text-pinyin-5 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-picture-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 1.2345679012vmin;
}
.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box {
  min-width: 4.9382716049vmin;
}
.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin {
  font-size: 3.4567901235vmin;
}
.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin-no {
  margin-bottom: 4.9382716049vmin;
}
.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
  margin-top: -0.7407407407vmin;
  font-size: 4.9382716049vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 6.1728395062vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 6.1728395062vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 6.1728395062vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 6.1728395062vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 6.1728395062vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 6.1728395062vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 6.1728395062vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 6.1728395062vmin;
  }
}
.ie-recitation-ques-text-5 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-recitation-ques-text-5 .ie-recitation-ques-picture-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 1.2345679012vmin;
}
.ie-recitation-ques-text-5 .ie-recitation-ques-text-box {
  width: 5.9259259259vmin;
}
.ie-recitation-ques-text-5 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin {
  display: none;
}
.ie-recitation-ques-text-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
  font-size: 5.1851851852vmin;
  margin-top: 0vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.9382716049vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.9382716049vmin;
  }
}
.ie-recitation-ques-text-50 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-recitation-ques-text-50 .ie-recitation-ques-text-box {
  width: 3.4567901235vmin;
}
.ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin {
  display: none;
}
.ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-text {
  font-size: 3.4567901235vmin;
  margin-top: 0.7407407407vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
.ie-recitation-ques-text-pinyin-25 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-picture-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-picture-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-picture-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-picture-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-picture-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-picture-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-picture-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-picture-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin {
  font-size: 2.4691358025vmin;
}
.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin-no {
  margin-bottom: 4.9382716049vmin;
}
.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
  margin-top: 0vmin;
  font-size: 3.4567901235vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}
.ie-recitation-ques-syllables {
  position: relative;
}
.ie-recitation-ques-syllables svg {
  width: 61.7283950617vmin;
  height: 13.3333333333vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-syllables svg {
    width: 49.3827160494vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-syllables svg {
    width: 49.3827160494vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-syllables svg {
    width: 49.3827160494vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-syllables svg {
    width: 49.3827160494vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-syllables svg {
    width: 49.3827160494vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-syllables svg {
    width: 49.3827160494vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-syllables svg {
    width: 49.3827160494vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-syllables svg {
    width: 49.3827160494vmin;
    height: 10.3703703704vmin;
  }
}
.ie-recitation-ques-syllables-text {
  position: absolute;
  font-size: 7.4074074074vmin;
  font-weight: 700;
  height: 100%;
  left: 50%;
  top: 0;
  line-height: 12.0987654321vmin;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media (width: 1024px) {
  .ie-recitation-ques-syllables-text {
    font-size: 5.9259259259vmin;
    line-height: 9.3827160494vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-syllables-text {
    font-size: 5.9259259259vmin;
    line-height: 9.3827160494vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-syllables-text {
    font-size: 5.9259259259vmin;
    line-height: 9.3827160494vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-syllables-text {
    font-size: 5.9259259259vmin;
    line-height: 9.3827160494vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-syllables-text {
    font-size: 5.9259259259vmin;
    line-height: 9.3827160494vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-syllables-text {
    font-size: 5.9259259259vmin;
    line-height: 9.3827160494vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-syllables-text {
    font-size: 5.9259259259vmin;
    line-height: 9.3827160494vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-syllables-text {
    font-size: 5.9259259259vmin;
    line-height: 9.3827160494vmin;
  }
}
.ie-recitation-ques-syllables-text span {
  margin-right: 3.7037037037vmin;
}
.ie-recitation-ques-syllables-text span:last-child {
  margin-right: 0;
}
.ie-recitation-ques-syllables-more svg {
  width: 111.1111111111vmin;
  height: 13.3333333333vmin;
}
@media (width: 1024px) {
  .ie-recitation-ques-syllables-more svg {
    width: 93.8271604938vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-syllables-more svg {
    width: 93.8271604938vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-syllables-more svg {
    width: 93.8271604938vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-syllables-more svg {
    width: 93.8271604938vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-syllables-more svg {
    width: 93.8271604938vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-syllables-more svg {
    width: 93.8271604938vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-syllables-more svg {
    width: 93.8271604938vmin;
    height: 10.3703703704vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-syllables-more svg {
    width: 93.8271604938vmin;
    height: 10.3703703704vmin;
  }
}

@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin {
    font-size: 4.9382716049vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper.ie-recitation-ques-text-pinyin-5 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 7.6543209877vmin;
  }
}

.ie-recitation-ques-pic-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-picture-box {
  width: 35.5555555556vmin;
  margin-right: 1.2345679012vmin;
}
@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-picture-box {
    margin-right: 2.4691358025vmin;
  }
}
.ie-recitation-ques-pic-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box {
  margin-top: -1.2345679012vmin;
}
@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin {
    font-size: 3.2098765432vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.9382716049vmin;
  }
}

@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper.ie-recitation-ques-text-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 6.4197530864vmin;
  }
}

.ie-recitation-ques-pic-wrapper.ie-recitation-ques-text-50 .ie-recitation-ques-picture-box {
  width: 38.024691358vmin;
}
@media (max-height: 500px) {
  .ie-recitation-ques-pic-wrapper.ie-recitation-ques-text-50 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 4.4444444444vmin;
  }
}

.ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box {
  margin-top: -1.2345679012vmin;
}
@media (max-height: 500px) {
  .ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-pinyin {
    font-size: 3.950617284vmin;
  }
}
@media (max-height: 500px) {
  .ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 5.1851851852vmin;
  }
}
@media (width: 1024px) {
  .ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 3.950617284vmin;
  }
}
@media (width: 1180px) {
  .ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 3.950617284vmin;
  }
}
@media (width: 1340px) {
  .ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 3.950617284vmin;
  }
}
@media (width: 1368px) {
  .ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 3.950617284vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 3.950617284vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 3.950617284vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 3.950617284vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-recitation-ques-text-wrapper.ie-recitation-ques-text-pinyin-25 .ie-recitation-ques-text-box .ie-recitation-ques-text {
    font-size: 3.950617284vmin;
  }
}

.ie-recitation-finish-dis {
  background-color: #d1d1d1 !important;
}
.ie-recitation-container {
  display: -ms-flexbox;
  display: flex;
  padding: 2.4691358025vmin;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: -1.2345679012vmin;
  overflow: hidden;
}
.ie-recitation-wrapper {
  width: 80%;
  height: 85.1851851852vmin;
  background: #8bd9fc;
  box-shadow: inset 0px -0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
  border-radius: 4.9382716049vmin;
  padding: 2.4691358025vmin;
  box-sizing: border-box;
  position: relative;
}
.ie-recitation-top {
  background: #ffe99c;
  box-shadow: 0px 0.3703703704vmin 0.987654321vmin rgba(0, 0, 0, 0.08), inset 0px -0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
  border-radius: 3.7037037037vmin;
  height: 51.8518518519vmin;
  box-sizing: border-box;
  position: relative;
}
.ie-recitation-top-wrapper {
  padding: 3.7037037037vmin;
  height: 49.3827160494vmin;
  border-radius: 3.7037037037vmin;
  width: 100%;
  background: #fffbee;
  box-shadow: 0px 0.3703703704vmin 0.987654321vmin rgba(0, 0, 0, 0.08), inset 0px -0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
  border-radius: 3.7037037037vmin;
}
.ie-recitation-circle-tag {
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  background: #8bd8fb;
  position: absolute;
  top: 2.4691358025vmin;
  left: 2.4691358025vmin;
  border-radius: 50%;
  border: 0.3703703704vmin solid #ffebad;
  box-sizing: border-box;
  box-shadow: inset 0px 0px 0.987654321vmin rgba(0, 0, 0, 0.25);
}
.ie-recitation-bottom {
  height: 25.9259259259vmin;
  width: 100%;
  background: #c0ebff;
  box-shadow: inset 0px -0.4938271605vmin 1.4814814815vmin #9be0ff;
  border-radius: 3.7037037037vmin;
  margin-top: 2.4691358025vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-recitation-operate-box {
  margin-right: 9.8765432099vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-recitation-operate-box:last-child {
  margin-right: 0;
}
.ie-recitation-operate-box span {
  margin-top: 2.4691358025vmin;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 400;
  font-size: 2.962962963vmin;
}
.ie-recitation-operate-mic-shake .ie-recitation-operate-mic-icon {
  animation: shake 0.8s ease-in-out infinite;
}
.ie-recitation-operate-mic-icon {
  width: 12.3456790123vmin;
  height: 12.3456790123vmin;
  background: #10c3f9;
  box-shadow: 0px 0.4938271605vmin 0px #00a2d2, inset 0px -0.4938271605vmin 0.987654321vmin rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-recitation-operate-mic-icon svg {
  width: 7.9012345679vmin;
  height: 7.9012345679vmin;
}
.ie-recitation-operate-mic-icon div {
  margin-top: 1.2345679012vmin;
}
.ie-recitation-operate-audio-icon {
  width: 12.3456790123vmin;
  height: 12.3456790123vmin;
  background: #58d982;
  box-shadow: 0px 0.4938271605vmin 0px #3db765, inset 0px -0.4938271605vmin 0.987654321vmin rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-recitation-operate-audio-icon svg {
  width: 7.9012345679vmin;
  height: 7.9012345679vmin;
}
.ie-recitation-operate-audio-icon div {
  margin-top: 1.2345679012vmin;
}
.ie-recitation-operate-box-dis .ie-recitation-operate-audio-icon {
  transform: scale(0.8);
  opacity: 0.5;
  transition: all 0.3s;
}
.ie-recitation-operate-box-dis span {
  display: inline-block;
}
.ie-recitation-star-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  height: 12.3456790123vmin;
  position: relative;
}
.ie-recitation-star-box img {
  width: 7.4074074074vmin;
  margin-right: 14px;
}
.ie-recitation-star-box-dis {
  height: 9.8765432099vmin;
}
.ie-recitation-star-wrap {
  position: absolute;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  left: 0;
}
.ie-recitation-star-wrap img {
  width: 7.4074074074vmin;
  margin-right: 14px;
}

@keyframes shake {
  0% {
    transform: scale(1) rotate(0deg);
  }
  20% {
    transform: scale(1.2) rotate(-5deg);
  }
  40% {
    transform: scale(1) rotate(10deg);
  }
  60% {
    transform: scale(1.2) rotate(-5deg);
  }
  80% {
    transform: scale(1) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}

@charset "UTF-8";
.ie-special-result-ip-ani {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
@media (max-height: 500px) {
  .ie-special-result-content {
    margin-top: 2.4691358025vmin;
  }
}
.ie-special-result-title-box {
  position: fixed;
  top: 3.7037037037vmin;
  left: 50%;
  transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-special-result-title-box-MATH .ie-special-result-box-top-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-special-result-title {
  position: relative;
  max-width: 64.8148148148vmin;
  height: 7.4074074074vmin;
  background: #10c3f9;
  box-shadow: 0 0.3703703704vmin 0 #0db0e1;
  border-radius: 7.4074074074vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 7.4074074074vmin;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-special-result-title::before, .ie-special-result-title::after {
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  content: " ";
  background-color: #98dcff;
  border-radius: 50%;
  position: relative;
  padding-top: 1.4814814815vmin;
  padding-left: 1.4814814815vmin;
}
.ie-special-result-title::before {
  margin-right: 2.4691358025vmin;
}
.ie-special-result-title::after {
  margin-left: 2.4691358025vmin;
}
.ie-special-result-title-line {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ie-special-result-title-line::before, .ie-special-result-title-line::after {
  width: 0.987654321vmin;
  height: 5.5555555556vmin;
  background-color: #10c3f9;
  content: "";
  position: absolute;
  bottom: 100%;
}
.ie-special-result-title-line::before {
  left: 7.6543209877vmin;
}
.ie-special-result-title-line::after {
  right: 7.6543209877vmin;
}
.ie-special-result-title span {
  font-weight: bold;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 3.2098765432vmin;
  line-height: 4.3209876543vmin;
  color: #fff;
}
.ie-special-result-wrapper {
  position: relative;
  height: 79.012345679vmin;
  width: 98.7654320988vmin;
  border-radius: 2.4691358025vmin;
  background: rgba(255, 255, 255, 0.2);
  margin-top: 4.9382716049vmin;
  box-sizing: border-box;
  padding: 1.2345679012vmin;
}
.ie-special-result-wrapper-MATH {
  height: 71.6049382716vmin;
  margin-top: 7.4074074074vmin;
}
.ie-special-result-box {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 2.4691358025vmin;
  padding: 2.4691358025vmin;
}
.ie-special-result-box-top {
  background: #f2f6f7;
  border-radius: 1.975308642vmin;
  padding: 1.2345679012vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-special-result-box-top-left img {
  width: 19.7530864198vmin;
  height: 19.7530864198vmin;
}
.ie-special-result-box-top-right {
  margin-top: 0.987654321vmin;
  margin-left: 2.4691358025vmin;
}
.ie-special-result-box-top-right-title {
  color: rgba(0, 0, 0, 0.8);
  font-size: 2.4691358025vmin;
  font-weight: 400;
}
.ie-special-result-box-top-right-process {
  margin-top: 5.4320987654vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-special-result-process-box {
  margin: 0 2.2222222222vmin;
  display: -ms-flexbox;
  display: flex;
  width: 54.0740740741vmin;
  height: 1.4814814815vmin;
  background: #e1e5e6;
  border-radius: 2.2222222222vmin;
  position: relative;
}
@media (max-height: 500px) {
  .ie-special-result-process-box {
    width: 44.4444444444vmin;
  }
}
.ie-special-result-process-box-active {
  background: linear-gradient(270deg, #ffbf00 0%, #ffe493 100%);
  border-radius: 2.2222222222vmin;
  position: relative;
}
.ie-special-result-process-box-active-point {
  position: absolute;
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  background-color: transparent;
  border-radius: 50%;
  top: -0.7407407407vmin;
  border: 0.6172839506vmin solid #ffffff;
  right: 0vmin;
  background: #ffbf00;
  z-index: 99;
}
.ie-special-result-process-box-active-zero .ie-special-result-process-box-active-point {
  right: -1.4814814815vmin;
}
.ie-special-result-process-box-avg-active {
  border-radius: 2.2222222222vmin;
  position: absolute;
}
.ie-special-result-process-box-avg-active-point {
  position: absolute;
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  background-color: transparent;
  border-radius: 50%;
  top: -0.7407407407vmin;
  border: 0.6172839506vmin solid #ffffff;
  right: 0vmin;
  background: #e1e5e5;
}
.ie-special-result-process-box-active-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 3.950617284vmin;
  padding: 0 1.4814814815vmin;
  border-radius: 0 1.7283950617vmin 1.7283950617vmin 0;
  height: 3.7037037037vmin;
  background: #ffbf00;
  color: #ffffff;
  font-size: 1.975308642vmin;
  font-weight: 400;
  line-height: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  min-width: 11.1111111111vmin;
  -ms-flex-pack: center;
      justify-content: center;
  box-shadow: 0px vmins 2 0.4938271605vmin rgba(255, 191, 0, 0.2);
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.ie-special-result-process-box-active-text img {
  position: absolute;
  border: 2px solid #ffffff;
  border-radius: 50%;
  width: 4.4444444444vmin;
  height: 4.4444444444vmin;
  left: -3.7037037037vmin;
  top: -0.3703703704vmin;
}
.ie-special-result-process-box-active-text::after {
  content: "";
  top: -0.7407407407vmin;
  position: absolute;
  height: 0.987654321vmin;
  width: 1.975308642vmin;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxNiA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTEyMzBfMjUwMzkzKSI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMTEyMzBfMjUwMzkzKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42Mzg0NiAxLjg1MzA3QzguODQyMjYgMC43MTU2NCA3LjE1Nzc0IDAuNzE1NjQzIDYuMzYxNTMgMS44NTMwOEwzLjI1MzE5IDYuMjkzNTdDMi41MDQ2OCA3LjM2Mjg3IDEuMjgxNTIgNy45OTk3MiAtMC4wMjM3Mzg5IDcuOTk5NzJILTQwQy00Mi4yMDkxIDcuOTk5NzIgLTQ0IDkuNzkwNTggLTQ0IDExLjk5OTdWMzEuOTk5N0MtNDQgMzQuMjA4OSAtNDIuMjA5MSAzNS45OTk3IC00MCAzNS45OTk3SDM0QzQxLjczMiAzNS45OTk3IDQ4IDI5LjczMTcgNDggMjEuOTk5N0M0OCAxNC4yNjc3IDQxLjczMiA3Ljk5OTcyIDM0IDcuOTk5NzJIMTYuMDIzN0MxNC43MTg1IDcuOTk5NzIgMTMuNDk1MyA3LjM2Mjg3IDEyLjc0NjggNi4yOTM1Nkw5LjYzODQ2IDEuODUzMDdaIiBmaWxsPSIjRkZCRjAwIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzExMjMwXzI1MDM5MyIgeD0iLTQ4IiB5PSItMSIgd2lkdGg9IjEwMCIgaGVpZ2h0PSI0MyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIyIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAwLjc0OTAyIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18xMTIzMF8yNTAzOTMiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTEyMzBfMjUwMzkzIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExMjMwXzI1MDM5MyI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}
.ie-special-result-process-box-avg-active-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.2222222222vmin;
  padding: 0 1.4814814815vmin;
  border-radius: 1.7283950617vmin;
  height: 3.7037037037vmin;
  color: rgba(0, 0, 0, 0.4);
  background-color: #fff;
  font-size: 1.975308642vmin;
  font-weight: 400;
  line-height: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  min-width: 19.5061728395vmin;
  -ms-flex-pack: center;
      justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  box-shadow: 0px 0.2469135802vmin 0.4938271605vmin rgba(0, 0, 0, 0.06);
}
.ie-special-result-process-box-avg-active-text::after {
  content: "";
  position: absolute;
  height: 0.987654321vmin;
  width: 1.975308642vmin;
  bottom: -0.987654321vmin;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxNiA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTEyMzBfMjUwNDAxKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNLTUwIC0yOEMtNTcuNzMyIC0yOCAtNjQgLTIxLjczMiAtNjQgLTE0Qy02NCAtNi4yNjgwMSAtNTcuNzMyIDAgLTUwIDBIMC4zMTczODNDMS42MjI2MyAwIDIuODQ1NzkgMC42MzY4NDUgMy41OTQzMSAxLjcwNjE1TDYuMzYxNTMgNS42NTkzM0M3LjE1Nzc0IDYuNzk2NzcgOC44NDIyNiA2Ljc5Njc3IDkuNjM4NDcgNS42NTkzNEwxMi40MDU3IDEuNzA2MTVDMTMuMTU0MiAwLjYzNjg0NSAxNC4zNzc0IDAgMTUuNjgyNiAwSDY2QzczLjczMiAwIDgwIC02LjI2ODAxIDgwIC0xNEM4MCAtMjEuNzMyIDczLjczMiAtMjggNjYgLTI4SC01MFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTEyMzBfMjUwNDAxIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.ie-special-result-process-box-avg-active-zero .ie-special-result-process-box-avg-active-point {
  right: -1.4814814815vmin;
}
.ie-special-result-process-avgScore {
  position: absolute;
  top: 0;
}
.ie-special-result-info-box {
  width: 100%;
  margin-top: 2.4691358025vmin;
  border-top: 0.1234567901vmin solid #eaeff0;
  height: 8.024691358vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.ie-special-result-info-box-left {
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  font-size: 2.4691358025vmin;
}
.ie-special-result-info-box-right {
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  font-size: 2.4691358025vmin;
}
.ie-special-result-info-box-right span {
  color: rgba(0, 0, 0, 0.8);
  margin-left: 0.7407407407vmin;
}
.ie-special-result-info-box-left-count span {
  color: rgba(0, 0, 0, 0.8);
  margin-left: 0.7407407407vmin;
}
.ie-special-result-info-box-left-count:last-child {
  margin-left: 4.9382716049vmin;
}
.ie-special-result-sheet-list {
  height: 28.3950617284vmin;
  overflow-x: hidden;
  overflow-y: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-special-result-sheet-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-special-result-sheet-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-special-result-sheet-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-special-result-sheet-box {
  height: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-special-result-sheet-item {
  width: 12.3456790123vmin;
  height: 12.3456790123vmin;
  background: #fff4d1;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1.975308642vmin;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 3.4567901235vmin;
  margin-right: 3.2098765432vmin;
  position: relative;
}
.ie-special-result-sheet-item:nth-child(6n) {
  margin-right: 0;
}
.ie-special-result-sheet-item-top {
  font-size: 3.950617284vmin;
  height: 8.3950617284vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-special-result-sheet-item-bottom {
  width: 100%;
  height: 3.950617284vmin;
  display: block;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #ff6666;
  text-align: center;
  position: relative;
}
.ie-special-result-sheet-item-bottom-correct {
  background-color: #00cf64;
}
.ie-special-result-sheet-item-icon {
  position: absolute;
  width: 3.950617284vmin;
  height: 3.950617284vmin;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ie-special-result-operate {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  bottom: 3.7037037037vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-special-result-operate-button {
  margin-right: 12.3456790123vmin;
}
.ie-special-result-operate-button:last-child {
  margin-right: 0vmin;
}
.ie-special-result-next-button, .ie-special-result-reset-button {
  height: 7.4074074074vmin;
  font-size: 3.2098765432vmin;
  width: 29.6296296296vmin;
}
.ie-special-result-tip-wrapper {
  position: absolute;
  bottom: 6.1728395062vmin;
  right: 9.8765432099vmin;
  border-radius: 2.4691358025vmin;
  background: rgba(0, 0, 0, 0.2);
  padding: 1.4814814815vmin 4.9382716049vmin 1.4814814815vmin 1.4814814815vmin;
  max-width: 29.6296296296vmin;
  height: auto;
  font-size: 2.7160493827vmin;
  color: #fff;
  z-index: 99;
}
@media (width: 1024px) {
  .ie-special-result-tip-wrapper {
    bottom: 9.8765432099vmin;
    right: 6.1728395062vmin;
    max-width: 24.6913580247vmin;
    padding: 1.4814814815vmin 3.7037037037vmin 1.4814814815vmin 1.4814814815vmin;
  }
}
@media (width: 1180px) {
  .ie-special-result-tip-wrapper {
    bottom: 9.8765432099vmin;
    right: 6.1728395062vmin;
    max-width: 24.6913580247vmin;
    padding: 1.4814814815vmin 3.7037037037vmin 1.4814814815vmin 1.4814814815vmin;
  }
}
@media (width: 1340px) {
  .ie-special-result-tip-wrapper {
    bottom: 9.8765432099vmin;
    right: 6.1728395062vmin;
    max-width: 24.6913580247vmin;
    padding: 1.4814814815vmin 3.7037037037vmin 1.4814814815vmin 1.4814814815vmin;
  }
}
@media (width: 1368px) {
  .ie-special-result-tip-wrapper {
    bottom: 9.8765432099vmin;
    right: 6.1728395062vmin;
    max-width: 24.6913580247vmin;
    padding: 1.4814814815vmin 3.7037037037vmin 1.4814814815vmin 1.4814814815vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-special-result-tip-wrapper {
    bottom: 9.8765432099vmin;
    right: 6.1728395062vmin;
    max-width: 24.6913580247vmin;
    padding: 1.4814814815vmin 3.7037037037vmin 1.4814814815vmin 1.4814814815vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-special-result-tip-wrapper {
    bottom: 9.8765432099vmin;
    right: 6.1728395062vmin;
    max-width: 24.6913580247vmin;
    padding: 1.4814814815vmin 3.7037037037vmin 1.4814814815vmin 1.4814814815vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-special-result-tip-wrapper {
    bottom: 9.8765432099vmin;
    right: 6.1728395062vmin;
    max-width: 24.6913580247vmin;
    padding: 1.4814814815vmin 3.7037037037vmin 1.4814814815vmin 1.4814814815vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-special-result-tip-wrapper {
    bottom: 9.8765432099vmin;
    right: 6.1728395062vmin;
    max-width: 24.6913580247vmin;
    padding: 1.4814814815vmin 3.7037037037vmin 1.4814814815vmin 1.4814814815vmin;
  }
}
.ie-special-result-tip {
  position: relative;
  font-size: 2.4691358025vmin;
}
.ie-special-result-tip img {
  position: absolute;
  width: 9.8765432099vmin;
  right: -9.8765432099vmin;
  top: -1.7283950617vmin;
}
.ie-special-result-tip span {
  display: block;
}
.ie-special-result-tip-box-btn {
  padding: 0 1.7283950617vmin;
  background-color: #ff8d00;
  border-radius: 2.4691358025vmin;
  font-size: 1.975308642vmin;
  color: #fff;
  margin-top: 0.7407407407vmin;
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 4.1975308642vmin;
  -ms-flex-align: center;
      align-items: center;
  line-height: 4.6913580247vmin;
}

@charset "UTF-8";
.ie-special-result-math-wrapper {
  position: relative;
  height: 69.1358024691vmin;
  margin-top: 12.3456790123vmin;
  width: 98.7654320988vmin;
  border-radius: 3.7037037037vmin;
  background: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  padding: 1.2345679012vmin;
}
.ie-special-result-math-box {
  width: 100%;
  height: 100%;
  border-radius: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-special-result-math-box-top {
  border-radius: 3.7037037037vmin 3.7037037037vmin 0 0;
  background: linear-gradient(180deg, #7bd8ff 0%, #42c6ff 100%);
  padding: 1.2345679012vmin 1.2345679012vmin 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 16.049382716vmin;
  box-shadow: 0px 0.1234567901vmin 0px rgba(255, 255, 255, 0.8) inset;
}
.ie-special-result-math-box-top-left {
  margin-left: 2.4691358025vmin;
}
.ie-special-result-math-box-top-left img {
  margin-top: -7.4074074074vmin;
  width: 19.7530864198vmin;
  height: 19.7530864198vmin;
}
.ie-special-result-math-box-top-right {
  margin-top: 0.987654321vmin;
  margin-left: 2.4691358025vmin;
}
.ie-special-result-math-box-top-right-title {
  color: white;
  font-size: 2.7160493827vmin;
  font-weight: 500;
  text-shadow: 0px 0.1234567901vmin 0.4938271605vmin 0px rgba(2, 93, 144, 0.2);
}
.ie-special-result-math-box-bottom {
  -ms-flex: 1;
      flex: 1;
  background-color: #fff;
  padding: 0 2.4691358025vmin 2.4691358025vmin;
  border-radius: 3.7037037037vmin;
  margin-top: -2.962962963vmin;
}
.ie-special-result-math-info-box {
  width: 100%;
  margin-top: 1.2345679012vmin;
  height: 8.024691358vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.ie-special-result-math-info-box-left {
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  font-size: 2.4691358025vmin;
}
.ie-special-result-math-info-box-right {
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  font-size: 2.4691358025vmin;
}
.ie-special-result-math-info-box-right span {
  color: rgba(0, 0, 0, 0.8);
  margin-left: 0.7407407407vmin;
}
.ie-special-result-math-info-box-left-count span {
  color: rgba(0, 0, 0, 0.8);
  margin-left: 0.7407407407vmin;
}
.ie-special-result-math-info-box-left-count:last-child {
  margin-left: 4.9382716049vmin;
}
.ie-special-result-math-sheet-list {
  height: 28.3950617284vmin;
  overflow-x: hidden;
  overflow-y: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-special-result-math-sheet-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-special-result-math-sheet-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-special-result-math-sheet-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-special-result-math-sheet-box {
  height: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-special-result-math-sheet-item {
  width: 12.3456790123vmin;
  height: 12.3456790123vmin;
  background: #fff4d1;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1.975308642vmin;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 3.4567901235vmin;
  margin-right: 3.2098765432vmin;
  position: relative;
}
.ie-special-result-math-sheet-item:nth-child(6n) {
  margin-right: 0;
}
.ie-special-result-math-sheet-item-top {
  font-size: 3.950617284vmin;
  height: 8.3950617284vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-special-result-math-sheet-item-bottom {
  width: 100%;
  height: 3.950617284vmin;
  display: block;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #ff6666;
  text-align: center;
  position: relative;
}
.ie-special-result-math-sheet-item-bottom-correct {
  background-color: #00cf64;
}
.ie-special-result-math-sheet-item-icon {
  position: absolute;
  width: 3.950617284vmin;
  height: 3.950617284vmin;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ie-special-result-math-operate {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  bottom: 3.7037037037vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-special-result-math-operate-button {
  margin-right: 12.3456790123vmin;
}
.ie-special-result-math-operate-button:last-child {
  margin-right: 0vmin;
}
.ie-special-result-math-next-button, .ie-special-result-math-reset-button {
  height: 7.4074074074vmin;
  font-size: 3.2098765432vmin;
  width: 29.6296296296vmin;
}

@charset "UTF-8";
.ie-special-result-chinese-wrapper {
  position: relative;
  height: 79.012345679vmin;
  width: 98.7654320988vmin;
  border-radius: 2.4691358025vmin;
  background: rgba(255, 255, 255, 0.2);
  margin-top: 4.9382716049vmin;
  box-sizing: border-box;
  padding: 1.2345679012vmin;
}
.ie-special-result-chinese-box {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 2.4691358025vmin;
  padding: 2.4691358025vmin;
}
.ie-special-result-chinese-box-top {
  background: #f2f6f7;
  border-radius: 1.975308642vmin;
  padding: 1.2345679012vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-special-result-chinese-box-top-left img {
  width: 19.7530864198vmin;
  height: 19.7530864198vmin;
}
.ie-special-result-chinese-box-top-right {
  margin-top: 0.987654321vmin;
  margin-left: 2.4691358025vmin;
}
.ie-special-result-chinese-box-top-right-title {
  color: rgba(0, 0, 0, 0.8);
  font-size: 2.4691358025vmin;
  font-weight: 400;
}
.ie-special-result-chinese-box-top-right-process {
  margin-top: 5.4320987654vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-special-result-chinese-process-box {
  margin: 0 2.2222222222vmin;
  display: -ms-flexbox;
  display: flex;
  width: 54.0740740741vmin;
  height: 1.4814814815vmin;
  background: #e1e5e6;
  border-radius: 2.2222222222vmin;
  position: relative;
}
@media (max-height: 500px) {
  .ie-special-result-chinese-process-box {
    width: 44.4444444444vmin;
  }
}
.ie-special-result-chinese-process-box-active {
  background: linear-gradient(270deg, #ffbf00 0%, #ffe493 100%);
  border-radius: 2.2222222222vmin;
  position: relative;
}
.ie-special-result-chinese-process-box-active-point {
  position: absolute;
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  background-color: transparent;
  border-radius: 50%;
  top: -0.7407407407vmin;
  border: 0.6172839506vmin solid #ffffff;
  right: 0vmin;
  background: #ffbf00;
  z-index: 99;
}
.ie-special-result-chinese-process-box-active-zero .ie-special-result-chinese-process-box-active-point {
  right: -1.4814814815vmin;
}
.ie-special-result-chinese-process-box-avg-active {
  border-radius: 2.2222222222vmin;
  position: absolute;
}
.ie-special-result-chinese-process-box-avg-active-point {
  position: absolute;
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  background-color: transparent;
  border-radius: 50%;
  top: -0.7407407407vmin;
  border: 0.6172839506vmin solid #ffffff;
  right: 0vmin;
  background: #e1e5e5;
}
.ie-special-result-chinese-process-box-active-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 3.950617284vmin;
  padding: 0 1.4814814815vmin;
  border-radius: 0 1.7283950617vmin 1.7283950617vmin 0;
  height: 3.7037037037vmin;
  background: #ffbf00;
  color: #ffffff;
  font-size: 1.975308642vmin;
  font-weight: 400;
  line-height: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  min-width: 11.1111111111vmin;
  -ms-flex-pack: center;
      justify-content: center;
  box-shadow: 0px vmins 2 0.4938271605vmin rgba(255, 191, 0, 0.2);
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.ie-special-result-chinese-process-box-active-text img {
  position: absolute;
  border: 2px solid #ffffff;
  border-radius: 50%;
  width: 4.4444444444vmin;
  height: 4.4444444444vmin;
  left: -3.7037037037vmin;
  top: -0.3703703704vmin;
}
.ie-special-result-chinese-process-box-active-text::after {
  content: "";
  top: -0.7407407407vmin;
  position: absolute;
  height: 0.987654321vmin;
  width: 1.975308642vmin;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxNiA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTEyMzBfMjUwMzkzKSI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMTEyMzBfMjUwMzkzKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42Mzg0NiAxLjg1MzA3QzguODQyMjYgMC43MTU2NCA3LjE1Nzc0IDAuNzE1NjQzIDYuMzYxNTMgMS44NTMwOEwzLjI1MzE5IDYuMjkzNTdDMi41MDQ2OCA3LjM2Mjg3IDEuMjgxNTIgNy45OTk3MiAtMC4wMjM3Mzg5IDcuOTk5NzJILTQwQy00Mi4yMDkxIDcuOTk5NzIgLTQ0IDkuNzkwNTggLTQ0IDExLjk5OTdWMzEuOTk5N0MtNDQgMzQuMjA4OSAtNDIuMjA5MSAzNS45OTk3IC00MCAzNS45OTk3SDM0QzQxLjczMiAzNS45OTk3IDQ4IDI5LjczMTcgNDggMjEuOTk5N0M0OCAxNC4yNjc3IDQxLjczMiA3Ljk5OTcyIDM0IDcuOTk5NzJIMTYuMDIzN0MxNC43MTg1IDcuOTk5NzIgMTMuNDk1MyA3LjM2Mjg3IDEyLjc0NjggNi4yOTM1Nkw5LjYzODQ2IDEuODUzMDdaIiBmaWxsPSIjRkZCRjAwIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzExMjMwXzI1MDM5MyIgeD0iLTQ4IiB5PSItMSIgd2lkdGg9IjEwMCIgaGVpZ2h0PSI0MyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIyIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAwLjc0OTAyIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18xMTIzMF8yNTAzOTMiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTEyMzBfMjUwMzkzIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExMjMwXzI1MDM5MyI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}
.ie-special-result-chinese-process-box-avg-active-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.2222222222vmin;
  padding: 0 1.4814814815vmin;
  border-radius: 1.7283950617vmin;
  height: 3.7037037037vmin;
  color: rgba(0, 0, 0, 0.4);
  background-color: #fff;
  font-size: 1.975308642vmin;
  font-weight: 400;
  line-height: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  min-width: 19.5061728395vmin;
  -ms-flex-pack: center;
      justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  box-shadow: 0px 0.2469135802vmin 0.4938271605vmin rgba(0, 0, 0, 0.06);
}
.ie-special-result-chinese-process-box-avg-active-text::after {
  content: "";
  position: absolute;
  height: 0.987654321vmin;
  width: 1.975308642vmin;
  bottom: -0.987654321vmin;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxNiA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTEyMzBfMjUwNDAxKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNLTUwIC0yOEMtNTcuNzMyIC0yOCAtNjQgLTIxLjczMiAtNjQgLTE0Qy02NCAtNi4yNjgwMSAtNTcuNzMyIDAgLTUwIDBIMC4zMTczODNDMS42MjI2MyAwIDIuODQ1NzkgMC42MzY4NDUgMy41OTQzMSAxLjcwNjE1TDYuMzYxNTMgNS42NTkzM0M3LjE1Nzc0IDYuNzk2NzcgOC44NDIyNiA2Ljc5Njc3IDkuNjM4NDcgNS42NTkzNEwxMi40MDU3IDEuNzA2MTVDMTMuMTU0MiAwLjYzNjg0NSAxNC4zNzc0IDAgMTUuNjgyNiAwSDY2QzczLjczMiAwIDgwIC02LjI2ODAxIDgwIC0xNEM4MCAtMjEuNzMyIDczLjczMiAtMjggNjYgLTI4SC01MFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTEyMzBfMjUwNDAxIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.ie-special-result-chinese-process-box-avg-active-zero .ie-special-result-chinese-process-box-avg-active-point {
  right: -1.4814814815vmin;
}
.ie-special-result-chinese-process-avgScore {
  position: absolute;
  top: 0;
}
.ie-special-result-chinese-info-box {
  width: 100%;
  margin-top: 2.4691358025vmin;
  border-top: 0.1234567901vmin solid #eaeff0;
  height: 8.024691358vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.ie-special-result-chinese-info-box-left {
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  font-size: 2.4691358025vmin;
}
.ie-special-result-chinese-info-box-right {
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  font-size: 2.4691358025vmin;
}
.ie-special-result-chinese-info-box-right span {
  color: rgba(0, 0, 0, 0.8);
  margin-left: 0.7407407407vmin;
}
.ie-special-result-chinese-info-box-left-count span {
  color: rgba(0, 0, 0, 0.8);
  margin-left: 0.7407407407vmin;
}
.ie-special-result-chinese-info-box-left-count:last-child {
  margin-left: 4.9382716049vmin;
}
.ie-special-result-chinese-sheet-list {
  height: 28.3950617284vmin;
  overflow-x: hidden;
  overflow-y: overlay;
  -webkit-tap-highlight-color: transparent;
}
.ie-special-result-chinese-sheet-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-special-result-chinese-sheet-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-special-result-chinese-sheet-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-special-result-chinese-sheet-box {
  height: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-special-result-chinese-sheet-item {
  width: 12.3456790123vmin;
  height: 12.3456790123vmin;
  background: #fff4d1;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1.975308642vmin;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 3.4567901235vmin;
  margin-right: 3.2098765432vmin;
  position: relative;
}
.ie-special-result-chinese-sheet-item:nth-child(6n) {
  margin-right: 0;
}
.ie-special-result-chinese-sheet-item-top {
  font-size: 3.950617284vmin;
  height: 8.3950617284vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-special-result-chinese-sheet-item-bottom {
  width: 100%;
  height: 3.950617284vmin;
  display: block;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #ff6666;
  text-align: center;
  position: relative;
}
.ie-special-result-chinese-sheet-item-bottom-correct {
  background-color: #00cf64;
}
.ie-special-result-chinese-sheet-item-icon {
  position: absolute;
  width: 3.950617284vmin;
  height: 3.950617284vmin;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ie-special-result-chinese-operate {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  bottom: 3.7037037037vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-special-result-chinese-operate-button {
  margin-right: 12.3456790123vmin;
}
.ie-special-result-chinese-operate-button:last-child {
  margin-right: 0vmin;
}
.ie-special-result-chinese-next-button, .ie-special-result-chinese-reset-button {
  height: 7.4074074074vmin;
  font-size: 3.2098765432vmin;
  width: 29.6296296296vmin;
}

.ie-math-choice-container {
  display: -ms-flexbox;
  display: flex;
  padding: 2.4691358025vmin;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: -1.2345679012vmin;
  overflow: hidden;
}
.ie-math-choice-wrapper {
  width: 80%;
  height: 85.1851851852vmin;
  background: #64b3fe;
  box-shadow: inset 0px -0.4938271605vmin 0.4938271605vmin rgba(0, 0, 0, 0.08);
  border-radius: 4.9382716049vmin;
  padding: 2.4691358025vmin 2.4691358025vmin 1.4814814815vmin;
  box-sizing: border-box;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
@media (width: 1024px) {
  .ie-math-choice-wrapper {
    width: 83%;
  }
}
@media (width: 1180px) {
  .ie-math-choice-wrapper {
    width: 83%;
  }
}
@media (width: 1340px) {
  .ie-math-choice-wrapper {
    width: 83%;
  }
}
@media (width: 1368px) {
  .ie-math-choice-wrapper {
    width: 83%;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-wrapper {
    width: 83%;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-wrapper {
    width: 83%;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-wrapper {
    width: 83%;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-wrapper {
    width: 83%;
  }
}
.ie-math-choice-box {
  width: 50%;
  height: 100%;
  border-radius: 4.9382716049vmin;
  background-color: #9fd0ff;
  margin-right: 0.987654321vmin;
  position: relative;
}
.ie-math-choice-box:nth-child(2) {
  margin-right: 0;
}
.ie-math-choice-box-wrapper {
  height: calc(100% - 0.987654321vmin);
  width: 100%;
  border-radius: 4.9382716049vmin;
  background-color: white;
  box-shadow: 0px -0.2469135802vmin 1.4814814815vmin rgba(0, 0, 0, 0.08) inset;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}
.ie-math-choice-thumbtack-top {
  width: 8.6419753086vmin;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 11.1111111111vmin;
}
.ie-math-choice-thumbtack-bottom {
  width: 8.6419753086vmin;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 11.1111111111vmin;
}

.ie-math-choice-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}
.ie-math-choice-modal-box {
  background-color: white;
  width: 90vh;
  cursor: move;
  height: 90vh;
  position: absolute;
  border-radius: 4.9382716049vmin;
  padding: 2.4691358025vmin;
  box-sizing: border-box;
  box-shadow: 0 0 2.4691358025vmin rgba(0, 0, 0, 0.2);
}
.ie-math-choice-modal-box-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 75%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.ie-math-choice-modal-box-close {
  width: 6.1728395062vmin;
  position: absolute;
  right: 0vmin;
  top: 0vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-math-choice-modal-box-close {
    width: 9.8765432099vmin;
  }
}

.ie-math-choice-audio-wrapper {
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  cursor: pointer;
}
.ie-math-choice-audio-wrapper svg {
  width: 100%;
  height: 100%;
}
@media (max-height: 500px) {
  .ie-math-choice-audio-wrapper {
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
.ie-math-choice-audio-wrapper-active .ie-math-choice-audio-audio-icon-p1 {
  animation: ie-p1 1s infinite linear;
}
.ie-math-choice-audio-wrapper-active .ie-math-choice-audio-audio-icon-p2 {
  animation: ie-p2 1s infinite linear;
}

@charset "UTF-8";
.ie-math-choice-answer-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-math-choice-answer-title {
  border-radius: 4.9382716049vmin 4.9382716049vmin 0 0;
  width: 100%;
  height: 9.3827160494vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.962962963vmin;
  margin-bottom: -0.987654321vmin;
}
@media (max-height: 500px) {
  .ie-math-choice-answer-title {
    font-size: 4.1975308642vmin;
  }
}
.ie-math-choice-answer-title-correct {
  color: #00cf64;
  background: linear-gradient(180deg, rgba(0, 207, 100, 0.1) 0%, rgba(0, 207, 100, 0) 100%);
}
.ie-math-choice-answer-title-incorrect {
  color: #ff5353;
  background: linear-gradient(180deg, rgba(255, 83, 83, 0.1) 0%, rgba(255, 83, 83, 0) 100%);
}
.ie-math-choice-answer-wrapper-box {
  -ms-flex: 1;
      flex: 1;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  overflow-y: overlay;
  margin-right: 0.7407407407vmin;
}
.ie-math-choice-answer-wrapper-box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-math-choice-answer-wrapper-box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-math-choice-answer-wrapper-box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-math-choice-answer-wrapper-box-content {
  padding: 0 3.7037037037vmin 0 3.7037037037vmin;
  box-sizing: border-box;
}
.ie-math-choice-answer-answer {
  width: 100%;
}
.ie-math-choice-answer-answer-box {
  min-height: 7.6543209877vmin;
  margin: 2.962962963vmin 0 0;
  border-radius: 1.975308642vmin;
  padding: 1.975308642vmin 2.4691358025vmin;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.ie-math-choice-answer-answer-box-tag {
  position: absolute;
  right: 0vmin;
  width: 20.987654321vmin;
  top: -0.987654321vmin;
}
.ie-math-choice-answer-answer-box-tag svg {
  width: 100%;
}
.ie-math-choice-answer-answer-box-tag span {
  position: absolute;
  top: 0.2469135802vmin;
  left: 60%;
  transform: translateX(-60%);
  font-size: 1.975308642vmin;
  color: #fff;
  white-space: nowrap;
}
@media (max-height: 500px) {
  .ie-math-choice-answer-answer-box-tag span {
    top: 0vmin;
    font-size: 2.4691358025vmin;
  }
}
@media (width: 1024px) {
  .ie-math-choice-answer-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-answer-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-answer-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-answer-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-answer-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-answer-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-answer-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-answer-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
.ie-math-choice-answer-answer-box-wrong {
  background: #fff1f1;
}
.ie-math-choice-answer-answer-box-wrong .ie-math-choice-answer-answer-box-option {
  background-color: #ff5353;
}
.ie-math-choice-answer-answer-box-correct {
  background: #ebfbf3;
}
.ie-math-choice-answer-answer-box-correct .ie-math-choice-answer-answer-box-option {
  background-color: #00cf64;
}
.ie-math-choice-answer-box-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-math-choice-answer-box-image-content {
  height: 22.2222222222vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (width: 1024px) {
  .ie-math-choice-answer-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1180px) {
  .ie-math-choice-answer-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1340px) {
  .ie-math-choice-answer-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1368px) {
  .ie-math-choice-answer-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-answer-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-answer-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-answer-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-answer-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
.ie-math-choice-answer-answer-box-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 17.2839506173vmin;
  height: 17.2839506173vmin;
  margin-top: 1.975308642vmin;
  position: relative;
  border-radius: 1.975308642vmin;
  background-color: #f6fbff;
}
@media (width: 1024px) {
  .ie-math-choice-answer-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-answer-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-answer-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-answer-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-answer-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-answer-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-answer-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-answer-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
.ie-math-choice-answer-answer-box-image svg {
  position: absolute;
  bottom: 1.7283950617vmin;
  right: 1.7283950617vmin;
  width: 4.1975308642vmin;
  height: 4.1975308642vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-math-choice-answer-answer-box-image svg {
    width: 6.1728395062vmin;
  }
}
.ie-math-choice-answer-answer-box-option {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.4691358025vmin;
  color: #fff;
  font-weight: 500;
  line-height: 3.7037037037vmin;
}
@media (max-height: 500px) {
  .ie-math-choice-answer-answer-box-option {
    width: 4.9382716049vmin;
    height: 4.9382716049vmin;
    font-size: 3.4567901235vmin;
  }
}
.ie-math-choice-answer-answer-box-content {
  margin-left: 2.4691358025vmin;
  color: #333;
  font-size: 2.2222222222vmin;
  -ms-flex: 1;
      flex: 1;
}
@media (width: 1024px) {
  .ie-math-choice-answer-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1180px) {
  .ie-math-choice-answer-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1340px) {
  .ie-math-choice-answer-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1368px) {
  .ie-math-choice-answer-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-answer-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-answer-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-answer-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-answer-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-height: 500px) {
  .ie-math-choice-answer-answer-box-content {
    font-size: 2.962962963vmin;
  }
}
.ie-math-choice-answer-explan-title {
  margin: 2.962962963vmin 0 0;
  position: relative;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  height: 4.6296296296vmin;
  font-size: 2.4691358025vmin;
  line-height: 3.7037037037vmin;
  color: #333;
  padding-left: 1.2345679012vmin;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-height: 500px) {
  .ie-math-choice-answer-explan-title {
    font-size: 3.4567901235vmin;
    margin-top: 3.7037037037vmin;
  }
}
.ie-math-choice-answer-explan-title-bg {
  position: absolute;
  left: 0;
  top: -0.2469135802vmin;
  background: linear-gradient(135deg, #ffebb1 0%, #fffcf3 100%);
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  border-radius: 50%;
}
.ie-math-choice-answer-explan-title-text {
  position: relative;
  z-index: 1;
}
.ie-math-choice-answer-explan-title-audio {
  margin-left: 1.975308642vmin;
}
.ie-math-choice-answer-explan-title-switch {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  height: 4.9382716049vmin;
  color: #ffbf00;
  border: 1px solid #ffbf00;
  text-align: center;
  border-radius: 3.7037037037vmin;
  font-size: 2.4691358025vmin;
  font-weight: 300;
}
@media (max-height: 500px) {
  .ie-math-choice-answer-explan-title-switch {
    font-size: 3.2098765432vmin;
    height: 6.1728395062vmin;
    width: 24.6913580247vmin;
  }
}
.ie-math-choice-answer-explan-title-switch-item {
  width: 11.3580246914vmin;
  background: #ffffff;
  transition: all 0.3s;
  cursor: pointer;
  border-radius: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-height: 500px) {
  .ie-math-choice-answer-explan-title-switch-item {
    line-height: 2.4691358025vmin;
    width: 12.3456790123vmin;
  }
}
@media (width: 1024px) {
  .ie-math-choice-answer-explan-title-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-answer-explan-title-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-answer-explan-title-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-answer-explan-title-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-answer-explan-title-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-answer-explan-title-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-answer-explan-title-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-answer-explan-title-switch-item {
    width: 10.1234567901vmin;
  }
}
.ie-math-choice-answer-explan-title-switch-item-active {
  background: #ffbf00;
  color: #fff;
}
.ie-math-choice-answer-explan-content {
  margin-top: 2.4691358025vmin;
  font-size: 2.4691358025vmin;
  line-height: 3.7037037037vmin;
  text-align: left;
  color: #666666;
  clear: both;
  white-space: break-spaces;
  margin-bottom: 2.4691358025vmin;
}
@media (width: 1024px) {
  .ie-math-choice-answer-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-answer-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-answer-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-answer-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-answer-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-answer-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-answer-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-answer-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (max-height: 500px) {
  .ie-math-choice-answer-explan-content {
    font-size: 3.7037037037vmin;
    line-height: 6.1728395062vmin;
  }
}
.ie-math-choice-answer-explan-content video {
  width: 100%;
  height: 33.3333333333vmin;
  border-radius: 2.4691358025vmin;
  background: #fffbf0;
}
.ie-math-choice-answer-explan-content img {
  width: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.ie-math-choice-answer-explan-footer {
  padding: 2.4691358025vmin 0 2.4691358025vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (width: 1024px) {
  .ie-math-choice-answer-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-answer-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-answer-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-answer-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-answer-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-answer-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-answer-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-answer-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}

@charset "UTF-8";
.ie-math-choice-operation-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-radius: 4.9382716049vmin;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  padding-right: 0.7407407407vmin;
}
.ie-math-choice-operation-wrapper-box {
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  padding: 0 7.4074074074vmin;
}
.ie-math-choice-operation-wrapper-box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-math-choice-operation-wrapper-box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-math-choice-operation-wrapper-box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-math-choice-operation-wrapper-image .ie-math-choice-operation-wrapper-box {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0vmin 0 4.9382716049vmin;
}
.ie-math-choice-operation-preview {
  position: absolute;
  bottom: 2.4691358025vmin;
  right: 2.4691358025vmin;
  width: 4.1975308642vmin;
  height: 4.1975308642vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-math-choice-operation-preview {
    width: 6.1728395062vmin;
  }
}
.ie-math-choice-operation-text-option {
  display: -ms-flexbox;
  display: flex;
  margin-top: 3.7037037037vmin;
  width: 100%;
  color: #333;
  font-size: 2.4691358025vmin;
  line-height: 3.7037037037vmin;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
}
.ie-math-choice-operation-text-option:last-child {
  margin-bottom: 3.7037037037vmin;
}
@media (max-height: 500px) {
  .ie-math-choice-operation-text-option {
    font-size: 3.4567901235vmin;
  }
}
.ie-math-choice-operation-text-option-choice {
  font-size: 3.2098765432vmin;
  transition: all 0.3s;
  font-weight: 300;
}
@media (max-height: 500px) {
  .ie-math-choice-operation-text-option-choice {
    font-size: 4.1975308642vmin;
  }
}
.ie-math-choice-operation-text-option-content {
  border-radius: 1.975308642vmin;
  word-wrap: break-word;
  -ms-flex: 1;
      flex: 1;
  margin-left: 3.7037037037vmin;
  transition: all 0.3s;
  min-height: 12.3456790123vmin;
  background-color: #cedcea;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0px 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
}
.ie-math-choice-operation-text-option-content-box {
  padding: 1.2345679012vmin 2.4691358025vmin;
  background: #f6fbff;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0.4938271605vmin;
  border-radius: 1.975308642vmin;
  box-shadow: 0px -0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08) inset;
}
@media (max-height: 500px) {
  .ie-math-choice-operation-text-option-content-box {
    padding: 1.975308642vmin 2.962962963vmin;
  }
}
.ie-math-choice-operation-text-option-active .ie-math-choice-operation-text-option-content {
  background: #00a9dd;
}
.ie-math-choice-operation-text-option-active .ie-math-choice-operation-text-option-content-box {
  background-color: #10c3f9;
  transition: all 0.3s;
  color: #fff;
}
.ie-math-choice-operation-text-option-active .ie-math-choice-operation-text-option-choice {
  color: #10c3f9;
  transition: all 0.3s;
}
.ie-math-choice-operation-img-option {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 50%;
  padding-top: 50%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.ie-math-choice-operation-img-option-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.ie-math-choice-operation-img-option-content-bg-box {
  width: 22.2222222222vmin;
  height: 22.7160493827vmin;
  background-color: #cedcea;
  border-radius: 2.4691358025vmin;
  box-shadow: 0px 0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08);
}
@media (width: 1024px) {
  .ie-math-choice-operation-img-option-content-bg-box {
    width: 17.2839506173vmin;
    height: 17.7777777778vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-operation-img-option-content-bg-box {
    width: 17.2839506173vmin;
    height: 17.7777777778vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-operation-img-option-content-bg-box {
    width: 17.2839506173vmin;
    height: 17.7777777778vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-operation-img-option-content-bg-box {
    width: 17.2839506173vmin;
    height: 17.7777777778vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-operation-img-option-content-bg-box {
    width: 17.2839506173vmin;
    height: 17.7777777778vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-operation-img-option-content-bg-box {
    width: 17.2839506173vmin;
    height: 17.7777777778vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-operation-img-option-content-bg-box {
    width: 17.2839506173vmin;
    height: 17.7777777778vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-operation-img-option-content-bg-box {
    width: 17.2839506173vmin;
    height: 17.7777777778vmin;
  }
}
.ie-math-choice-operation-img-option-content-bg {
  width: 22.2222222222vmin;
  height: 22.2222222222vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 2.4691358025vmin;
  transition: all 0.3s;
  position: relative;
  background-color: #f6fbff;
  box-shadow: 0px -0.4938271605vmin 1.4814814815vmin rgba(0, 0, 0, 0.08) inset;
}
@media (width: 1024px) {
  .ie-math-choice-operation-img-option-content-bg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-operation-img-option-content-bg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-operation-img-option-content-bg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-operation-img-option-content-bg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-operation-img-option-content-bg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-operation-img-option-content-bg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-operation-img-option-content-bg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-operation-img-option-content-bg {
    width: 17.2839506173vmin;
    height: 17.2839506173vmin;
  }
}
.ie-math-choice-operation-img-option-content {
  width: 20.2469135802vmin;
  height: 20.2469135802vmin;
  margin: 0.987654321vmin;
  box-sizing: border-box;
  border-radius: 1.975308642vmin;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (max-height: 500px) {
  .ie-math-choice-operation-img-option-content {
    width: 25.1851851852vmin;
    height: 25.1851851852vmin;
  }
}
@media (width: 1024px) {
  .ie-math-choice-operation-img-option-content {
    width: 15.5555555556vmin;
    height: 15.5555555556vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-operation-img-option-content {
    width: 15.5555555556vmin;
    height: 15.5555555556vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-operation-img-option-content {
    width: 15.5555555556vmin;
    height: 15.5555555556vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-operation-img-option-content {
    width: 15.5555555556vmin;
    height: 15.5555555556vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-operation-img-option-content {
    width: 15.5555555556vmin;
    height: 15.5555555556vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-operation-img-option-content {
    width: 15.5555555556vmin;
    height: 15.5555555556vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-operation-img-option-content {
    width: 15.5555555556vmin;
    height: 15.5555555556vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-operation-img-option-content {
    width: 15.5555555556vmin;
    height: 15.5555555556vmin;
  }
}
.ie-math-choice-operation-img-option-choice {
  font-size: 3.2098765432vmin;
  transition: all 0.3s;
  font-weight: 300;
  margin-top: 2.4691358025vmin;
  position: absolute;
  bottom: -6.1728395062vmin;
}
@media (width: 1024px) {
  .ie-math-choice-operation-img-option-choice {
    bottom: -4.9382716049vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-operation-img-option-choice {
    bottom: -4.9382716049vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-operation-img-option-choice {
    bottom: -4.9382716049vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-operation-img-option-choice {
    bottom: -4.9382716049vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-operation-img-option-choice {
    bottom: -4.9382716049vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-operation-img-option-choice {
    bottom: -4.9382716049vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-operation-img-option-choice {
    bottom: -4.9382716049vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-operation-img-option-choice {
    bottom: -4.9382716049vmin;
  }
}
@media (max-height: 500px) {
  .ie-math-choice-operation-img-option-choice {
    font-size: 4.1975308642vmin;
  }
}
.ie-math-choice-operation-img-option-active .ie-math-choice-operation-img-option-content-bg-box {
  background-color: #00a9dd;
  transition: all 0.3s;
}
.ie-math-choice-operation-img-option-active .ie-math-choice-operation-img-option-content-bg {
  background-color: #10c3f9;
  transition: all 0.3s;
}
.ie-math-choice-operation-img-option-active .ie-math-choice-operation-img-option-choice {
  color: #10c3f9;
  transition: all 0.3s;
}

@charset "UTF-8";
.ie-math-choice-question-wrapper {
  height: calc(100% - 0.987654321vmin);
  width: 100%;
  border-radius: 4.9382716049vmin;
  background-color: white;
  box-shadow: 0px -0.2469135802vmin 1.4814814815vmin rgba(0, 0, 0, 0.08) inset;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}
.ie-math-choice-question-difficulty {
  display: -ms-flexbox;
  display: flex;
  border-radius: 4.9382716049vmin;
  background: rgba(175, 194, 212, 0.1);
  padding: 1.975308642vmin 3.7037037037vmin;
  margin: 3.7037037037vmin 3.7037037037vmin 0 3.7037037037vmin;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center;
}
.ie-math-choice-question-difficulty-label {
  color: #333;
  font-size: 2.962962963vmin;
  font-weight: 300;
  white-space: nowrap;
}
@media (width: 1024px) {
  .ie-math-choice-question-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-question-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-question-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-question-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-question-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-question-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-question-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-question-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (max-height: 500px) {
  .ie-math-choice-question-difficulty-label {
    font-size: 3.4567901235vmin;
  }
}
.ie-math-choice-question-difficulty-value {
  margin-left: 1.7283950617vmin;
}
.ie-math-choice-question-question {
  -ms-flex: 1;
      flex: 1;
  margin-top: 1.2345679012vmin;
  margin-bottom: 2.4691358025vmin;
  margin-right: 0.7407407407vmin;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 1.2345679012vmin 0.7407407407vmin 1.2345679012vmin;
  font-size: 2.7777777778vmin;
  color: #333333;
  white-space: break-spaces;
  -webkit-tap-highlight-color: transparent;
}
.ie-math-choice-question-question::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-math-choice-question-question::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-math-choice-question-question::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
@media (width: 1024px) {
  .ie-math-choice-question-question {
    font-size: 2.4074074074vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-question-question {
    font-size: 2.4074074074vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-question-question {
    font-size: 2.4074074074vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-question-question {
    font-size: 2.4074074074vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-question-question {
    font-size: 2.4074074074vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-question-question {
    font-size: 2.4074074074vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-question-question {
    font-size: 2.4074074074vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-question-question {
    font-size: 2.4074074074vmin;
  }
}
@media (max-height: 500px) {
  .ie-math-choice-question-question {
    line-height: 7.4074074074vmin;
  }
}
.ie-math-choice-question-question-box {
  padding: 0 2.4691358025vmin;
}
.ie-math-choice-question-question-box img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ie-math-choice-question-question-box p {
  line-height: 5.6790123457vmin;
}
@media (width: 1024px) {
  .ie-math-choice-question-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1180px) {
  .ie-math-choice-question-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1340px) {
  .ie-math-choice-question-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1368px) {
  .ie-math-choice-question-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-question-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-question-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-question-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-question-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (max-height: 500px) {
  .ie-math-choice-question-question-box p {
    font-size: 3.7037037037vmin;
    line-height: 6.1728395062vmin;
  }
}
.ie-math-choice-question-text-fold {
  height: 38%;
  overflow: hidden;
}
.ie-math-choice-question-fold {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.4691358025vmin;
  margin: 1.2345679012vmin 0 0 2.4691358025vmin;
  color: #ffbf00;
  font-weight: 500;
  cursor: pointer;
}
.ie-math-choice-question-fold svg {
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  margin: 0 0.4938271605vmin;
  margin-top: 0vmin;
  transition: transform 0.3s;
}
@media (max-height: 500px) {
  .ie-math-choice-question-fold {
    font-size: 3.7037037037vmin;
  }
}
.ie-math-choice-question-fold-svg-spin {
  transform: rotate(180deg);
  margin-top: -0.4938271605vmin;
}
.ie-math-choice-question-question-pictures {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 2.4691358025vmin;
}
.ie-math-choice-question-question-picture {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 45%;
  height: auto;
  margin-right: 2.4691358025vmin;
  background: #fff;
  border-radius: 2.4691358025vmin;
  border: 0.1234567901vmin #eeeeee solid;
  overflow: hidden;
  position: relative;
  margin-bottom: 2.4691358025vmin;
  padding-top: 45%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (width: 1024px) {
  .ie-math-choice-question-question-picture {
    width: 44%;
    padding-top: 44%;
  }
}
@media (width: 1180px) {
  .ie-math-choice-question-question-picture {
    width: 44%;
    padding-top: 44%;
  }
}
@media (width: 1340px) {
  .ie-math-choice-question-question-picture {
    width: 44%;
    padding-top: 44%;
  }
}
@media (width: 1368px) {
  .ie-math-choice-question-question-picture {
    width: 44%;
    padding-top: 44%;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-choice-question-question-picture {
    width: 44%;
    padding-top: 44%;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-choice-question-question-picture {
    width: 44%;
    padding-top: 44%;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-choice-question-question-picture {
    width: 44%;
    padding-top: 44%;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-choice-question-question-picture {
    width: 44%;
    padding-top: 44%;
  }
}
.ie-math-choice-question-question-picture svg {
  position: absolute;
  bottom: 2.2222222222vmin;
  right: 2.2222222222vmin;
  width: 4.1975308642vmin;
  height: 4.1975308642vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-math-choice-question-question-picture svg {
    width: 6.1728395062vmin;
  }
}

.ie-math-complete-ques-wrapper {
  display: -ms-flexbox;
  display: flex;
  color: #666;
  font-size: 2.7777777778vmin;
  margin-bottom: 2.4691358025vmin;
}
@media (max-height: 500px) {
  .ie-math-complete-ques-wrapper {
    font-size: 3.7037037037vmin;
  }
}
.ie-math-complete-ques-wrapper-index {
  margin-right: 1.4814814815vmin;
  line-height: 7.4074074074vmin;
  color: #009aea;
}
.ie-math-complete-ques-wrapper-content {
  display: block;
  line-height: 7.4074074074vmin;
}
.ie-math-complete-ques-wrapper-content-item {
  margin: 2px 1.7283950617vmin 0;
  width: 14.8148148148vmin;
  height: 8.1481481481vmin;
  background: #e8f8ff;
  border-radius: 0.987654321vmin;
  color: #666;
  font-family: "SourceMaruSC";
  box-sizing: border-box;
}
@media (max-height: 500px) {
  .ie-math-complete-ques-wrapper-content-item {
    height: 9.8765432099vmin;
  }
}
.ie-math-complete-ques-wrapper-content-item-long {
  width: 22.2222222222vmin;
}
.ie-math-complete-ques-wrapper-content-item-normal {
  background: #f9f9f9;
  color: #333;
}
.ie-math-complete-ques-wrapper-content-item-error {
  background: #fff1f1;
  color: #ff5353;
}
.ie-math-complete-ques-wrapper-content-correct {
  background: #ebfbf3;
  margin-top: 1.975308642vmin;
  padding: 1.2345679012vmin 2.4691358025vmin;
  border-radius: 0.987654321vmin;
  display: -ms-flexbox;
  display: flex;
  min-height: 8.3950617284vmin;
  box-sizing: border-box;
}
@media (max-height: 500px) {
  .ie-math-complete-ques-wrapper-content-correct {
    min-height: 9.8765432099vmin;
  }
}
.ie-math-complete-ques-wrapper-content-correct span {
  color: #00cf64;
  font-size: 2.4691358025vmin;
}
@media (max-height: 500px) {
  .ie-math-complete-ques-wrapper-content-correct span {
    font-size: 3.2098765432vmin;
  }
}
.ie-math-complete-ques-wrapper-content-box {
  display: -ms-flexbox;
  display: flex;
  margin-left: 2.4691358025vmin;
}
.ie-math-complete-ques-wrapper-content-item-box {
  display: -ms-flexbox;
  display: flex;
}
.ie-math-complete-ques-wrapper-content-item-box span {
  color: #333;
  font-size: 2.4691358025vmin;
  display: inline-block;
  margin-right: 0.2469135802vmin;
}
@media (max-height: 500px) {
  .ie-math-complete-ques-wrapper-content-item-box span {
    font-size: 3.2098765432vmin;
  }
}
.ie-math-complete-ques-item-content {
  line-height: 5.6790123457vmin;
}

@charset "UTF-8";
.ie-math-complete-operation-wrapper {
  padding: 3.7037037037vmin 0.7407407407vmin 3.7037037037vmin 3.7037037037vmin;
  height: calc(100% - 0.987654321vmin);
  background-color: #fff;
  border-radius: 4.9382716049vmin;
}
.ie-math-complete-operation-wrapper-more-step {
  overflow-x: hidden;
  height: 100%;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.3s ease;
}
.ie-math-complete-operation-wrapper-more-step::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-math-complete-operation-wrapper-more-step::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-math-complete-operation-wrapper-more-step::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-math-complete-operation-single-title {
  position: relative;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.9259259259vmin;
  font-weight: 700;
}
.ie-math-complete-operation-single-title-bg {
  position: absolute;
  left: 0;
  top: -0.4938271605vmin;
  background: linear-gradient(135deg, #ffebb1 0%, #fffcf3 100%);
  width: 2.962962963vmin;
  height: 2.2222222222vmin;
  border-radius: 50%;
}
.ie-math-complete-operation-single-title-text {
  position: relative;
  z-index: 1;
  font-size: 2.7160493827vmin;
  color: #333;
}
.ie-math-complete-operation-single-box {
  margin-top: 4.9382716049vmin;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@charset "UTF-8";
.ie-math-complete-vertical-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #9fd0ff;
  border-radius: 4.9382716049vmin;
}
.ie-math-complete-vertical-box {
  width: 100%;
  height: calc(100% - 0.987654321vmin);
  border-radius: 4.9382716049vmin;
  background-color: #fff;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 3.7037037037vmin 0.7407407407vmin 3.7037037037vmin 3.7037037037vmin;
}
.ie-math-complete-vertical-box-wrapper {
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
  padding-right: 2.4691358025vmin;
}
.ie-math-complete-vertical-box-wrapper::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-math-complete-vertical-box-wrapper::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-math-complete-vertical-box-wrapper::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-math-complete-vertical-difficulty {
  display: -ms-flexbox;
  display: flex;
  border-radius: 4.9382716049vmin;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.ie-math-complete-vertical-difficulty-label {
  color: #333;
  font-size: 2.962962963vmin;
  font-weight: 300;
  white-space: nowrap;
}
@media (width: 1024px) {
  .ie-math-complete-vertical-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1180px) {
  .ie-math-complete-vertical-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1340px) {
  .ie-math-complete-vertical-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1368px) {
  .ie-math-complete-vertical-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-vertical-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-vertical-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-vertical-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-vertical-difficulty-label {
    font-size: 2.7160493827vmin;
  }
}
.ie-math-complete-vertical-difficulty-value {
  margin-left: 1.7283950617vmin;
}
.ie-math-complete-vertical-question-box {
  font-size: 2.7777777778vmin;
}
@media (max-height: 500px) {
  .ie-math-complete-vertical-question-box {
    font-size: 3.7037037037vmin;
  }
}
.ie-math-complete-vertical-question-box img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ie-math-complete-vertical-question-box p {
  line-height: 5.6790123457vmin;
}
@media (width: 1024px) {
  .ie-math-complete-vertical-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1180px) {
  .ie-math-complete-vertical-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1340px) {
  .ie-math-complete-vertical-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1368px) {
  .ie-math-complete-vertical-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-vertical-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-vertical-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-vertical-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-vertical-question-box p {
    line-height: 4.6913580247vmin;
  }
}
@media (max-height: 500px) {
  .ie-math-complete-vertical-question-box p {
    line-height: 6.1728395062vmin;
  }
}
.ie-math-complete-vertical-fold-box {
  padding: 2.4691358025vmin 3.7037037037vmin;
  color: #333;
  margin-top: 2.4691358025vmin;
  background: rgba(175, 194, 212, 0.1);
  border-radius: 2.4691358025vmin;
}
.ie-math-complete-vertical-fold {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.4691358025vmin;
  color: #ffbf00;
  font-weight: 500;
  cursor: pointer;
}
.ie-math-complete-vertical-fold svg {
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  margin: 0 0.4938271605vmin;
  margin-top: 0vmin;
  transition: transform 0.3s;
}
.ie-math-complete-vertical-fold-svg-spin {
  transform: rotate(180deg);
  margin-top: -0.4938271605vmin;
}
.ie-math-complete-vertical-text-fold {
  height: 27.1604938272vmin;
  overflow: hidden;
  position: relative;
  border-radius: 2.4691358025vmin;
}
.ie-math-complete-vertical-text-fold .ie-math-complete-vertical-fold {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6.1728395062vmin;
  width: 100%;
  background: #f6f8fa;
  z-index: 2;
  padding-left: 2.4691358025vmin;
}
.ie-math-complete-vertical-steps {
  margin-top: 2.4691358025vmin;
}

@charset "UTF-8";
.ie-math-complete-explan-wrapper {
  width: 100%;
  height: calc(100% - 0.987654321vmin);
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-radius: 4.9382716049vmin;
}
.ie-math-complete-explan-title {
  border-radius: 4.9382716049vmin 4.9382716049vmin 0 0;
  width: 100%;
  height: 9.3827160494vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.962962963vmin;
  margin-bottom: -0.987654321vmin;
}
@media (max-height: 500px) {
  .ie-math-complete-explan-title {
    font-size: 4.1975308642vmin;
  }
}
.ie-math-complete-explan-title-correct {
  color: #00cf64;
  background: linear-gradient(180deg, rgba(0, 207, 100, 0.1) 0%, rgba(0, 207, 100, 0) 100%);
}
.ie-math-complete-explan-title-incorrect {
  color: #ff5353;
  background: linear-gradient(180deg, rgba(255, 83, 83, 0.1) 0%, rgba(255, 83, 83, 0) 100%);
}
.ie-math-complete-explan-tag {
  padding: 1.2345679012vmin 3.7037037037vmin 1.7283950617vmin 4.9382716049vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-math-complete-explan-tag-item {
  margin-right: 6.1728395062vmin;
  position: relative;
  padding-left: 0.4938271605vmin;
  cursor: pointer;
}
.ie-math-complete-explan-tag-item::after {
  position: absolute;
  content: "";
  width: 46%;
  padding: 0.2469135802vmin 0;
  background-color: #fff;
  border-radius: 0.3703703704vmin;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.7407407407vmin;
  transition: all 0.3s;
}
.ie-math-complete-explan-tag-item-bg {
  position: absolute;
  left: -1.2345679012vmin;
  top: -0.2469135802vmin;
  background: linear-gradient(135deg, #e8e8e8 0%, #f8f8f8 100%);
  width: 3.2098765432vmin;
  height: 3.2098765432vmin;
  border-radius: 50%;
  transition: all 0.3s;
}
.ie-math-complete-explan-tag-item-text {
  position: relative;
  z-index: 1;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 700;
  font-size: 2.7160493827vmin;
  transition: all 0.3s;
}
@media (max-height: 500px) {
  .ie-math-complete-explan-tag-item-text {
    font-size: 3.7037037037vmin;
  }
}
.ie-math-complete-explan-tag-item-active {
  transition: all 0.3s;
}
.ie-math-complete-explan-tag-item-active .ie-math-complete-explan-tag-item-bg {
  transition: all 0.3s;
  background: linear-gradient(135deg, #ffebb1 0%, #fffcf3 100%);
}
.ie-math-complete-explan-tag-item-active .ie-math-complete-explan-tag-item-text {
  color: #333333;
  transition: all 0.3s;
}
.ie-math-complete-explan-tag-item-active::after {
  background-color: #10c3f9;
  transition: all 0.3s;
}
.ie-math-complete-explan-wrapper-box {
  -ms-flex: 1;
      flex: 1;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  overflow-y: overlay;
  margin-right: 0.7407407407vmin;
}
.ie-math-complete-explan-wrapper-box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-math-complete-explan-wrapper-box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-math-complete-explan-wrapper-box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-math-complete-explan-wrapper-box-content {
  padding: 1.8518518519vmin 3.7037037037vmin 0 3.7037037037vmin;
  box-sizing: border-box;
}
.ie-math-complete-explan-explan-tag-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ie-math-complete-explan-explan-tag-audio {
  margin-top: -0.2469135802vmin;
}
.ie-math-complete-explan-answer-box-tag {
  position: absolute;
  right: 0vmin;
  width: 20.987654321vmin;
  top: -0.987654321vmin;
}
.ie-math-complete-explan-answer-box-tag svg {
  width: 100%;
}
.ie-math-complete-explan-answer-box-tag span {
  position: absolute;
  top: 0.2469135802vmin;
  left: 60%;
  transform: translateX(-60%);
  font-size: 1.975308642vmin;
  color: #fff;
  white-space: nowrap;
}
@media (max-height: 500px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0vmin;
    font-size: 1.4814814815vmin;
  }
}
@media (width: 1024px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1180px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1340px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1368px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
.ie-math-complete-explan-answer-box-wrong {
  background: #fff1f1;
}
.ie-math-complete-explan-answer-box-wrong .ie-math-complete-explan-answer-box-option {
  background-color: #ff5353;
}
.ie-math-complete-explan-answer-box-correct {
  background: #ebfbf3;
}
.ie-math-complete-explan-answer-box-correct .ie-math-complete-explan-answer-box-option {
  background-color: #00cf64;
}
.ie-math-complete-explan-box-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ie-math-complete-explan-box-image-content {
  height: 22.2222222222vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (width: 1024px) {
  .ie-math-complete-explan-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1180px) {
  .ie-math-complete-explan-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1340px) {
  .ie-math-complete-explan-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1368px) {
  .ie-math-complete-explan-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-explan-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-explan-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-explan-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-explan-box-image-content {
    height: 19.7530864198vmin;
    width: 100%;
  }
}
.ie-math-complete-explan-answer-box-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 17.2839506173vmin;
  height: 17.2839506173vmin;
  margin-top: 1.975308642vmin;
  position: relative;
  border-radius: 1.975308642vmin;
  background-color: #f6fbff;
}
@media (width: 1024px) {
  .ie-math-complete-explan-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1180px) {
  .ie-math-complete-explan-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1340px) {
  .ie-math-complete-explan-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1368px) {
  .ie-math-complete-explan-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-explan-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-explan-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-explan-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-explan-answer-box-image {
    height: 16.049382716vmin;
    width: 16.049382716vmin;
  }
}
.ie-math-complete-explan-answer-box-image svg {
  position: absolute;
  bottom: 1.7283950617vmin;
  right: 1.7283950617vmin;
  width: 4.1975308642vmin;
  height: 4.1975308642vmin;
  cursor: pointer;
}
@media (max-height: 500px) {
  .ie-math-complete-explan-answer-box-image svg {
    width: 6.1728395062vmin;
  }
}
.ie-math-complete-explan-answer-box-option {
  width: 3.7037037037vmin;
  height: 3.7037037037vmin;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.4691358025vmin;
  color: #fff;
  font-weight: 500;
  line-height: 3.7037037037vmin;
}
@media (max-height: 500px) {
  .ie-math-complete-explan-answer-box-option {
    width: 4.9382716049vmin;
    height: 4.9382716049vmin;
    font-size: 3.4567901235vmin;
  }
}
.ie-math-complete-explan-answer-box-content {
  margin-left: 2.4691358025vmin;
  color: #333;
  font-size: 2.2222222222vmin;
  -ms-flex: 1;
      flex: 1;
}
@media (width: 1024px) {
  .ie-math-complete-explan-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1180px) {
  .ie-math-complete-explan-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1340px) {
  .ie-math-complete-explan-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1368px) {
  .ie-math-complete-explan-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-explan-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-explan-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-explan-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-explan-answer-box-content {
    display: -ms-flexbox;
    display: flex;
  }
}
.ie-math-complete-explan-explan-title {
  margin: 2.962962963vmin 0 0;
  position: relative;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  height: 4.6296296296vmin;
  font-size: 2.4691358025vmin;
  line-height: 3.7037037037vmin;
  color: #333;
  padding-left: 1.2345679012vmin;
  -ms-flex-align: center;
      align-items: center;
}
.ie-math-complete-explan-explan-title-bg {
  position: absolute;
  left: 0;
  top: -0.2469135802vmin;
  background: linear-gradient(135deg, #ffebb1 0%, #fffcf3 100%);
  width: 2.962962963vmin;
  height: 2.962962963vmin;
  border-radius: 50%;
}
.ie-math-complete-explan-explan-title-text {
  position: relative;
  z-index: 1;
}
.ie-math-complete-explan-explan-title-audio {
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  margin-left: 1.975308642vmin;
  cursor: pointer;
}
.ie-math-complete-explan-explan-title-audio svg {
  width: 100%;
  height: 100%;
}
.ie-math-complete-explan-explan-tag-switch {
  display: -ms-flexbox;
  display: flex;
  width: 22.2222222222vmin;
  height: 4.9382716049vmin;
  color: #ffbf00;
  border: 1px solid #ffbf00;
  text-align: center;
  border-radius: 3.7037037037vmin;
  font-size: 2.4691358025vmin;
  font-weight: 300;
}
@media (width: 1024px) {
  .ie-math-complete-explan-explan-tag-switch {
    width: 20.2469135802vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1180px) {
  .ie-math-complete-explan-explan-tag-switch {
    width: 20.2469135802vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1340px) {
  .ie-math-complete-explan-explan-tag-switch {
    width: 20.2469135802vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1368px) {
  .ie-math-complete-explan-explan-tag-switch {
    width: 20.2469135802vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-explan-explan-tag-switch {
    width: 20.2469135802vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-explan-explan-tag-switch {
    width: 20.2469135802vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-explan-explan-tag-switch {
    width: 20.2469135802vmin;
    font-size: 2.962962963vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-explan-explan-tag-switch {
    width: 20.2469135802vmin;
    font-size: 2.962962963vmin;
  }
}
@media (max-height: 500px) {
  .ie-math-complete-explan-explan-tag-switch {
    font-size: 3.4567901235vmin;
    height: 6.1728395062vmin;
    width: 24.6913580247vmin;
  }
}
.ie-math-complete-explan-explan-tag-switch-item {
  width: 11.3580246914vmin;
  background: #ffffff;
  transition: all 0.3s;
  cursor: pointer;
  border-radius: 3.7037037037vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-height: 500px) {
  .ie-math-complete-explan-explan-tag-switch-item {
    line-height: 2.4691358025vmin;
    width: 12.3456790123vmin;
  }
}
@media (width: 1024px) {
  .ie-math-complete-explan-explan-tag-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1180px) {
  .ie-math-complete-explan-explan-tag-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1340px) {
  .ie-math-complete-explan-explan-tag-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1368px) {
  .ie-math-complete-explan-explan-tag-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-explan-explan-tag-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-explan-explan-tag-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-explan-explan-tag-switch-item {
    width: 10.1234567901vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-explan-explan-tag-switch-item {
    width: 10.1234567901vmin;
  }
}
.ie-math-complete-explan-explan-tag-switch-item-active {
  background: #ffbf00;
  color: #fff;
}
.ie-math-complete-explan-explan-content {
  margin-top: 0vmin;
  font-size: 2.4691358025vmin;
  line-height: 3.7037037037vmin;
  text-align: left;
  color: #666666;
  clear: both;
  white-space: break-spaces;
  margin-bottom: 2.4691358025vmin;
}
@media (width: 1024px) {
  .ie-math-complete-explan-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1180px) {
  .ie-math-complete-explan-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1340px) {
  .ie-math-complete-explan-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1368px) {
  .ie-math-complete-explan-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-explan-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-explan-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-explan-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-explan-explan-content {
    font-size: 2.2222222222vmin;
  }
}
@media (max-height: 500px) {
  .ie-math-complete-explan-explan-content {
    font-size: 3.7037037037vmin;
    line-height: 6.1728395062vmin;
  }
}
.ie-math-complete-explan-explan-content video {
  margin-top: 2.4691358025vmin;
  width: 100%;
  height: 37.037037037vmin;
  background: #fffbf0;
  border-radius: 2.4691358025vmin;
}
.ie-math-complete-explan-explan-content img {
  width: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.ie-math-complete-explan-explan-footer {
  padding: 2.4691358025vmin 0 2.4691358025vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (width: 1024px) {
  .ie-math-complete-explan-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1180px) {
  .ie-math-complete-explan-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1340px) {
  .ie-math-complete-explan-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1368px) {
  .ie-math-complete-explan-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-explan-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-explan-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-explan-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-explan-submit {
    padding: 1.2345679012vmin 0 1.2345679012vmin;
    font-size: 2.7160493827vmin;
    height: 6.6666666667vmin;
    width: 12.3456790123vmin;
    min-width: 17.2839506173vmin;
  }
}
.ie-math-complete-explan-answer-box {
  min-height: 7.6543209877vmin;
  margin: 2.962962963vmin 0 0;
  border-radius: 1.975308642vmin;
  padding: 1.975308642vmin 2.4691358025vmin;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.ie-math-complete-explan-answer-box-tag {
  position: absolute;
  right: 0vmin;
  width: 20.987654321vmin;
  top: -0.987654321vmin;
}
.ie-math-complete-explan-answer-box-tag svg {
  width: 100%;
}
.ie-math-complete-explan-answer-box-tag span {
  position: absolute;
  top: 0.2469135802vmin;
  left: 60%;
  transform: translateX(-60%);
  font-size: 1.975308642vmin;
  color: #fff;
  white-space: nowrap;
}
@media (max-height: 500px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0vmin;
    font-size: 1.4814814815vmin;
  }
}
@media (width: 1024px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1180px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1340px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1368px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-explan-answer-box-tag span {
    top: 0.1234567901vmin;
    font-size: 1.975308642vmin;
  }
}
.ie-math-complete-explan-answer-box-wrong {
  background: #fff1f1;
}
.ie-math-complete-explan-answer-box-wrong .ie-math-complete-explan-answer-box-option {
  background-color: #ff5353;
}
.ie-math-complete-explan-answer-box-correct {
  background: #ebfbf3;
}
.ie-math-complete-explan-answer-box-correct .ie-math-complete-explan-answer-box-option {
  background-color: #00cf64;
}
.ie-math-complete-explan-explan-box {
  margin-top: 2.4691358025vmin;
}

.ie-math-complete-horizontal-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.ie-math-complete-horizontal-box {
  width: 50%;
  height: 100%;
  border-radius: 4.9382716049vmin;
  background-color: #9fd0ff;
  margin-right: 0.987654321vmin;
  position: relative;
}
.ie-math-complete-horizontal-box:nth-child(2) {
  margin-right: 0;
}
.ie-math-complete-horizontal-thumbtack-top {
  width: 8.6419753086vmin;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 11.1111111111vmin;
}
.ie-math-complete-horizontal-thumbtack-bottom {
  width: 8.6419753086vmin;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 11.1111111111vmin;
}
.ie-math-complete-horizontal-operation {
  height: calc(100% - 0.987654321vmin);
  width: 100%;
  border-radius: 4.9382716049vmin;
  background-color: white;
  box-shadow: 0px -0.2469135802vmin 1.4814814815vmin rgba(0, 0, 0, 0.08) inset;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  margin-right: 0.7407407407vmin;
}

.ie-math-complete-container {
  display: -ms-flexbox;
  display: flex;
  padding: 2.4691358025vmin;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: -1.2345679012vmin;
  overflow: hidden;
}
.ie-math-complete-wrapper {
  width: 80%;
  height: 85.1851851852vmin;
  background: #64b3fe;
  box-shadow: inset 0px -0.4938271605vmin 0.4938271605vmin rgba(0, 0, 0, 0.08);
  border-radius: 4.9382716049vmin;
  padding: 2.4691358025vmin 2.4691358025vmin 1.4814814815vmin;
  box-sizing: border-box;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
@media (width: 1024px) {
  .ie-math-complete-wrapper {
    width: 83%;
  }
}
@media (width: 1180px) {
  .ie-math-complete-wrapper {
    width: 83%;
  }
}
@media (width: 1340px) {
  .ie-math-complete-wrapper {
    width: 83%;
  }
}
@media (width: 1368px) {
  .ie-math-complete-wrapper {
    width: 83%;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-math-complete-wrapper {
    width: 83%;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-math-complete-wrapper {
    width: 83%;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-math-complete-wrapper {
    width: 83%;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-math-complete-wrapper {
    width: 83%;
  }
}
.ie-math-complete-wrapper-box {
  width: 100%;
  height: 100%;
  position: relative;
}

.ie-reader-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  position: relative;
  margin-top: -1.2345679012vmin;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-height: 500px) {
  .ie-reader-wrapper {
    margin-top: 2.4691358025vmin;
  }
}
.ie-reader-flip {
  width: 103.7037037037vmin;
  height: 69.1358024691vmin;
  padding-top: 0;
}
.ie-reader-flip-item {
  border-radius: 2.4691358025vmin;
}
.ie-reader-flip-box-left {
  border-radius: 0 2.4691358025vmin 2.4691358025vmin 0 !important;
}
.ie-reader-flip-box-right {
  border-radius: 2.4691358025vmin 0 0 2.4691358025vmin !important;
}
.ie-reader-operate {
  width: 9.8765432099vmin;
  height: 9.8765432099vmin;
  position: fixed;
  z-index: 99;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0.8;
  transition: all 0.2s;
}
.ie-reader-operate:hover {
  opacity: 1;
  transition: all 0.2s;
}
@media (max-height: 500px) {
  .ie-reader-operate {
    opacity: 1;
    width: 14.8148148148vmin;
    height: 14.8148148148vmin;
  }
}
@media (width: 1024px) {
  .ie-reader-operate {
    opacity: 1;
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1180px) {
  .ie-reader-operate {
    opacity: 1;
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1340px) {
  .ie-reader-operate {
    opacity: 1;
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1368px) {
  .ie-reader-operate {
    opacity: 1;
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-reader-operate {
    opacity: 1;
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-reader-operate {
    opacity: 1;
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-reader-operate {
    opacity: 1;
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-reader-operate {
    opacity: 1;
    width: 7.4074074074vmin;
    height: 7.4074074074vmin;
  }
}
.ie-reader-operate-prev {
  left: 4.9382716049vmin;
}
@media (width: 1024px) {
  .ie-reader-operate-prev {
    left: 2.4691358025vmin;
  }
}
@media (width: 1180px) {
  .ie-reader-operate-prev {
    left: 2.4691358025vmin;
  }
}
@media (width: 1340px) {
  .ie-reader-operate-prev {
    left: 2.4691358025vmin;
  }
}
@media (width: 1368px) {
  .ie-reader-operate-prev {
    left: 2.4691358025vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-reader-operate-prev {
    left: 2.4691358025vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-reader-operate-prev {
    left: 2.4691358025vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-reader-operate-prev {
    left: 2.4691358025vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-reader-operate-prev {
    left: 2.4691358025vmin;
  }
}
@media (max-height: 500px) {
  .ie-reader-operate-prev {
    left: 6.1728395062vmin;
  }
}
.ie-reader-operate-flip {
  cursor: not-allowed;
}
.ie-reader-operate-next {
  right: 4.9382716049vmin;
}
@media (width: 1024px) {
  .ie-reader-operate-next {
    right: 2.4691358025vmin;
  }
}
@media (width: 1180px) {
  .ie-reader-operate-next {
    right: 2.4691358025vmin;
  }
}
@media (width: 1340px) {
  .ie-reader-operate-next {
    right: 2.4691358025vmin;
  }
}
@media (width: 1368px) {
  .ie-reader-operate-next {
    right: 2.4691358025vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-reader-operate-next {
    right: 2.4691358025vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-reader-operate-next {
    right: 2.4691358025vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-reader-operate-next {
    right: 2.4691358025vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-reader-operate-next {
    right: 2.4691358025vmin;
  }
}
@media (max-height: 500px) {
  .ie-reader-operate-next {
    right: 4.9382716049vmin;
  }
}
.ie-reader-flip-box1 {
  width: 108.1481481481vmin;
  height: 72.0987654321vmin;
  position: relative;
  background: #c1ebff;
  border-radius: 3.7037037037vmin;
  box-shadow: 0px 0.2469135802vmin 0.7407407407vmin 0 rgba(0, 0, 0, 0.1), 0 0.4938271605vmin 0.987654321vmin 0px rgba(255, 255, 255, 0.36) inset;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-reader-flip-box1-bg {
  height: 72.8395061728vmin;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-2deg);
}
.ie-reader-flip-box2 {
  width: 106.6666666667vmin;
  height: 71.3580246914vmin;
  position: relative;
  background: #fff5d3;
  border-radius: 3.7037037037vmin;
  box-shadow: 0px 0.2469135802vmin 0.7407407407vmin 0 rgba(0, 0, 0, 0.1), 0 0.4938271605vmin 0.987654321vmin 0px rgba(255, 255, 255, 0.36) inset;
  padding: 0.3703703704vmin 0.7407407407vmin 1.1111111111vmin 0.7407407407vmin;
}
.ie-reader-flip-box3 {
  width: 105.1851851852vmin;
  height: 70.3703703704vmin;
  position: relative;
  background: #fffbee;
  border-radius: 3.7037037037vmin;
  box-shadow: 0px 0.2469135802vmin 0.7407407407vmin 0 rgba(0, 0, 0, 0.1);
  padding: 0.7407407407vmin;
}
.ie-reader-text-box {
  position: absolute;
  bottom: 0.4938271605vmin;
  left: 0.4938271605vmin;
  right: 0.4938271605vmin;
  letter-spacing: 0.0740740741vmin;
}
.ie-reader-text-box-bg {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  width: 100%;
  min-height: 6.6666666667vmin;
  border-radius: 0 0 2.4691358025vmin 2.4691358025vmin;
  background: rgba(255, 255, 255, 0.8);
}
.ie-reader-text-box-24 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-reader-text-box-more {
  text-indent: 8.024691358vmin;
  padding: 1.2345679012vmin 1.4814814815vmin;
}
.ie-reader-tip {
  position: fixed;
  top: 12.962962963vmin;
  right: 3.7037037037vmin;
}
@media (width: 1024px) {
  .ie-reader-tip {
    top: 13.5802469136vmin;
    right: 2.4691358025vmin;
  }
}
@media (width: 1180px) {
  .ie-reader-tip {
    top: 13.5802469136vmin;
    right: 2.4691358025vmin;
  }
}
@media (width: 1340px) {
  .ie-reader-tip {
    top: 13.5802469136vmin;
    right: 2.4691358025vmin;
  }
}
@media (width: 1368px) {
  .ie-reader-tip {
    top: 13.5802469136vmin;
    right: 2.4691358025vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-reader-tip {
    top: 13.5802469136vmin;
    right: 2.4691358025vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-reader-tip {
    top: 13.5802469136vmin;
    right: 2.4691358025vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-reader-tip {
    top: 13.5802469136vmin;
    right: 2.4691358025vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-reader-tip {
    top: 13.5802469136vmin;
    right: 2.4691358025vmin;
  }
}
@media (max-height: 500px) {
  .ie-reader-tip {
    top: 16.049382716vmin;
    right: 4.9382716049vmin;
  }
}
.ie-reader-record-box {
  height: 13.0864197531vmin;
  width: 49.3827160494vmin;
  margin-top: 3.2098765432vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-reader-record-box > div {
  margin-left: 9.8765432099vmin;
}
.ie-reader-record-box > div:first-child {
  margin-left: 0;
}
.ie-reader-record-box-audio {
  height: 7.4074074074vmin;
  width: 7.4074074074vmin;
  box-shadow: 0 -0.2962962963vmin 0.5925925926vmin 0 rgba(0, 0, 0, 0.1) inset;
  filter: drop-shadow(0 0.2469135802vmin 0 #00a2d2);
  background-color: #10c3f9;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.ie-reader-record-box-audio svg {
  width: 3.950617284vmin;
  height: 3.950617284vmin;
}
.ie-reader-record-box-audio-active .ie-reader-audio-icon-p1 {
  animation: ie-p1 1s infinite linear;
}
.ie-reader-record-box-audio-active .ie-reader-audio-icon-p2 {
  animation: ie-p2 1s infinite linear;
}
.ie-reader-record-box-mic {
  height: 9.8765432099vmin;
  width: 9.8765432099vmin;
  margin: 0.2469135802vmin;
  background-color: #ffc825;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 -0.2962962963vmin 0.5925925926vmin 0 rgba(0, 0, 0, 0.08) inset;
  filter: drop-shadow(0 0.3703703704vmin 0 #d8b039);
  box-sizing: content-box;
}
.ie-reader-record-box-mic svg {
  width: 6.4197530864vmin;
  height: 6.4197530864vmin;
}
.ie-reader-record-box-mic-active {
  box-shadow: none;
  filter: none;
}
.ie-reader-record-animation {
  height: 9.1358024691vmin;
  width: 9.1358024691vmin;
}
.ie-reader-record-box-user {
  position: relative;
  height: 7.4074074074vmin;
  width: 7.4074074074vmin;
  background-color: #58d982;
  border-radius: 50%;
  box-shadow: 0 -0.2962962963vmin 0.5925925926vmin 0 rgba(0, 0, 0, 0.1) inset;
  filter: drop-shadow(0 0.2469135802vmin 0 #3db765);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: not-allowed;
  opacity: 0.6;
  z-index: 10;
}
.ie-reader-record-box-user svg {
  width: 4.6913580247vmin;
  height: 4.6913580247vmin;
}
.ie-reader-record-box-user-active {
  cursor: pointer;
  opacity: 1;
}
.ie-reader-star-box {
  position: absolute;
  width: 22.2222222222vmin;
  height: 6.9135802469vmin;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0 3.950617284vmin 3.950617284vmin 0;
  top: 50%;
  transform: translateY(-50%);
  left: 4.4444444444vmin;
  z-index: 0;
  padding-left: 4.9382716049vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 0.6172839506vmin;
}
.ie-reader-star-box div {
  margin-left: 0.7407407407vmin;
}
.ie-reader-star-box div:first-child {
  margin-left: 0;
}
.ie-reader-star-box svg {
  width: 4.4444444444vmin;
  height: 4.1975308642vmin;
}
.ie-reader-star-animation-box {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  margin-top: -0.6172839506vmin;
  left: 4.1975308642vmin;
}
.ie-reader-star-animation-box img {
  width: 4.4444444444vmin;
  height: 4.1975308642vmin;
  margin-left: 0.6172839506vmin;
}
.ie-reader-star-animation-box img:first-child {
  margin-left: 0;
}
.ie-reader-text {
  font-size: 3.950617284vmin;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 0.6172839506vmin;
  font-family: "FZ";
}
.ie-reader-text-correct {
  color: #448f59;
}
.ie-reader-text-wrong {
  color: #f66;
}
.ie-reader-operate-box {
  position: fixed;
  bottom: 7.4074074074vmin;
  right: 3.7037037037vmin;
}
@media (width: 1024px) {
  .ie-reader-operate-box {
    right: 2.4691358025vmin;
  }
}
@media (width: 1180px) {
  .ie-reader-operate-box {
    right: 2.4691358025vmin;
  }
}
@media (width: 1340px) {
  .ie-reader-operate-box {
    right: 2.4691358025vmin;
  }
}
@media (width: 1368px) {
  .ie-reader-operate-box {
    right: 2.4691358025vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-reader-operate-box {
    right: 2.4691358025vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-reader-operate-box {
    right: 2.4691358025vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-reader-operate-box {
    right: 2.4691358025vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-reader-operate-box {
    right: 2.4691358025vmin;
  }
}
@media (max-height: 500px) {
  .ie-reader-operate-box {
    right: 4.9382716049vmin;
  }
}

.ie-segment-wrap {
  position: absolute;
  width: 100vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ie-segment-watermark-left, .ie-segment-watermark-right {
  position: fixed;
  bottom: 0px;
  color: #000;
  opacity: 0.5;
  font-size: 1.7283950617vmin;
}
.ie-segment-watermark-left {
  left: 0px;
}
.ie-segment-watermark-right {
  right: 0px;
}
.ie-segment-test-wukong {
  position: absolute;
  width: 18.5185185185vmin;
  top: -16.6666666667vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-segment-test-tip {
  font-size: 2.4074074074vmin;
  color: #999;
}
.ie-segment-test-duration {
  margin: 0 0.5555555556vmin;
  color: #ffbf00;
  font-size: 2.5925925926vmin;
}
.ie-segment-modal-good-job {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-segment-modal-good-job-monkey {
  width: 33.3333333333vmin;
  height: 33.3333333333vmin;
}
.ie-segment-modal-good-job-text {
  width: 56.5740740741vmin;
  height: 25.462962963vmin;
  margin-top: -9.2592592593vmin;
}
.ie-segment-modal-content {
  margin-top: -9.8765432099vmin;
}
.ie-segment-star-box {
  margin-top: 1.2345679012vmin;
  position: relative;
  display: inline-block;
}
.ie-segment-star-box-item-gray {
  margin-left: 1.2345679012vmin;
  width: 12.3456790123vmin;
  height: 12.3456790123vmin;
}
.ie-segment-star-box-item-gray:last-child {
  margin-left: 1.2345679012vmin;
}
.ie-segment-star-animation-box {
  position: absolute;
  left: 0;
  top: 0;
}
.ie-segment-star-box-item {
  margin-left: 1.2345679012vmin;
  width: 12.3456790123vmin;
  height: 12.3456790123vmin;
}
.ie-segment-star-box-item:last-child {
  margin-left: 1.2345679012vmin;
}
.ie-segment-mask {
  background-color: rgba(0, 0, 0, 0.6);
}

.ie-tpc-prev, .ie-tpc-next {
  position: fixed;
  width: 9.8765432099vmin;
  height: 12.3456790123vmin;
  margin-top: -4.9382716049vmin;
  z-index: 10;
  cursor: pointer;
}
.ie-tpc-prev svg, .ie-tpc-next svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ie-tpc-prev {
  border-radius: 0vmin 6.1728395062vmin 6.1728395062vmin 0vmin;
  top: 50%;
  left: 0;
}
.ie-tpc-next {
  border-radius: 6.1728395062vmin 0vmin 0vmin 6.1728395062vmin;
  top: 50%;
  right: 0;
}
.ie-tpc-confirm-button {
  position: fixed;
  width: 12.3456790123vmin;
  height: 12.8395061728vmin;
  z-index: 10;
  cursor: pointer;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABoCAMAAAAw/qUdAAABOFBMVEUAAAD/vwDXnwDXoQD/vwDXoQD/vwDWoAD/vgD/vgDXoAD/vwDXoAD/vwD/vwDPoADWoQDWoQDYoAD/vwDUnwD/vwD/vwD/vwDXnwDXoQDqrwD/vwD/vwD/vQDXnwD/vwDZoQDvswD/vgDWnwD/wQDWnwDanwDytgDkqwD/vgDbpQDYoADWnwDYoAD/vwD/vwD////9vgDXoQD6uwD8vQD7vAD/8szztgD3uQD4ugD1uAD2uADytQDwtADcpQD+++/88c/orQD20GDytgD7yDHxuBDfpwD/7LPtsgD+3oDZowD73ID/1lv/yzL7xCD/wg3iqQD92nH/xRntsQD98s/+5ZzyuhDwtxD84ZD/2Gb/0k33xjD8wRD/++/+9t/+7r7/6Kb/2Wb8zUDyviD/77/+77/77L71vBD/4Ob/AAAAL3RSTlMAICD+79/fkI9vb6CfMBAQ7+6/3jC/z0A/z9q+r2BgX17vgIBPTzD+vq+vr6+uniE8zF4AAAXWSURBVGjetZiHdtowFIbFcBhJoKVtRvferbCEgwemJWmzmqSke+/x/m/QKwlQQZZsbPgOLT1Njr/8979ScoKSUrteKZ9fWShioLhw5ky5slpDsyRXWVzAESycv7Q8G8NqWQqiRIurWQ21qys4llOXchkUy4tFnIzFtJrcGcyYp6ZWxsB8NRXNoMzdpJ/Ui+eJNedyqWIcHv/a2NhLrClWpm7j+fudDc57nJhyslGtjFKAQrAzTTO5BI6FYYy9jRHf8Ewty8Vh3SKG4AOehuJyCsfrA4wzWswOMCirlc2SUxw7hzgVxVxs53jY+bGSInP7I8fhwHGA07NSi3TIG/FAOL5jlYynsoJHHGZ3ABVt6bIT9QBmL3/8O9SH9x9wZs5NOi7gOVBRtncOFMc3bBHPhfJYEDwncvMPAt3PPwiwPPcgQHmOQdQFu4DnyFV5+86PFeFYxRmxsYnVrLXb2LZt8bfWVM4yLf5weGMIVbToFAKW0+cYg4fSnfoLqYNwWp8OfxzhljDYurv4fOoQLeDodxP4etTimkgeJq3EjpQ4zpPPTcEBs2CsKaUW2609fEm4gjkeNYc8cbQrVjOckkGVo16BsVlRKh0wMaqd2HVU0UsG3YpHct0oG8TgDslnx3Hgk6KbL5v7bdmfjl+/O+DFimDcPXJIjkDS0hzHMyYHrM+xeNReCxDZlFkJPlFIEtnLHZ2EfTJbn73mgD0HJIOnyBySVx6XRN+RC9rWWY4f8il7bOhc5FDV0dykIIm2nEJFbR0syE5T8ow6lJXrqDkgiOuyD0aOq4iwQUId/ixpARxweKrjb+DBhzQ7bJCwyTebisXzVMfjN34ASXQnBZmGRb0vExbXAz4qOd60g4B1gqdLIs6b9645YQmC4KOao9P2XQjZ0pxGZGujsCRHjyYtvup4utVu+6wSzbRaiGqTgMQNNpsTvFMdHXC4HssRLaHI1R93JmkrFsURgoPvlk7io47WwSSur1rUHO3A5eddK7kSrWASWFeQdDZNjrchlM4dju4nCXwFnTVtFw3gyww3DY7OoBB5camcBYlpvdwAokAWbR9bPIdw6Cy30V2snRdIwAISyKKdVZs7hEJjaaCSdocHrbT9LbBE5+h0fF84WnoHLaFqaLqGwRL4PEuko80djm6xBLeq6EYPa+BRgADaB4u6u6KPYR06B+6toXpX6wDEGqtZwCH3ym7pFcB2HSGLxlogCutF2d3ApcwBGBzUQggt7WIdY5aQWeSd2DHvriS8D5JqX6sQ96Sw/D+xP3A+IIfHHGYF0L8Mkjxx9VG4xWEWn7X/8zUovhzzOmQObLLQwk0EWC+N8xJhwAK9dLbCn29CeBtzGOlZiFHat40SDFkczwMLNAPAG3NQ7sDGIEB3iUvWCK/eJIIoLEzg+9wwiCFnpScsrCHO+naMRJxKz3PBAyLXFQ5xl2AjXQsJrhHfaBH3PteAB16UyhxxQS4jQf1EF8dZbAc0ElDI+8oUpJBHA0qyFcPZZ/3D4wcKfpXEOUKyhIacJnLBTBp4OPsz+vkex0BlEKBBetgMHz57MgiG4Dh6Mgg/9THd82Ik/L9i8YkIIlvpxg1MvADxz3jsbkEGEQsWPzDltyexw7J4EEmVwIYlI6HoJYEzMkGD7Lt4hlBCGmiS/AnSpTN0dMnJPFKoEll+ZuwuKVRRBCVCtu0ZObZJoYSiqK9LS2YHsVA0eUtaMjtkIWr5rP3snbPStZyegcVljtMImS1wKjPwcl86jJaenbqOHjE7ZPuk66dz+F0iO4+1kB5NGaOwbnbIUwl0wzRtwBmso2RUT+g05klBHVWUmHyDTKWxd7cJUGjk0TRctIQmSTcuDIopZIzEYZaIoB8aPXS3TwDZRkoN2e61aaQg7PEm5KSyaID9fm/X96nNK6Bue7fX50MSgyrdROnJQzdxFNav1VFG1pYsg6BgldbQTDh98Z4qKoBgqZpHs6S+Vi01GtYJfuSs9Qel6o3EQ/oHwYcU+TebpfoAAAAASUVORK5CYII=") center center/contain no-repeat;
  transition: all 0.3s;
}
.ie-tpc-answer-operate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-tpc-my-answer {
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  cursor: pointer;
}
.ie-tpc-correct-answer {
  width: 7.4074074074vmin;
  height: 7.4074074074vmin;
  cursor: pointer;
  margin-top: 1.8518518519vmin;
}

.ie-reward-modal {
  -ms-flex-align: end;
      align-items: flex-end;
}
.ie-reward-modal-box {
  width: 90%;
  min-height: 16.049382716vmin;
  background-color: #fff;
  border-radius: 3.7037037037vmin;
  margin-bottom: 2.4691358025vmin;
  padding: 1.4814814815vmin 2.4691358025vmin;
  display: -ms-flexbox;
  display: flex;
}
.ie-reward-modal-box-full {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
}
.ie-reward-modal-box-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ie-reward-modal-box-left div {
  width: 14.8148148148vmin;
  margin-top: -7.4074074074vmin;
}
@media (max-height: 500px) {
  .ie-reward-modal-box-left div {
    width: 17.2839506173vmin;
  }
}
.ie-reward-modal-box-content {
  -ms-flex: 1;
      flex: 1;
  margin-left: 3.0864197531vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-reward-modal-box-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 1.2345679012vmin;
}
.ie-reward-title {
  color: #333333;
  font-weight: 400;
  font-size: 2.962962963vmin;
}
@media (max-height: 500px) {
  .ie-reward-title {
    font-size: 4.1975308642vmin;
  }
}
.ie-reward-special-box {
  position: fixed;
  z-index: 9999;
  bottom: 4.9382716049vmin;
  left: 1.2345679012vmin;
}
.ie-reward-special-box-content {
  position: relative;
}
.ie-reward-special-box-title {
  position: absolute;
  top: 8.6419753086vmin;
  left: 18.5185185185vmin;
  width: auto;
  padding: 2.4691358025vmin 3.7037037037vmin;
  font-size: 2.962962963vmin;
  font-weight: 500;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0vmin 1.975308642vmin 1.975308642vmin;
  color: white;
  height: auto;
  white-space: nowrap;
}
.ie-reward-special-box-title svg {
  position: absolute;
  left: -1.7283950617vmin;
  top: 0;
  width: 1.7283950617vmin;
}
.ie-reward-special-ip {
  width: 16.049382716vmin;
}

.ie-exercise-modal-good-job {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-exercise-modal-good-job-monkey {
  width: 33.3333333333vmin;
  height: 33.3333333333vmin;
}
.ie-exercise-modal-good-job-text {
  width: 56.5740740741vmin;
  height: 25.462962963vmin;
  margin-top: -11.1111111111vmin;
}

.ie-exercise-back-container {
  height: 9.2592592593vmin;
  background-color: rgba(0, 0, 0, 0.3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.ie-exercise-back-icon {
  width: 8.6419753086vmin;
  height: 8.6419753086vmin;
  cursor: pointer;
}

.ie-segmentCard-container {
  position: relative;
  z-index: 10;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-segmentCard-container:last-child {
  margin-right: 0;
}
.ie-segmentCard-normal-wrapper, .ie-segmentCard-special-wrapper {
  background-color: #fff;
  position: relative;
  width: 39.5061728395vmin;
  height: 46.9135802469vmin;
  border-radius: 7.4074074074vmin 7.4074074074vmin 9.8765432099vmin 9.8765432099vmin;
  box-shadow: 0 0.4938271605vmin 0 0 rgba(255, 255, 255, 0.6);
}
@media (width: 1024px) {
  .ie-segmentCard-normal-wrapper, .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1180px) {
  .ie-segmentCard-normal-wrapper, .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1340px) {
  .ie-segmentCard-normal-wrapper, .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1368px) {
  .ie-segmentCard-normal-wrapper, .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-segmentCard-normal-wrapper, .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-segmentCard-normal-wrapper, .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-segmentCard-normal-wrapper, .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-segmentCard-normal-wrapper, .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
.ie-segmentCard-special-wrapper {
  position: relative;
  width: 39.5061728395vmin;
  height: 46.9135802469vmin;
  background: #c2f5ff;
}
.ie-segmentCard-special-wrapper img {
  width: 100%;
  margin-top: 1.975308642vmin;
  z-index: 10;
  position: absolute;
}
@media (width: 1024px) {
  .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1180px) {
  .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1340px) {
  .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1368px) {
  .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-segmentCard-special-wrapper {
    width: 35.8024691358vmin;
    height: 43.950617284vmin;
  }
}
.ie-segmentCard-cover {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  margin: 0 auto;
  margin-top: 4.1975308642vmin;
  background: #d3f5ff;
  border-radius: 50%;
  width: 21.7283950617vmin;
  height: 21.7283950617vmin;
}
.ie-segmentCard-cover-img {
  border-radius: 50%;
  background: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ie-segmentCard-cover-success {
  position: absolute;
  left: 0;
  top: 8.1481481481vmin;
  transform: translateY(-50%);
  width: 5.4320987654vmin;
  height: 4.6913580247vmin;
}
.ie-segmentCard-special-mask {
  position: absolute;
  bottom: 1.2345679012vmin;
  left: 1.2345679012vmin;
  right: 1.2345679012vmin;
  height: 24.6913580247vmin;
  background-color: #fff;
  z-index: 0;
  border-radius: 4.9382716049vmin 4.9382716049vmin 9.2592592593vmin 9.2592592593vmin;
}
.ie-segmentCard-title {
  position: absolute;
  bottom: 13.3333333333vmin;
  font-size: 2.962962963vmin;
  line-height: 3.950617284vmin;
  text-align: center;
  color: #96540b;
  max-width: 39.5061728395vmin;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ie-segmentCard-btn {
  -ms-flex: 1;
      flex: 1;
  margin: 0 0.7407407407vmin 0;
  max-width: 24.6913580247vmin;
  min-width: 0;
  padding: 0;
  font-size: 2.962962963vmin;
  border-radius: 6.1728395062vmin;
  height: 7.9012345679vmin;
  box-sizing: border-box;
  padding-top: 0.4938271605vmin;
}
.ie-segmentCard-footer {
  position: absolute;
  bottom: -2.962962963vmin;
  padding: 0 1.2345679012vmin;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
@media (width: 1024px) {
  .ie-segmentCard-footer {
    width: 100%;
    bottom: -2.7160493827vmin;
  }
}
@media (width: 1180px) {
  .ie-segmentCard-footer {
    width: 100%;
    bottom: -2.7160493827vmin;
  }
}
@media (width: 1340px) {
  .ie-segmentCard-footer {
    width: 100%;
    bottom: -2.7160493827vmin;
  }
}
@media (width: 1368px) {
  .ie-segmentCard-footer {
    width: 100%;
    bottom: -2.7160493827vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-segmentCard-footer {
    width: 100%;
    bottom: -2.7160493827vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-segmentCard-footer {
    width: 100%;
    bottom: -2.7160493827vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-segmentCard-footer {
    width: 100%;
    bottom: -2.7160493827vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-segmentCard-footer {
    width: 100%;
    bottom: -2.7160493827vmin;
  }
}
.ie-segmentCard-tip {
  position: absolute;
  bottom: 6.6666666667vmin;
  width: 37.037037037vmin;
  height: 4.9382716049vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-segmentCard-tip-unfinished {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 32.0987654321vmin;
  padding: 0 0.2469135802vmin;
  margin-top: -0.7407407407vmin;
}
.ie-segmentCard-tip-unfinished-line {
  -ms-flex: 1;
      flex: 1;
  height: 1.2345679012vmin;
  background: #f5f5f5;
  position: relative;
  border-radius: 0.6172839506vmin;
}
.ie-segmentCard-tip-unfinished-line-active {
  height: 1.2345679012vmin;
  background: linear-gradient(90deg, #ffe493 0%, #ffbf00 100%);
  border-radius: 0.6172839506vmin;
  position: absolute;
  top: 0;
  left: 0;
}
.ie-segmentCard-tip-unfinished-process {
  font-size: 1.975308642vmin;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  margin-left: 1.2345679012vmin;
}
.ie-segmentCard-tip-unfinished-process span:first-child {
  color: #ffbf00;
}
.ie-segmentCard-tip-correct, .ie-segmentCard-tip-remark {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.ie-segmentCard-tip-correct img, .ie-segmentCard-tip-remark img {
  width: 4.9382716049vmin;
  height: 4.9382716049vmin;
  background-color: #00cf64;
  border-radius: 50%;
}
.ie-segmentCard-tip-correct span, .ie-segmentCard-tip-remark span {
  color: #00cf64;
  margin-left: 0.987654321vmin;
  font-size: 2.2222222222vmin;
}
.ie-segmentCard-tip-remark img {
  background-color: #ffbf00;
}
.ie-segmentCard-tip-remark span {
  color: #ffbf00;
}
.ie-segmentCard-tooltip {
  position: absolute;
  top: -4.9382716049vmin;
  left: 22.4691358025vmin;
  padding: 0 1.975308642vmin;
  color: #fff;
  font-weight: 500;
  font-size: 2.7160493827vmin;
  min-width: 14.8148148148vmin;
  height: 6.9135802469vmin;
  border-radius: 1.4814814815vmin;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-segmentCard-tooltip-must {
  background-color: #ff8d00;
}
.ie-segmentCard-tooltip-optional {
  background-color: #b37afa;
}
.ie-segmentCard-tooltip svg {
  position: absolute;
  bottom: -1.4814814815vmin;
  left: 1.2345679012vmin;
}

/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}
.ie-exerciseNav-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: left top;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-exerciseNav-left-background, .ie-exerciseNav-right-background {
  position: absolute;
  top: 0;
  bottom: 0;
  background-size: auto 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: -1;
}
.ie-exerciseNav-left-background {
  left: 0;
  right: 50%;
  background-position: left top;
}
.ie-exerciseNav-right-background {
  right: 0;
  left: 50%;
  background-position: right top;
}
.ie-exerciseNav-header {
  position: relative;
  z-index: 10;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5925925926vmin 2.7777777778vmin 0vmin;
  height: 9.2592592593vmin;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-exerciseNav-back {
  position: absolute;
  left: 3.7037037037vmin;
  height: 9.2592592593vmin;
}
.ie-exerciseNav-title {
  max-width: 64.8148148148vmin;
  height: 8.7037037037vmin;
  background: #38cee8;
  box-shadow: 0 0.462962963vmin 0 #1fbdd9;
  border-radius: 5.5555555556vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 5.5555555556vmin;
  position: relative;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-exerciseNav-title::before, .ie-exerciseNav-title::after {
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  content: " ";
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  padding-top: 1.4814814815vmin;
  padding-left: 1.4814814815vmin;
}
.ie-exerciseNav-title::before {
  margin-right: 1.9444444444vmin;
}
.ie-exerciseNav-title::after {
  margin-left: 1.9444444444vmin;
}
.ie-exerciseNav-title-line {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ie-exerciseNav-title-line::before, .ie-exerciseNav-title-line::after {
  width: 1.4814814815vmin;
  height: 9.2592592593vmin;
  background-color: #1fbdd9;
  content: "";
  position: absolute;
  bottom: 100%;
}
.ie-exerciseNav-title-line::before {
  left: 5.5555555556vmin;
}
.ie-exerciseNav-title-line::after {
  right: 5.5555555556vmin;
}
.ie-exerciseNav-title span {
  font-weight: bold;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 3.3333333333vmin;
  line-height: 4.9074074074vmin;
  color: #fff;
}
.ie-exerciseNav-tip-wrapper {
  position: absolute;
  z-index: 30;
  top: 14.8148148148vmin;
  left: 4.9382716049vmin;
}
.ie-exerciseNav-tip {
  position: relative;
  top: 1.2345679012vmin;
  z-index: 10;
  font-size: 2.2222222222vmin;
  color: #fff;
  border-radius: 2.962962963vmin;
  background: rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(1.2345679012vmin);
          backdrop-filter: blur(1.2345679012vmin);
  padding: 0.4938271605vmin 1.2345679012vmin 0.4938271605vmin 7.4074074074vmin;
  min-height: 5.9259259259vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ie-exerciseNav-tip img {
  position: absolute;
  top: -2.4691358025vmin;
  width: 9.8765432099vmin;
  left: -3.7037037037vmin;
  transform: rotateY(180deg);
}
.ie-exerciseNav-tip-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 300;
  z-index: 10;
}
.ie-exerciseNav-tip-box img {
  z-index: -1;
}
.ie-exerciseNav-tip-box-btn {
  padding: 0 1.7283950617vmin;
  background-color: #ff8d00;
  border-radius: 2.4691358025vmin;
  font-size: 1.975308642vmin;
  color: #fff;
  margin-left: 1.4814814815vmin;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 4.1975308642vmin;
  -ms-flex-align: center;
      align-items: center;
  line-height: 4.6913580247vmin;
}
.ie-exerciseNav-content {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  z-index: 10;
}
.ie-exerciseNav-content-box {
  padding: 0 12.037037037vmin;
  width: auto;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (width: 1024px) {
  .ie-exerciseNav-content-box {
    padding: 0 4.6296296296vmin;
  }
}
@media (width: 1180px) {
  .ie-exerciseNav-content-box {
    padding: 0 4.6296296296vmin;
  }
}
@media (width: 1340px) {
  .ie-exerciseNav-content-box {
    padding: 0 4.6296296296vmin;
  }
}
@media (width: 1368px) {
  .ie-exerciseNav-content-box {
    padding: 0 4.6296296296vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-exerciseNav-content-box {
    padding: 0 4.6296296296vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-exerciseNav-content-box {
    padding: 0 4.6296296296vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-exerciseNav-content-box {
    padding: 0 4.6296296296vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-exerciseNav-content-box {
    padding: 0 4.6296296296vmin;
  }
}
.ie-exerciseNav-content-box-small {
  min-width: 100%;
}
.ie-exerciseNav-content-box-small .swiper-wrapper {
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-exerciseNav-content-box-item {
  width: 39.5061728395vmin;
  height: 59.2592592593vmin;
  margin-right: 4.9382716049vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
@media (width: 1024px) {
  .ie-exerciseNav-content-box-item {
    width: 35.8024691358vmin;
    height: 53.0864197531vmin;
  }
}
@media (width: 1180px) {
  .ie-exerciseNav-content-box-item {
    width: 35.8024691358vmin;
    height: 53.0864197531vmin;
  }
}
@media (width: 1340px) {
  .ie-exerciseNav-content-box-item {
    width: 35.8024691358vmin;
    height: 53.0864197531vmin;
  }
}
@media (width: 1368px) {
  .ie-exerciseNav-content-box-item {
    width: 35.8024691358vmin;
    height: 53.0864197531vmin;
  }
}
@media (width: 1366px) and (height: 1024px) {
  .ie-exerciseNav-content-box-item {
    width: 35.8024691358vmin;
    height: 53.0864197531vmin;
  }
}
@media (width: 1080px) and (height: 810px) {
  .ie-exerciseNav-content-box-item {
    width: 35.8024691358vmin;
    height: 53.0864197531vmin;
  }
}
@media (width: 1194px) and (height: 834px) {
  .ie-exerciseNav-content-box-item {
    width: 35.8024691358vmin;
    height: 53.0864197531vmin;
  }
}
@media (width: 1112px) and (height: 834px) {
  .ie-exerciseNav-content-box-item {
    width: 35.8024691358vmin;
    height: 53.0864197531vmin;
  }
}
.ie-exerciseNav-content-box-item:last-child {
  margin-right: 0vmin;
}

.ie-exercise-keynote-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  margin-top: 1.2345679012vmin;
}
.ie-exercise-keynote-wrapper-title {
  position: absolute;
  bottom: 9.1358024691vmin;
  color: #96540b;
  font-weight: 400;
  font-size: 2.962962963vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-exercise-keynote-wrapper-operate {
  position: absolute;
  bottom: -2.962962963vmin;
  left: 50%;
  transform: translateX(-50%);
}
.ie-exercise-keynote-wrapper-btn {
  width: 24.6913580247vmin;
  border-radius: 4.9382716049vmin;
  height: 7.9012345679vmin;
  font-size: 2.962962963vmin;
  padding-top: 0.4938271605vmin;
}
.ie-exercise-keynote-wrapper-ip {
  width: 100%;
}
.ie-exercise-keynote-wrapper-tip {
  position: absolute;
  top: 28.7037037037vmin;
  color: #999999;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.2222222222vmin;
}

@charset "UTF-8";
.ie-material-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: left top;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.ie-material-left-background, .ie-material-right-background {
  position: absolute;
  top: 0;
  bottom: 0;
  background-size: auto 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: -1;
}
.ie-material-left-background {
  left: 0;
  right: 50%;
  background-position: left top;
}
.ie-material-right-background {
  right: 0;
  left: 50%;
  background-position: right top;
}
.ie-material-header {
  position: relative;
  z-index: 10;
  width: 100%;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5925925926vmin 2.7777777778vmin 0vmin;
  height: 9.2592592593vmin;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-material-back {
  position: absolute;
  left: 3.7037037037vmin;
  height: 9.2592592593vmin;
}
.ie-material-title {
  max-width: 64.8148148148vmin;
  height: 8.7037037037vmin;
  background: #38cee8;
  box-shadow: 0 0.462962963vmin 0 #1fbdd9;
  border-radius: 5.5555555556vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 5.5555555556vmin;
  position: relative;
  -ms-flex-pack: center;
      justify-content: center;
}
.ie-material-title::before, .ie-material-title::after {
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  content: " ";
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  padding-top: 1.4814814815vmin;
  padding-left: 1.4814814815vmin;
}
.ie-material-title::before {
  margin-right: 1.9444444444vmin;
}
.ie-material-title::after {
  margin-left: 1.9444444444vmin;
}
.ie-material-title-line {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ie-material-title-line::before, .ie-material-title-line::after {
  width: 1.4814814815vmin;
  height: 9.2592592593vmin;
  background-color: #1fbdd9;
  content: "";
  position: absolute;
  bottom: 100%;
}
.ie-material-title-line::before {
  left: 5.5555555556vmin;
}
.ie-material-title-line::after {
  right: 5.5555555556vmin;
}
.ie-material-title span {
  font-weight: bold;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 3.3333333333vmin;
  line-height: 4.9074074074vmin;
  color: #fff;
}
.ie-material-content {
  width: 80%;
  margin-top: 7.4074074074vmin;
  height: calc(100vh - 18.5185185185vmin);
  margin-bottom: 7.4074074074vmin;
  overflow: hidden;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  z-index: 10;
  border: 0.9259259259vmin solid #40cee5;
  box-shadow: 0 0.3703703704vmin 1.8518518519vmin rgba(0, 0, 0, 0.06);
  border-radius: 7.4074074074vmin;
  background-color: #fff;
  padding: 0.9259259259vmin 5.5555555556vmin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ie-material-sub-title {
  font-size: 2.5925925926vmin;
  position: relative;
  margin-top: 5.5555555556vmin;
  color: #333;
  font-weight: bold;
}
.ie-material-sub-title::before {
  position: absolute;
  top: -0.9259259259vmin;
  left: -0.9259259259vmin;
  z-index: -1;
  content: "";
  padding: 0 1.8518518519vmin;
  height: 3.7037037037vmin;
  background: linear-gradient(135deg, #ffebb1 0%, #fffcf3 100%);
  border-radius: 50%;
}
.ie-material-objective {
  margin-top: 2.4074074074vmin;
  color: #333;
  font-size: 2.037037037vmin;
}
.ie-material-files {
  margin-top: 2.4074074074vmin;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ie-material-files::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
.ie-material-files::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ie-material-files::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
.ie-material-file {
  width: 48%;
  float: left;
}

.check-info .change-serious[data-v-76991afe] {
  width: 82px;
  height: 30px;
  border-radius: 8px;
  background-color: #009cff;
  color: #fff;
}
.check-info .ant-btn[disabled][data-v-76991afe] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
}
.check-info .line[data-v-76991afe] {
  height: 1px;
  border: none;
  background-color: #009cff;
  margin-top: -15px;
}
.check-info .info-tabs[data-v-76991afe] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.check-info .info-tabs .tabs-btn[data-v-76991afe] {
  display: inline-block;
  width: 100px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAAoCAYAAABNVTCEAAADr0lEQVR4Xu2dP28TQRDFZ85n38URCCMBBWmgClU66KBAAtqICCSoKZO0QAllSipCkwgpBYKET5F8E0eioUjk23WcG7TIWHHwnz1777bYd23WOzu/fVq93N3McZZlb4joExElhAsEKibAzJ+TJNlg5m4ZodlM2u1275+fn/8goqUygmBOEJhC4DDP87XFxcVj16T+CtxcInJTKfWNiB65DoL5QMCCQFtE1prN5pHFWOshA4H3RR5rrbeIaFNEhv5mPSMGgsDsBDQRrS8sLHyZfYrhX44Usdb6VZ7nJkjTVSDMAwK2BFz68rGn9Onp6Uocx/sictd2YRgHAg4JOPHlE22IiLS01nsi8szhwjEVCNgSmNuXT/XZIhIppT4S0TsimjreduUYBwI2BJhZR1G03mg0ZvLl1oLVWq+KyI6IXLVZGMaAgEsCs/pya4GbxWqtl/M8PyCiZZeLx1wgYEMgiqLDXq9X6H55IYH3byVeybJsl5lXbRaFMSDgmEAhX15Y4H2Rs1LKePIPRFRznACmA4GJBIr48pkE/i+6UuqpiOwR0XXsCQh4ILCdpun6pPdY5hK4SSjLsjvMfCAiKx4SRMjACUzz5XML3PBtt9vNVqu1TUSvA+eN9P0QGOvLnQj8gmXZJKItEan7yRNRQyVgfDkRbaRpag7aweVU4GbWs7Ozh71ez7yVeCtU2MjbK4EhX+5c4Ca1TqezxMzfieiB11QRPEgCF315KQI3VEUkUUrtEtHLICkjad8E2lEUPS5N4H2RX1NK/fadKeKHSYCZf5Yq8JOTkxtxHP8KEy+y9k2AmfdLE7iINJRSX4nohe9EET9IAsaiPClF4J1O5zYzmyJm/JMZpLa8J32UpulzZj52LnDcJvS+uUEvgJm3kyQZPL53KnCllClWNkXLeNATtMyqT77UBz14VF/9hiLiEIF2HMdr9Xr9v5YTc5/geNkKUvNMYOC3R61jLoHjdVnPWxt4+Mt+25nATVOgbrf7Ns9zU4yMgofAhVZ1+uP8thOBiwhK1qreUcS7SKC8kjVTdCwiphnQPTAHAQ8EJvrtuU5w0zYiz/MdIkLbCA87i5A0tTxtJoH3G/+Y4uL3aPwDmVVNoIjfLixwtG6rejsR7xKBQn67kMBN881arbZPRGi+Cd1VTmBaMbHtgtA+2ZYUxlVJYCa/PfUEFxE0wK9yGxFriMC8fnuiwPEJE6jNM4G5/fZYgeMjVJ63NvDwrvz2SIHjM4KBq8t/+s789qhU/gBkd4qN852IDQAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 100% 100%;
}
.check-info .info-tabs .tabs-btn[data-v-76991afe]:hover {
  cursor: pointer;
}
.check-info .info-tabs .tabs-btn-first[data-v-76991afe] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAoCAYAAAB5LPGYAAACLklEQVR4Xu2dXU7CUBCFZ26AXiAxcRNuROMClG3ANlyDuAaNqwBXUp59Ag1hzE2QVG1tC/eHdA6PpJnhnPOlnhRamYhos9lcEdEDEd2IyIV7Dy84sHdgbq2dMvNnCEfYwScib0R0GWIBZnbCgcVut5uMx+OVbzUOwGcRufM9GPM650AuIpPRaLT0qcwB+I4/uz4t7e4sZv4QkelwOHzypZLX67X4GoY5Ohxg5scsy2Y+eiEA1MFMCJVeeiEADBGNnpkn90IAqAeWIEpdLzTGTAeDwVG9EAAGiUXf0GN7IQDUx0owxcaYxXa7bXW9EAAGi0Pt4Fa9EACq5SSc8Da9EACGywGTiWq/RwaAwCSoA3W9EAAGtR/D9w5U9kIACEaiOOB6IRHNrLXz4kIAGMV+LCk48KMXAkCwEd2BYi8EgNHtx8LvXmiMuQaA4CGZA8z8CgCT2Y/FzPwCAMFBKgdyY8wtAExlv+69S2vtPTOvAKBuEKKrZ+Z5lmWH2zwBYPQIdC7EhWiduZ+L6rzX6036/f6fWzpxBjyXiLr7OQ59r0wiAOxu8MmV/e57ADB5JDo+QFXfA4A68k+tEj/JT52A4v3/9j2cARWTEUF67c/vAWCEFLStaNP3AKA2OsLrbdX3AGD4QNRsqLvZqKkRuA7Y1CkcV3TgqL5XegbEAypBVlMHTu17VQDiEb1NE9B93Ml9rwpAPKRcN1i16n31vVIA3Zv4Nw21GWg+wFvfKzPxC6rVMI3zJA/ZAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 100% 100%;
}
.check-info .info-tabs .tabs-btn-firsted[data-v-76991afe] {
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAoCAYAAAB5LPGYAAACCElEQVR4Xu2dQU4CQRBFf+PClSRewotoPIASd24kxhVcwzOIegSNpxBPAmuXGOOYATSENNoz092TTD2WZFKVev3SfGBonMrHpDhST7dyOlGh/vI5HhAoCThNdKCRLtxHCiBuLd+bpMMUDajZAQJOr/rUQDduHnsap4fiSdJZ7MLU6xyBmZwGGrppzMmcHot3XnZjIu10rYWcRhq6+1hTljtgEasYdcwQuFNf4xi5EAHNOBN50Ei5EAEjr4uxco1zIQIaMybBuI1yIQImWBGjJWvlQgQ0akuSsWvkQgRMshKmi1bKhQho2pVkwwfnQgRMtgYUDvkeGQHxJC2Bf3IhAqbFT/UVgZ25EAFRJBeBhQqNde0mmw0RMBd++qwIbN1fiICIkZ/ARi5EwPz46fiTC/d0jIDo0CaBFwRsEz+9nxEQCdoiMNOXThGwLfy2+061r3NdujkC2hYh//R8DJOfOR2XBBbqaawrPojGh/wE+CouP3M6rgn85j0fETIgnqQjEHCsBwKmw2+5sjfvsQNaViLf7NySn481nbYI/Jn32AHxJR2BgLyHgOnwW67svdE0FAhvQkJJcZ2PQKW8xw6IRPEI1PgROgLGw2+7Us285xeQAypty1Rt+kZ5b9cOyBG91RbB6tWN855fwNUJ+RxSblWrkLkj5T2/gOWz/E1DyDLYvCZi3vMB/AbCFdFF6WrbWwAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 100% 100%;
}
.check-info .info-tabs .tabs-btn-tail[data-v-76991afe] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAoCAYAAAB5LPGYAAAC/0lEQVR4Xu2dvW4TQRSFz+CFWJFAGAkoSANVqNIBFZTQpgEJWqjTAiWUKaGCJhFSigicF+BJeAAXNJGwtTuz9s5FA5so5ie2490Zz/q4tbX3nm8/xfZm77XK8/x5URTvAayADxKomYBS6geArwBetdvtb8rVy/P8TlEUXwCs1VyfhyeBIwKHSql7vwR0DxG5prXeB/CAjEjABwGlVPdYwFLCxBizDWBLRMae89EQaywXAfd2/E/JjDFPrbUfAawuFxKm9U3gv3/lBoPBRpIkXRG55bsp1lseAqe+zYpIxxizJyKPlgcJk/okMPFznoic01q/dV+bAUx8vc/mWSt+AlMLZYzZFJEdEbkUf2wmWBQCUwvoGjbGrFtrDwCsL0oA9hE3gZkELC/VXMyybFcptRl3dHa/CARmFrCUUGmt3WfCNwBaixCEPcRJ4EwCHkXVWj8UkT0AV+KMz65DE5hLQNd8lmU3lVIHIrIROgzrx0dgbgFd5F6vt9rpdD4AeBYfAnYckkAlAp54S94CsC0i50OGYu14CFQqoIs9HA7vj0Yjd1fN9XgwsNNQBCoX0AVJ03RNKfUZwN1QwVg3DgK1CFheqlnRWu8CeBIHCnYZgkBtApYSXtZaH4YIxppxEKhVwH6/fzVJku9xoGCXIQjUJqCIXNBafwLwOEQw1oyDQC0Cpml6Qynlhpz4JSQOD4J1WbmAvAwT7FxGWbhSAbXWbpjJDTXxQnSUOvhvuhIB+a84/yeuKRXnFpA3IzRFhTA55hKQt2OFOWlNqnomAd3Qep7nL621bliJN6Q2yQjPWWYWUER4S77nk9TkcjMJ6IaSRMQNq99uMhRm80dgagHdWKa1dgcAxzL9nZ/GV5ooYDmY7oaPXnMwvfE+eA/I1RzekbPgSQKnLidqtVpdAFxORGdqI8D1bLWh5YGnITAmoIhwQeU01PiaSgiMLah0K3qNMfsiwhW9leDlQSYROF7RyyXlk1Dx+RoI/F5SnmXZCwDv+DMNNSDmIf8i8OfPNPwEZqoisKLL0sgAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100% 100%;
}
.check-info .info-tabs .tabs-btn-tailed[data-v-76991afe] {
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAoCAYAAAB5LPGYAAACwElEQVR4Xu2du24TURRF13UCkSyBAAkoEopQmSodUEEJbRqQoAXatJgqIiUd0AS/4iBSWCT5AST+g4IPoIlIgwBnDhrjCBlBPI7nTKQ7e1qPz2PdJT/nngm07REJr4E5dIiAN4HAPsYHEuo8CZ/CIF/TrgPbwIJ3fsUXgSGBPRJu/hYwPTbtEt/pEbgtRCJQEIGdPwKmGT/aLJ95AaxgjD5WUEVKUyICgf1/S9axBxzQAKolwqFWT4DA/1/lWraEsQNcPYG6lLIkBI5+m31n5/nGFnC3JDzUZsEExn/OW7UK86wRqIM+Fxa8PtGnGy/gIYKWLWNsAGejp6IGCyOQXcC0pI7V6LNLoFZYhUoUNYHJBExRtOwMCV0Cy1GTUXOFEJhcwEFZFmhRx3gOzBRSqZJESeCYAg5ZtO0OyeBb8oUo6agpdwLTCZiWt2mL/GAXWHKvVgmiIzC9gCmSdatS4Q2Bh9ERUkOuBPIR8LDEpq3A4L/kU65VK3g0BPIVMMWyYbfo0wMuR0NJjbgRyF/AtNSGLVDhPcYNt8oVOAoCPgKmaF7aHFW6wP0oSKkJFwJ+AqblduwcB+y5VK6gURDwFbBtF0n4EgUpNeFCwE/Anp3mK28J3HOpXEGjIOAjYNfm6bOtLyFROOLaRP4C6mcY1wWLLXi+AuqH6Nj8cO8nHwH1V5z7QsWaYHoBG7ZI0MUIsQri3dd0AupyLO/1iT7+MQW0QJOnwJouSI3eEdcGJxdQl+S7LkjZgk8m4LrVmBlsVr9WNlDq14dAdgG1LdNnBUoedbyA6cb0hcHmo2famF5yWxza12gOB6gKmZ2AhhNlZ6UzHQhoPJsDVIXMTmBUwFWb5YoGVGbHpzOnIjAyoDId0fuTHqYRvVNB1ZMnITAc0ash5ZNA07n5EBgOKW/ZYxJeEXSbhny4KsqRBP66TcMvh+uZkWmlwikAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100% 100%;
}
.check-info .info-tabs .tabs-active[data-v-76991afe] {
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAAoCAYAAABNVTCEAAADbElEQVR4Xu2dO09UURSFvwMoCQlETdQCLLDCik47LUzUlkgw0dhIiBXQihWR0k4qHsPLaEEE/Ad28i8sIbExVmbIMNvcURTJPO55XKeYNS1n77Pud1ZuFvdxrqNkUxiLQC/6icD/J7DEADNMuKMipna1pqt2E9gBhoqYRD1FoCkBx2cqjPPcHaYm9cvg2W/LrlBmG8ed1JOonwjkIHCAY5xJt59jbO4hfw2elXyyHr7wGpjF+PdvuVtqoAgEEyjjmGbSrQR3OFNY38Tr9phjskn6Uk2kPiLgQSBZLm98li7ZKMYucN1DmIaKQBoCiXJ58xjyzi7yg/fAgzSq1UUEvAhE5/LWOXveuhhkAcccKJd7LY8GpyAQlctbG/xEYsnGMDaAgRSq1UMEPAkE5fL8Bs/UrNsIFfZwjHiK03ARiCcQkMv9DJ5JLFk/VTZxjMUrVgcR8Cbglcv9DV7TY44ScxivgG5viSoQgTgCuXN5oMF/q1uz+1RrV1kuxelVtQgEEHAs0890s+dY4gyeadqyYY7YA0YDJKpEBOIItMjl8QbP5C1ZH10s43gSp1bVIhBEoGEuT2PwE02rNgu1Z1nOBclUkQiEEyhjzDDllk+3SGvwrPOG3abCNnA1XKsqRSCQwJlcnt7gma4VG6KLDxi3AmWqTATCCZzK5cUYPJP2xnrpYxN4FK5UlSIQTOCAbu4WZ/BM17pd4JhvwRJVKAJxBD4Wa/A1u0yVr3EaVS0CwQR2izP4tp3nO29xTATLU6EIhBM4oMq9Ygy+aYNU2NE/meGro8ooAvv08pCn7jC9wXWZMGplVBxJoNDLhLrRE7k6Ko8gUKaLGZ4VcaNHt+oj1kWlCQgUeKt+xYZxetgqwSKpRRiBP3m7XnlcBtfjsmFLoqo0BIp7XNYcq7wAFvTCQ5q1UhcvAnXzdpozuF5Z81oJDU5OoMBX1pZshO7aZkA3kstWQxFoTaBp3o47g2vbiNb4NaI4AjnydpjBs41/hmovF7/Uxj/FrZ86NyRQ90WGvLy0dVteUhrXDgJeedvvDK7NN9uxoJrzhEDAJj/5Da7tk2W0dhIIzNutDT5vPVzTBvjtXNsOnzsqbzc3uD5h0uHeavvhR+ftxgbXR6javrodLSBR3q5v8OwzglUWcfqMYEebrF0HnzBv1zuEn6x960UpzI7aAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}
.check-info .link-name[data-v-76991afe] {
  background: #fafafa;
  border-radius: 10px;
  padding: 0 20px;
  margin: 30px 0;
}
.check-info .link-name p[data-v-76991afe] {
  font-size: 16px;
  font-weight: 400;
  line-height: 54px;
  color: #666;
}
.check-info .link-name p span[data-v-76991afe] {
  color: #333;
  font-weight: 600;
  margin-right: 40px;
}
.check-info .question-type[data-v-76991afe] {
  color: #333;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.check-info .question-type span[data-v-76991afe] {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  padding: 2px 10px;
  border-radius: 6px;
  border: 1px solid rgba(151, 151, 151, 0.3);
  margin-left: 10px;
}
.check-info .question-list[data-v-76991afe] {
  overflow-y: auto;
}
.check-info .question-list .question-item[data-v-76991afe] {
  border-top: 1px solid #eee;
  padding: 20px 0;
}
.check-info .question-list p span[data-v-76991afe] {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  padding: 2px 10px;
  border-radius: 6px;
  border: 1px solid rgba(151, 151, 151, 0.3);
  margin-left: 10px;
}
.check-info .read-aloud p[data-v-76991afe] {
  color: #333;
  line-height: 16px;
  font-size: 16px;
  margin-bottom: 10px;
}
.check-info .read-aloud img[data-v-76991afe] {
  width: 320px;
  height: 160px;
}
.check-info .loading[data-v-76991afe] {
  width: 100%;
  height: calc(100vh - 120px);
  background-color: #ffffff;
  padding: 50% 0 0 0;
  text-align: center;
  line-height: 100%;
  font-size: 60px;
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: 9999;
}
.check-info .explan-choice[data-v-76991afe] {
  position: relative;
}
.check-info .explan-choice .explan-choice-button[data-v-76991afe] {
  border-radius: 30px;
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 100000;
}

.report-main[data-v-a9beb91e] {
  padding: 10px 0 0;
  border-radius: 10px;
  border: 1px solid #eee;
  margin-bottom: 20px;
}
.report-main .showInfo[data-v-a9beb91e] {
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  left: 0;
  top: 0;
  z-index: 1000;
}
.report-main .showInfo-main[data-v-a9beb91e] {
  width: 800px;
  margin: auto;
  border-radius: 10px;
  background-color: #fff;
  padding: 0 20px;
}
.report-main .showInfo-main .title[data-v-a9beb91e] {
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 20px;
}
.report-main .showInfo-main .title p[data-v-a9beb91e] {
  font-size: 16px;
  color: #333;
}
.report-main .showInfo-main .backfill[data-v-a9beb91e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #f2f2f2;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
}
.report-main .showInfo-main .backfill .backfill-main[data-v-a9beb91e] {
  width: 580px;
}
.report-main .showInfo-main .correct p[data-v-a9beb91e] {
  color: #27ae60;
}
.report-main .report-header[data-v-a9beb91e] {
  padding: 0 20px;
}
.report-main .report-header .subtract-title[data-v-a9beb91e] {
  display: -ms-flexbox;
  display: flex;
}
.report-main .report-header .answer-time[data-v-a9beb91e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.report-main .report-header .answer-time i[data-v-a9beb91e] {
  margin: 0 4px;
}
.report-main .report-header .answer-time > div[data-v-a9beb91e]:nth-child(2) {
  margin-left: 20px;
}
.report-main .report-header .subtract[data-v-a9beb91e] {
  width: 50px;
  height: 50px;
  background: #ecf8ff;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 20px;
}
.report-main .readRecording[data-v-a9beb91e]:hover {
  cursor: pointer;
}
.report-main .readRecording img[data-v-a9beb91e] {
  width: 14px;
  height: 14px;
}
.report-main p[data-v-a9beb91e] {
  font-size: 18px;
  color: #999;
  margin-bottom: 10px;
}
.report-main p span[data-v-a9beb91e] {
  color: #333;
}
.report-main .explain-title[data-v-a9beb91e] {
  padding: 7px 12px;
  font-size: 14px;
  color: #333;
  background-color: #f1faf5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 12px;
  margin-bottom: 20px;
}
.report-main .explain-title p[data-v-a9beb91e] {
  font-size: 14px;
  color: #333;
  margin-bottom: 0;
}
.report-main .explain-main p[data-v-a9beb91e] {
  font-size: 14px;
  color: #333;
}
.report-main .explain-video[data-v-a9beb91e] {
  width: 160px;
  height: 90px;
  margin: 0 10px;
}
.report-main .report-name[data-v-a9beb91e] {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}
.report-main .fraction-main[data-v-a9beb91e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 20px 0;
}
.report-main .answers-overview[data-v-a9beb91e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  margin: 20px 0;
}
.report-main .answers-overview .all-answers[data-v-a9beb91e] {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #333;
  width: 120px;
}
.report-main .answers-overview .answers[data-v-a9beb91e] {
  font-size: 12px;
  line-height: 36px;
  color: #666666;
  -ms-flex: 1;
      flex: 1;
}
.report-main .answers-overview .answers span[data-v-a9beb91e] {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  font-size: 20px;
  font-weight: 600;
  color: #009cff;
  background-color: #ecf8ff;
  margin-right: 10px;
}
.report-main .answers-overview .answers .error[data-v-a9beb91e] {
  color: #eb5757;
  background-color: rgba(235, 87, 87, 0.1);
}
.report-main .answers-overview .answers .correct[data-v-a9beb91e] {
  color: #27ae60;
  background-color: rgba(111, 207, 151, 0.1);
}
.report-main .answers-overview .answers .skip[data-v-a9beb91e] {
  color: rgba(51, 51, 51, 0.6);
  background-color: #f2f2f2;
}
.report-main .topics-list[data-v-a9beb91e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 20px;
}
.report-main .topics-list .topics-item[data-v-a9beb91e] {
  min-width: 65px;
  font-size: 14px;
  color: #000;
}
.report-main .topics-list .topics-item > div[data-v-a9beb91e] {
  text-align: center;
  outline: 1px solid #f2f2f2;
  padding: 5px 16px;
}
.report-main .topics-list .topics-item > .topics-main[data-v-a9beb91e] {
  padding: 5px 8px;
}
.report-main .topics-list .topics-item > div[data-v-a9beb91e]:nth-child(2) {
  height: 50px;
}
.report-main .topics-list .topics-item > div:nth-child(2) p[data-v-a9beb91e] {
  font-size: 14px;
  color: #000;
  text-align: center;
  line-height: 40px;
  margin-bottom: 0;
}
.report-main .topics-list .topics-item > div[data-v-a9beb91e]:nth-child(3) {
  height: 50px;
}
.report-main .topics-list .topics-title[data-v-a9beb91e] {
  width: 65px;
}
.report-main .topics-list .topics-title > div[data-v-a9beb91e]:nth-child(2) {
  height: 50px;
}
.report-main .topics-list .topics-title > div:nth-child(2) p[data-v-a9beb91e] {
  font-size: 14px;
  color: #000;
  text-align: center;
  line-height: 40px;
  margin-bottom: 0;
}
.report-main .fraction[data-v-a9beb91e] {
  font-size: 32px;
  font-weight: 600;
  color: #333333;
  line-height: 32px;
}
.report-main .report-expand .expand-btn[data-v-a9beb91e] {
  width: 100%;
  height: 42px;
  padding-right: 10px;
  line-height: 42px;
  text-align: right;
  font-size: 16px;
  color: #009cff;
  background-color: #ecf8ff;
  margin-bottom: 0;
}
.report-main .report-expand .expand-btn[data-v-a9beb91e]:hover {
  cursor: pointer;
}
.report-main .report-list[data-v-a9beb91e] {
  padding: 10px 20px 0;
}
.report-main .report-list > div:last-child .report-item[data-v-a9beb91e] {
  border: none;
}
.report-main .report-list .report-item[data-v-a9beb91e] {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.report-main .report-list .report-unit[data-v-a9beb91e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.report-main .report-list .report-unit > div[data-v-a9beb91e] {
  width: 100%;
}
.report-main .report-list .report-unit > img[data-v-a9beb91e] {
  width: 30px;
  height: 30px;
  margin: 20px 20px 0 0;
}
.report-main .report-list .report-unit .item-title[data-v-a9beb91e] {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 18px 20px;
  background: #f1faf5;
  border-radius: 12px;
}
.report-main .report-list .report-unit .item-time[data-v-a9beb91e] {
  font-weight: 600;
  color: #009cff;
}
.report-main .report-list .report-unit .item-error[data-v-a9beb91e] {
  font-weight: 600;
  color: #eb5757;
}
.report-main .report-list .report-unit .title-error[data-v-a9beb91e] {
  background: #fdeeee;
}
.report-main .report-list .report-unit .title-skip[data-v-a9beb91e] {
  background: #f2f2f2;
}
.report-main .report-list .report-unit .show-info[data-v-a9beb91e] {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px;
  color: #009dff;
  border: 1px solid #009dff;
  border-radius: 8px;
  margin-bottom: 20px;
}
.report-main .report-list .item-title[data-v-a9beb91e] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.report-main .report-list .item-title p[data-v-a9beb91e] {
  font-size: 16px;
  line-height: 22px;
  color: #333;
  max-width: 80%;
  margin-bottom: 0;
}
.report-main .report-list .item-title span[data-v-a9beb91e] {
  font-size: 14px;
  font-weight: normal;
  padding: 2px 5px;
  border-radius: 10px;
  border: 1px solid #eee;
  margin-left: 5px;
}
.report-main .report-list .item-audio[data-v-a9beb91e] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  height: 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}
.report-main .report-list .item-audio audio[data-v-a9beb91e] {
  height: 22px;
  margin: 0 10px;
}
.report-main .report-list .item-ai[data-v-a9beb91e] {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}
.report-main .report-list .item-ai span[data-v-a9beb91e] {
  padding: 2px 8px;
  border-radius: 10px;
  background: #f7f7f7;
  border-radius: 6px;
  margin-right: 10px;
}
.report-main .empty[data-v-a9beb91e] {
  font-size: 16px;
  color: #999;
  padding-top: 1%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.report-main[data-v-3cab4d04] {
  padding: 10px 0 0;
  border-radius: 10px;
  border: 1px solid #eee;
  margin-bottom: 20px;
}
.report-main .showInfo[data-v-3cab4d04] {
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  left: 0;
  top: 0;
  z-index: 1000;
}
.report-main .showInfo-main[data-v-3cab4d04] {
  width: 800px;
  margin: auto;
  border-radius: 10px;
  background-color: #fff;
  padding: 0 20px;
}
.report-main .showInfo-main .title[data-v-3cab4d04] {
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 20px;
}
.report-main .showInfo-main .title p[data-v-3cab4d04] {
  font-size: 16px;
  color: #333;
}
.report-main .showInfo-main .backfill[data-v-3cab4d04] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #f2f2f2;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
}
.report-main .showInfo-main .backfill .backfill-main[data-v-3cab4d04] {
  width: 580px;
}
.report-main .showInfo-main .correct p[data-v-3cab4d04] {
  color: #27ae60;
}
.report-main .report-header[data-v-3cab4d04] {
  padding: 0 20px;
}
.report-main .report-header .subtract-title[data-v-3cab4d04] {
  display: -ms-flexbox;
  display: flex;
}
.report-main .report-header .answer-time[data-v-3cab4d04] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.report-main .report-header .answer-time i[data-v-3cab4d04] {
  margin: 0 4px;
}
.report-main .report-header .answer-time > div[data-v-3cab4d04]:nth-child(2) {
  margin-left: 20px;
}
.report-main .report-header .subtract[data-v-3cab4d04] {
  width: 50px;
  height: 50px;
  background: #ecf8ff;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 20px;
}
.report-main .readRecording[data-v-3cab4d04]:hover {
  cursor: pointer;
}
.report-main .readRecording img[data-v-3cab4d04] {
  width: 14px;
  height: 14px;
}
.report-main p[data-v-3cab4d04] {
  font-size: 18px;
  color: #999;
  margin-bottom: 10px;
}
.report-main p span[data-v-3cab4d04] {
  color: #333;
}
.report-main .explain-title[data-v-3cab4d04] {
  padding: 7px 12px;
  font-size: 14px;
  color: #333;
  background-color: #f1faf5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 12px;
  margin-bottom: 20px;
}
.report-main .explain-title p[data-v-3cab4d04] {
  font-size: 14px;
  color: #333;
  margin-bottom: 0;
}
.report-main .explain-main p[data-v-3cab4d04] {
  font-size: 14px;
  color: #333;
}
.report-main .explain-video[data-v-3cab4d04] {
  width: 160px;
  height: 90px;
  margin: 0 10px;
}
.report-main .report-name[data-v-3cab4d04] {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}
.report-main .fraction-main[data-v-3cab4d04] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 20px 0;
}
.report-main .answers-overview[data-v-3cab4d04] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  margin: 20px 0;
}
.report-main .answers-overview .all-answers[data-v-3cab4d04] {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #333;
  width: 120px;
}
.report-main .answers-overview .answers[data-v-3cab4d04] {
  font-size: 12px;
  line-height: 36px;
  color: #666666;
  -ms-flex: 1;
      flex: 1;
}
.report-main .answers-overview .answers span[data-v-3cab4d04] {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  font-size: 20px;
  font-weight: 600;
  color: #009cff;
  background-color: #ecf8ff;
  margin-right: 10px;
}
.report-main .answers-overview .answers .error[data-v-3cab4d04] {
  color: #eb5757;
  background-color: rgba(235, 87, 87, 0.1);
}
.report-main .answers-overview .answers .correct[data-v-3cab4d04] {
  color: #27ae60;
  background-color: rgba(111, 207, 151, 0.1);
}
.report-main .answers-overview .answers .skip[data-v-3cab4d04] {
  color: rgba(51, 51, 51, 0.6);
  background-color: #f2f2f2;
}
.report-main .topics-list[data-v-3cab4d04] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 20px;
}
.report-main .topics-list .topics-item[data-v-3cab4d04] {
  min-width: 65px;
  font-size: 14px;
  color: #000;
}
.report-main .topics-list .topics-item > div[data-v-3cab4d04] {
  text-align: center;
  outline: 1px solid #f2f2f2;
  padding: 5px 16px;
}
.report-main .topics-list .topics-item > .topics-main[data-v-3cab4d04] {
  padding: 5px 8px;
}
.report-main .topics-list .topics-item > div[data-v-3cab4d04]:nth-child(2) {
  height: 50px;
}
.report-main .topics-list .topics-item > div:nth-child(2) p[data-v-3cab4d04] {
  font-size: 14px;
  color: #000;
  text-align: center;
  line-height: 40px;
  margin-bottom: 0;
}
.report-main .topics-list .topics-item > div[data-v-3cab4d04]:nth-child(3) {
  height: 50px;
}
.report-main .topics-list .topics-title[data-v-3cab4d04] {
  width: 65px;
}
.report-main .topics-list .topics-title > div[data-v-3cab4d04]:nth-child(2) {
  height: 50px;
}
.report-main .topics-list .topics-title > div:nth-child(2) p[data-v-3cab4d04] {
  font-size: 14px;
  color: #000;
  text-align: center;
  line-height: 40px;
  margin-bottom: 0;
}
.report-main .fraction[data-v-3cab4d04] {
  font-size: 32px;
  font-weight: 600;
  color: #333333;
  line-height: 32px;
}
.report-main .report-expand .expand-btn[data-v-3cab4d04] {
  width: 100%;
  height: 42px;
  padding-right: 10px;
  line-height: 42px;
  text-align: right;
  font-size: 16px;
  color: #009cff;
  background-color: #ecf8ff;
  margin-bottom: 0;
}
.report-main .report-expand .expand-btn[data-v-3cab4d04]:hover {
  cursor: pointer;
}
.report-main .report-list[data-v-3cab4d04] {
  padding: 10px 20px 0;
}
.report-main .report-list > div:last-child .report-item[data-v-3cab4d04] {
  border: none;
}
.report-main .report-list .report-item[data-v-3cab4d04] {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.report-main .report-list .report-unit[data-v-3cab4d04] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.report-main .report-list .report-unit > div[data-v-3cab4d04] {
  width: 100%;
}
.report-main .report-list .report-unit > img[data-v-3cab4d04] {
  width: 30px;
  height: 30px;
  margin: 20px 20px 0 0;
}
.report-main .report-list .report-unit .item-title[data-v-3cab4d04] {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 18px 20px;
  background: #f1faf5;
  border-radius: 12px;
}
.report-main .report-list .report-unit .item-time[data-v-3cab4d04] {
  font-weight: 600;
  color: #009cff;
}
.report-main .report-list .report-unit .item-error[data-v-3cab4d04] {
  font-weight: 600;
  color: #eb5757;
}
.report-main .report-list .report-unit .title-error[data-v-3cab4d04] {
  background: #fdeeee;
}
.report-main .report-list .report-unit .title-skip[data-v-3cab4d04] {
  background: #f2f2f2;
}
.report-main .report-list .report-unit .show-info[data-v-3cab4d04] {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px;
  color: #009dff;
  border: 1px solid #009dff;
  border-radius: 8px;
  margin-bottom: 20px;
}
.report-main .report-list .item-title[data-v-3cab4d04] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.report-main .report-list .item-title p[data-v-3cab4d04] {
  font-size: 16px;
  line-height: 22px;
  color: #333;
  max-width: 80%;
  margin-bottom: 0;
}
.report-main .report-list .item-title span[data-v-3cab4d04] {
  font-size: 14px;
  font-weight: normal;
  padding: 2px 5px;
  border-radius: 10px;
  border: 1px solid #eee;
  margin-left: 5px;
}
.report-main .report-list .item-audio[data-v-3cab4d04] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  height: 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}
.report-main .report-list .item-audio audio[data-v-3cab4d04] {
  height: 22px;
  margin: 0 10px;
}
.report-main .report-list .item-ai[data-v-3cab4d04] {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}
.report-main .report-list .item-ai span[data-v-3cab4d04] {
  padding: 2px 8px;
  border-radius: 10px;
  background: #f7f7f7;
  border-radius: 6px;
  margin-right: 10px;
}
.report-main .empty[data-v-3cab4d04] {
  font-size: 16px;
  color: #999;
  padding-top: 1%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.reportMath-main[data-v-6d81aa63] {
  padding: 10px 0 0;
  border-radius: 10px;
  border: 1px solid #eee;
  margin-bottom: 20px;
}
.reportMath-main .showInfo[data-v-6d81aa63] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  left: 0;
  top: 0;
  z-index: 1000;
}
.reportMath-main .showInfo-main[data-v-6d81aa63] {
  width: 800px;
  margin: auto;
  border-radius: 10px;
  background-color: #fff;
  padding: 0 20px;
}
.reportMath-main .showInfo-main .title[data-v-6d81aa63] {
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 20px;
}
.reportMath-main .showInfo-main .title p[data-v-6d81aa63] {
  font-size: 16px;
  color: #333;
}
.reportMath-main .showInfo-main .backfill[data-v-6d81aa63] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #f2f2f2;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
}
.reportMath-main .showInfo-main .backfill .backfill-main[data-v-6d81aa63] {
  width: 580px;
}
.reportMath-main .showInfo-main .correct p[data-v-6d81aa63] {
  color: #27ae60;
}
.reportMath-main .report-header[data-v-6d81aa63] {
  padding: 0 20px;
}
.reportMath-main .report-header .subtract-title[data-v-6d81aa63] {
  display: -ms-flexbox;
  display: flex;
}
.reportMath-main .report-header .answer-time[data-v-6d81aa63] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.reportMath-main .report-header .answer-time i[data-v-6d81aa63] {
  margin: 0 4px;
}
.reportMath-main .report-header .answer-time > div[data-v-6d81aa63]:nth-child(2) {
  margin-left: 20px;
}
.reportMath-main .report-header .subtract[data-v-6d81aa63] {
  width: 50px;
  height: 50px;
  background: #ecf8ff;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 20px;
}
.reportMath-main .readRecording[data-v-6d81aa63]:hover {
  cursor: pointer;
}
.reportMath-main .readRecording img[data-v-6d81aa63] {
  width: 14px;
  height: 14px;
}
.reportMath-main p[data-v-6d81aa63] {
  font-size: 18px;
  margin-bottom: 10px;
}
.reportMath-main p span[data-v-6d81aa63] {
  color: #333;
  margin-right: 40px;
}
.reportMath-main .explain-title[data-v-6d81aa63] {
  padding: 7px 12px;
  font-size: 14px;
  color: #333;
  background-color: #f1faf5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 12px;
  margin-bottom: 20px;
}
.reportMath-main .explain-title p[data-v-6d81aa63] {
  font-size: 14px;
  color: #333;
  margin-bottom: 0;
}
.reportMath-main .explain-main[data-v-6d81aa63] {
  background: #f7f7f7;
  border-radius: 8px;
  padding: 12px;
  color: #828282;
  margin-bottom: 12px;
}
.reportMath-main .explain-main p[data-v-6d81aa63] {
  font-size: 14px;
  color: #333;
}
.reportMath-main .explain-video[data-v-6d81aa63] {
  width: 160px;
  height: 90px;
  margin: 0 10px;
}
.reportMath-main .report-name[data-v-6d81aa63] {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}
.reportMath-main .fraction-main[data-v-6d81aa63] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 20px 0;
}
.reportMath-main .answers-overview[data-v-6d81aa63] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 20px 0;
}
.reportMath-main .answers-overview .all-answers[data-v-6d81aa63] {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #333;
}
.reportMath-main .answers-overview .answers[data-v-6d81aa63] {
  font-size: 12px;
  line-height: 36px;
  color: #666666;
}
.reportMath-main .answers-overview .answers span[data-v-6d81aa63] {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  font-size: 20px;
  font-weight: 600;
  color: #009cff;
  background-color: #ecf8ff;
  margin-right: 10px;
}
.reportMath-main .answers-overview .answers .error[data-v-6d81aa63] {
  color: #eb5757;
  background-color: rgba(235, 87, 87, 0.1);
}
.reportMath-main .answers-overview .answers .correct[data-v-6d81aa63] {
  color: #27ae60;
  background-color: rgba(111, 207, 151, 0.1);
}
.reportMath-main .answers-overview .answers .skip[data-v-6d81aa63] {
  color: rgba(51, 51, 51, 0.6);
  background-color: #f2f2f2;
}
.reportMath-main .topics-list[data-v-6d81aa63] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 20px;
}
.reportMath-main .topics-list .topics-item[data-v-6d81aa63] {
  min-width: 65px;
  font-size: 14px;
  color: #000;
}
.reportMath-main .topics-list .topics-item > div[data-v-6d81aa63] {
  text-align: center;
  outline: 1px solid #f2f2f2;
  padding: 5px 16px;
}
.reportMath-main .topics-list .topics-item > .topics-main[data-v-6d81aa63] {
  padding: 5px 8px;
}
.reportMath-main .topics-list .topics-item > div[data-v-6d81aa63]:nth-child(2) {
  height: 50px;
}
.reportMath-main .topics-list .topics-item > div:nth-child(2) p[data-v-6d81aa63] {
  font-size: 14px;
  color: #000;
  text-align: center;
  line-height: 40px;
  margin-bottom: 0;
}
.reportMath-main .topics-list .topics-item > div[data-v-6d81aa63]:nth-child(3) {
  height: 50px;
}
.reportMath-main .topics-list .topics-title[data-v-6d81aa63] {
  width: 65px;
}
.reportMath-main .topics-list .topics-title > div[data-v-6d81aa63]:nth-child(2) {
  height: 50px;
}
.reportMath-main .topics-list .topics-title > div:nth-child(2) p[data-v-6d81aa63] {
  font-size: 14px;
  color: #000;
  text-align: center;
  line-height: 40px;
  margin-bottom: 0;
}
.reportMath-main .fraction[data-v-6d81aa63] {
  font-size: 32px;
  font-weight: 600;
  color: #333333;
  line-height: 32px;
}
.reportMath-main .report-expand .expand-btn[data-v-6d81aa63] {
  width: 100%;
  height: 42px;
  padding-right: 10px;
  line-height: 42px;
  text-align: right;
  font-size: 16px;
  color: #009cff;
  background-color: #ecf8ff;
  margin-bottom: 0;
}
.reportMath-main .report-expand .expand-btn[data-v-6d81aa63]:hover {
  cursor: pointer;
}
.reportMath-main .report-list[data-v-6d81aa63] {
  padding: 10px 20px 0;
}
.reportMath-main .report-list > div:last-child .report-item[data-v-6d81aa63] {
  border: none;
}
.reportMath-main .report-list .report-item[data-v-6d81aa63] {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.reportMath-main .report-list .report-unit[data-v-6d81aa63] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.reportMath-main .report-list .report-unit > img[data-v-6d81aa63] {
  width: 30px;
  height: 30px;
  margin: 20px 20px 0 0;
  display: inline-block;
}
.reportMath-main .report-list .report-unit .item-time[data-v-6d81aa63] {
  font-weight: 600;
  color: #009cff;
}
.reportMath-main .report-list .report-unit .item-error[data-v-6d81aa63] {
  font-weight: 600;
  color: #eb5757;
}
.reportMath-main .report-list .report-unit .title-error[data-v-6d81aa63] {
  background: #fdeeee;
}
.reportMath-main .report-list .report-unit .show-info[data-v-6d81aa63] {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px;
  color: #009dff;
  border: 1px solid #009dff;
  border-radius: 8px;
  margin-bottom: 20px;
}
.reportMath-main .report-list .item-audio[data-v-6d81aa63] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  height: 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}
.reportMath-main .report-list .item-audio audio[data-v-6d81aa63] {
  height: 22px;
  margin: 0 10px;
}
.reportMath-main .empty[data-v-6d81aa63] {
  font-size: 16px;
  color: #999;
  padding-top: 1%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.answer-error[data-v-6d81aa63] {
  color: #ff5353;
}
.answer-correct[data-v-6d81aa63] {
  color: #00cf64;
}
.item-title[data-v-6d81aa63] {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
}
.item-title p[data-v-6d81aa63] {
  font-size: 16px;
  line-height: 22px;
  color: #333;
  max-width: 80%;
  margin-bottom: 0;
}
.item-title span[data-v-6d81aa63] {
  font-size: 14px;
  font-weight: normal;
  padding: 2px 6px;
  border-radius: 10px;
  border: 1px solid #eee;
  margin-left: 5px;
}
.item-ai[data-v-6d81aa63] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 10px;
  font-weight: bold;
}
.questionDifficulty[data-v-6d81aa63] {
  width: 170px;
  height: 28px;
  text-align: center;
  color: #ffbf00;
  border: 1px solid #ffbf00;
  border-radius: 6px;
  font-size: 14px;
  line-height: 26px;
  margin-left: 10px;
}
.face-icon[data-v-6d81aa63] {
  margin-right: 15px;
}

.report-main {
  padding: 10px 20px;
  border-radius: 10px;
  border: 1px solid #eee;
  margin-bottom: 20px;
}
.report-main p {
  font-size: 16px;
  color: #999;
  margin-bottom: 10px;
}
.report-main p span {
  color: #333;
  margin-right: 40px;
}
.report-main .report-name {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}
.report-main .report-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}
.report-main .report-title .tags {
  width: 20%;
  height: 26px;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  border: 1px solid rgba(151, 151, 151, 0.3);
  border-radius: 6px;
  padding: 2px 5px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-main .report-title .info-title {
  display: inline-block;
  width: 100%;
}
.report-main .report-title .title-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-main .expand-title {
  font-size: 14px;
  color: #009cff;
}
.report-main .expand-title:hover {
  cursor: pointer;
}
.report-main .img-type {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 20px 0;
}
.report-main .img-type img {
  width: 160px;
  height: 90px;
  margin: 5px 10px 0 0;
}
.report-main .img-type .close {
  width: 14px;
  height: 14px;
}
.report-main .title-info {
  -ms-flex-direction: column;
      flex-direction: column;
}
.report-main .title-info img {
  margin-bottom: 20px;
}
.report-main .title-info .teacher-audio,
.report-main .title-info .teacher-video,
.report-main .title-info .teacher-file {
  cursor: pointer;
  margin: 0 0 20px 0;
}
.report-main .student-sumbit {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.report-main .student-sumbit p {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  line-height: 24px;
  margin: 15px 0;
}
.report-main .teacher-comment {
  padding-top: 20px;
}
.report-main .teacher-comment label {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  line-height: 40px;
}
.report-main .teacher-comment textarea {
  border-radius: 6px;
}
.report-main .teacher-comment .ant-form-item-children {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.report-main .teacher-evaluation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 20px 0;
}
.report-main .teacher-evaluation label {
  line-height: 20px;
}
.report-main .teacher-evaluation div {
  width: 80%;
  font-size: 16px;
  color: #333;
}
.report-main .teacher-audio audio {
  height: 22px;
}
.report-main .pictures {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report-main .teafileName {
  color: #009cff;
}
.report-main .teafileName:hover {
  cursor: pointer;
}
.report-main .teacher-video {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}
.report-main .teacher-video video {
  width: 160px;
  height: 90px;
  margin: 5px;
}
.report-main .teacher-file {
  cursor: pointer;
  margin-top: 30px;
}
.report-main .teacher-text p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
}
.report-main .teacher-text p span {
  color: #666;
  margin-right: 0;
}
.report-main .audio-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.report-main .audio-main i {
  font-size: 22px;
}
.report-main .audio-main audio {
  height: 22px;
}
.report-main .audio-main img {
  width: 20px;
  height: 20px;
}
.report-main .ant-btn-primary {
  color: #fff;
  background-color: #009cff;
}
.report-main .empty {
  height: 200px !important;
  font-size: 16px;
  color: #999;
  padding-top: 1%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.report-main .audiocls {
  width: 40px;
  height: 40px;
  border: 1px solid #eee;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
}
.report-main .submitCls {
  border-radius: 10px;
}
.report-main .ant-upload-list-picture {
  display: none;
}
.report-main .filemain .universal-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.report-main .filemain .universal-file p {
  margin: 5px 0;
}
.report-main .filemain .image-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report-main .filemain .img-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report-main .filemain .flieName {
  font-size: 16px;
  color: #333;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 5px 10px;
}
.report-main .filemain .flieName i {
  color: #009cff;
  font-size: 16px;
}
.report-main .filemain .flieName span {
  margin-right: 0;
}
.report-main .filemain img,
.report-main .filemain video {
  width: 160px;
  height: 90px;
  margin: 5px;
}
.report-main .universal-img {
  position: relative;
  width: 175px;
  height: 105px;
}
.report-main .universal-img img {
  width: 160px;
  height: 90px;
  margin: 5px;
}
.report-main .universal-img .close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -4px;
  right: 0px;
}
.report-main .universal-edit img {
  width: 160px;
  height: 90px;
  margin: 5px;
}
.report-main .teacher-image img,
.report-main .teacher-image video {
  width: 160px;
  height: 90px;
  margin: 5px;
}
.carousel-main {
  width: 550px;
  height: 340px;
  background: #fff;
  border-radius: 20px;
}
.carousel-main .imgcls {
  width: 550px;
  height: 340px;
}
.carousel-main .imgcls img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.carousel-main .ant-carousel .slick-slide {
  text-align: center;
  height: 340px;
}
.carousel-main .ant-carousel .custom-slick-arrow {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #000;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
}
.carousel-main .ant-carousel .custom-slick-arrow:before {
  display: none;
}
.carousel-main .ant-carousel .custom-slick-arrow:hover {
  opacity: 0.5;
}

.history-main .history {
  padding: 20px;
}
.history-main .ant-drawer-body {
  padding: 0;
}
.history-main .ant-tabs-content {
  overflow-y: auto;
  height: calc(100vh - 48px);
}
.history-main .ant-tabs .ant-tabs-left-content {
  padding: 24px;
}
.history-main .ant-tabs-nav .ant-tabs-tab-active {
  color: #000;
  background-color: #fff;
}
.history-main .ant-tabs-nav .ant-tabs-tab {
  width: 150px;
  text-align: center;
  padding: 16px 24px;
  text-align: left;
  margin: 0;
}
.history-main .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #fff;
}
.history-main .ant-tabs-nav-wrap {
  background-color: #f7f7f7;
}
.history-main .ant-tabs-left-content {
  border-left: none;
}
.history-main .tabs-main {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.history-main .tabcls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.history-main .tabcls span {
  display: inline-block;
  width: 100px;
  font-size: 14px;
  color: #333;
  padding: 0 12px;
  background: #f7f7f7;
  border-radius: 6px;
  margin-bottom: 20px;
  margin-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  cursor: pointer;
}
.history-main .tabcls .active {
  color: #fff;
  background-color: #009cff;
}
.history-main .empty {
  font-size: 16px;
  color: #999;
  padding-top: 10%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.history-main .loading {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 50% 0 0 0;
  text-align: center;
  font-size: 60px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
}

.review-main .ant-drawer-body {
  padding: 0;
}
.review-main .ant-tabs-content {
  overflow-y: auto;
  height: calc(100vh - 48px);
}
.review-main .ant-tabs .ant-tabs-left-content {
  padding: 24px;
}
.review-main .ant-tabs-nav .ant-tabs-tab-active {
  color: #000;
  background-color: #fff;
}
.review-main .ant-tabs-nav .ant-tabs-tab {
  width: 150px;
  text-align: center;
  padding: 16px 24px;
  text-align: left;
  margin: 0;
}
.review-main .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #fff;
}
.review-main .ant-tabs-nav-wrap {
  background-color: #f7f7f7;
}
.review-main .ant-tabs-left-content {
  border-left: none;
}
.review-main .tabs-main {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.review-main .read-report {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.review-main .read-report p:hover {
  cursor: pointer;
}
.review-main .report-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.review-main .report-title p {
  height: 28px;
  display: inline-block;
  padding: 2px 10px;
  font-size: 14px;
  color: #009cff;
  border: 1px solid #009cff;
  border-radius: 4px;
  margin: 0 8px;
}
.review-main .empty {
  height: 70vh;
  font-size: 16px;
  color: #999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.review-main .loading {
  width: 80%;
  height: 100%;
  background-color: rgba(255, 255, 255);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  font-size: 60px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
}

.review-main .ant-drawer-body {
  padding: 0;
}
.review-main .ant-tabs-content {
  overflow-y: auto;
  height: calc(100vh - 48px);
}
.review-main .ant-tabs .ant-tabs-left-content {
  padding: 24px;
}
.review-main .ant-tabs-nav .ant-tabs-tab-active {
  color: #000;
  background-color: #fff;
}
.review-main .ant-tabs-nav .ant-tabs-tab {
  width: 150px;
  text-align: center;
  padding: 16px 24px;
  text-align: left;
  margin: 0;
}
.review-main .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #fff;
}
.review-main .ant-tabs-nav-wrap {
  background-color: #f7f7f7;
}
.review-main .ant-tabs-left-content {
  border-left: none;
}
.review-main .tabs-main {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.review-main .read-report {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.review-main .read-report p:hover {
  cursor: pointer;
}
.review-main .report-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.review-main .report-title p {
  height: 28px;
  display: inline-block;
  padding: 2px 10px;
  font-size: 14px;
  color: #009cff;
  border: 1px solid #009cff;
  border-radius: 4px;
  margin: 0 8px;
}
.review-main .empty {
  height: 70vh;
  font-size: 16px;
  color: #999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.review-main .loading {
  width: 80%;
  height: 100%;
  background-color: rgba(255, 255, 255);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  font-size: 60px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
}

.history-main .history {
  padding: 20px;
}
.history-main .ant-drawer-body {
  padding: 0;
}
.history-main .ant-tabs-content {
  overflow-y: auto;
  height: calc(100vh - 48px);
}
.history-main .ant-tabs .ant-tabs-left-content {
  padding: 24px;
}
.history-main .ant-tabs-nav .ant-tabs-tab-active {
  color: #000;
  background-color: #fff;
}
.history-main .ant-tabs-nav .ant-tabs-tab {
  width: 150px;
  text-align: center;
  padding: 16px 24px;
  text-align: left;
  margin: 0;
}
.history-main .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #fff;
}
.history-main .ant-tabs-nav-wrap {
  background-color: #f7f7f7;
}
.history-main .ant-tabs-left-content {
  border-left: none;
}
.history-main .tabs-main {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.history-main .tabcls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.history-main .tabcls span {
  display: inline-block;
  width: 100px;
  font-size: 14px;
  color: #333;
  padding: 0 12px;
  background: #f7f7f7;
  border-radius: 6px;
  margin-bottom: 20px;
  margin-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  cursor: pointer;
}
.history-main .tabcls .active {
  color: #fff;
  background-color: #009cff;
}
.history-main .empty {
  font-size: 16px;
  color: #999;
  padding-top: 10%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.history-main .loading {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 50% 0 0 0;
  text-align: center;
  font-size: 60px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
}

.check-info .change-serious[data-v-66959d51] {
  width: 82px;
  height: 30px;
  border-radius: 8px;
  background-color: #009cff;
  color: #fff;
}
.check-info .ant-btn[disabled][data-v-66959d51] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
}
.check-info .line[data-v-66959d51] {
  height: 1px;
  border: none;
  background-color: #009cff;
  margin-top: -15px;
}
.check-info .info-tabs[data-v-66959d51] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.check-info .info-tabs .tabs-btn[data-v-66959d51] {
  display: inline-block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #999;
  background-size: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAasAAAAoCAYAAABAQtWvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGtSURBVHgB7dfNSgMxFIbhSV2KiFdse8Ui4tKOPUKl1vmfb/k8i5DkZP+S9vbxdWytvXYAEHLpyvH5sZ26kFaLYAGQlgxWu24EC4C0VLDa7UGwAEhLBKvdXwgWAGl7g9WGLgULgLQ9wWpjA8ECIG1rsNrUULAASNsSrDb3QLAASFsbrNlYFcECIG1NsBbFqggWAGlLg7U4VkWwAEhbEqxVsSqCBUDaXLBWx6oIFgBpU8HaFKsiWACkjQVrc6yKYAGQNhSsXbEqggVA2n2wdseqCBYAabfBisSqCBYAaddgxWJVBAuAtArWoQs6HA59BwBB5/O5xX5W75/9a9/3xw4AQi5dOb08PRwjsRIqANKuoar97lgJFQBpt6Equ2IlVACk3YeqbI6VUAGQNhSqsilWQgVA2lioyupYCRUAaVOhKqtiJVQApM2FqiyOlVABkLYkVGVRrIQKgLSloSqzsRIqANLWhKpMxkqoAEhbG6oyGiuhAiBtS6jKYKyECoC0raEq/2IlVACk7QlV+RMroQIgbW+oym+shAqAtESoyk+shAqAtFSoShMqANKSoSrfbiE4nWJiu4gAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100% 100%;
}
.check-info .info-tabs .tabs-btn[data-v-66959d51]:hover {
  cursor: pointer;
}
.check-info .info-tabs .tabs-btn-first[data-v-66959d51] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAn8AAAAoCAYAAACPWpydAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF6SURBVHgB7dg7TsRQDIbRBEqEECsms2OQoE3A3Wg0jzxucW3OaewlfPrHz+95GQAA6M44jtPby3gaGnoaAADo0rIs09fP8jE0JP4AADrWOgDFHwBA51oGoPgDAEigVQCKPwCAJFoEoPgDAEjkaACKPwCAZI4EoPgDAEhobwCKPwCApPYEoPgDAEhsawCKPwCA5LYEoPgDAChgbQCKPwCAItYEoPgDACjkUQCKPwCAYu4FoPgDACjoVgCKPwCAoq4FoPgDACjsMgDFHwBAcecBKP4AAP6BeZ7HuOIPAKC4v+Xv9P76PMUv/gAACjsPvyD+AACKugy/IP4AAAq6Fn5B/AEAFHMr/IL4AwAo5F74BfEHAFDEo/AL4g8AoIA14RfEHwBAcmvDL4g/AIDEtoRfEH8AAEltDb8g/gAAEtoTfkH8AQAkszf8gvgDAEjkSPgF8QcAkMTR8AviDwAggRbhF8QfAEDnWoVfEH8AAB1rGX5B/AEAdKp1+IVfZU/ZS8a629UAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100% 100%;
}
.check-info .info-tabs .tabs-btn-firsted[data-v-66959d51] {
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAn8AAAAoCAYAAACPWpydAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFySURBVHgB7dbJUQNBEETRHlwlsAPJD3CVRnVTKLTM0oeu0nuXTBP+0n56bwAAzGdpp/a5nNtAHw0AgDn1S/z99u82kPgDAJjZ4AAUfwAAsxsYgOIPACCDQQEo/gAAshgQgOIPACCTgwEo/gAAsjkQgOIPACCjnQEo/gAAstoRgOIPACCzjQEo/gAAstsQgOIPAKCClQEo/gAAqlgRgOIPAKCSFwEo/gAAqnkSgOIPAKCiBwEo/gAAqroTgOIPAKCymwAUfwAA1V0FoPgDAHgHf22JEX8AANX1dm5fyymu+AMAqOwq/IL4AwCo6ib8gvgDAKjoTvgF8QcAUM2D8AviDwCgkifhF8QfAEAVL8IviD8AgApWhF8QfwAA2a0MvyD+AAAy2xB+QfwBAGS1MfyC+AMAyGhH+AXxBwCQzc7wC+IPACCTA+EXxB8AQBYHwy+IPwCADAaEXxB/AACzGxR+QfwBAMxsYPgF8QcAMKvB4Rf+AQz7d0/WTm2dAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 100% 100%;
}
.check-info .info-tabs .tabs-btn-tail[data-v-66959d51] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAn4AAAAoCAYAAABgmPejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFoSURBVHgB7dhJTgMxEEDRrr54cmOEEEvUqJBADEl6XHQV7y0s2+UDfDmeXt6uEXEZAABoLXIRfwAA/cXnRvwBAPQW3w/iDwCgr/h9If4AAHqKW5fiDwCgn7g3EH8AAL3Eo6H4AwDoI+YeiD8AgB5mwy+JPwCA+haFXxJ/AAC1LQ6/JP4AAOpaFX5J/AEA1LQ6/JL4AwCoZ1P4JfEHAFDL5vBL4g8AoI5d4ZfEHwBADbvDL4k/AIDzOyT8kvgDADi3w8IviT8AgPMahwON4zgNAACc0mE/fs+v02WapusAAMApHRJ+og8A4Px2h5/oAwCoYVf4iT4AgDo2h5/oAwCoZVP4iT4AgHpWh5/oAwCoaVX4iT4AgLoWh5/oAwCobVH4iT4AgPpmw0/0AQD08DD8RB8AQB93w0/0AQD0cjP8RB8AQD9/wk/0AQD09CP8RB8AQF9f4Sf6AAB6+wg/0QcA0F+IPgCA/+Edh1PRdm7y/EUAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100% 100%;
}
.check-info .info-tabs .tabs-btn-tailed[data-v-66959d51] {
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAn4AAAAoCAYAAABgmPejAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFkSURBVHgB7dhJbgMhEEBR8MXte0Q5ayeVSLYsDz0uqPJ7CwQUB/iit6/p0no7NwAASut/q/gDACivX3fiDwCgtH53En8AAGX1hxvxBwBQUn96K/4AAMrpLyfiDwCglP52Kv4AAMrosy/EHwBACfPhF8QfAEB6y8IviD8AgNSWh18QfwAAaa0LvyD+AABSWh9+QfwBAKSzLfyC+AMASGV7+AXxBwCQxr7wC+IPACCF/eEXxB8AwPCOCb8g/gAAhnZc+AXxBwAwrFM70qlNDQCAIR334/c9nX+z79IAABjSMeEn+gAAhrc//EQfAEAK+8JP9AEApLE9/EQfAEAq28JP9AEApLM+/EQfAEBK68JP9AEApLU8/EQfAEBqy8JP9AEApDcffqIPAKCE9+En+gAAyngdfqIPAKCU5+En+gAAynkMP9EHAFDSffiJPgCAsm7hJ/oAAEr7Dz/RBwBQXhd9AACf4Qd8j3mhkfEJowAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 100% 100%;
}
.check-info .info-tabs .tabs-active[data-v-66959d51] {
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAasAAAAoCAYAAABAQtWvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGlSURBVHgB7ddJTgMxFEVRO1tFrCPJOhBbJeRDBGmqrzc8Z2DZ/p5fubePy6n1dmwAkNLbqb31cwvpP6tgAZAWDFb/2wkWAGmhYPWHk2ABkBYIVn+5ESwA0nYGqw/eChYAaTuC1UcnggVA2sZg9cmpYAGQtiFYffaFYAGQtjJY87EqggVA2opgLYtVESwA0hYGa3msimABkLYgWOtiVQQLgLSZYK2PVREsANImgrUtVkWwAEgbCdb2WBXBAiBtIFj7YlUEC4C0p2Dtj1URLADS7oKViVURLADSbsHKxaoIFgBp12AdWtKhXRoAJH21nvtZfV6O11SdGgCkXNq5vfdTJlZCBUDaLVS13R8roQIg7S5UZV+shAqAtKdQle2xEioA0gZCVbbFSqgASBsJVVkfK6ECIG0iVGVdrIQKgLSZUJXlsRIqANIWhKosi5VQAZC2MFRlPlZCBUDailCV6VgJFQBpK0NVxmMlVACkbQhVGY6VUAGQtjFU5TVWQgVA2o5QlcdYCRUAaTtDVf5jJVQApAVCVX5jJVQApIVCVbpQARAXDFX5Bky7w0V7AgUyAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}
.check-info .link-name[data-v-66959d51] {
  padding: 0 20px;
  margin: 23px 0;
}
.check-info .link-name p[data-v-66959d51] {
  font-size: 14px;
  font-weight: 400;
  line-height: 54px;
  color: #86909c;
}
.check-info .link-name p span[data-v-66959d51] {
  color: #333;
  margin-right: 40px;
}
.check-info .question-type[data-v-66959d51] {
  color: #333;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.check-info .question-type span[data-v-66959d51] {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  padding: 2px 10px;
  border-radius: 6px;
  border: 1px solid rgba(151, 151, 151, 0.3);
  margin-left: 10px;
}
.check-info .question-list[data-v-66959d51] {
  overflow-y: auto;
}
.check-info .question-list .question-item[data-v-66959d51] {
  border-top: 1px solid #eee;
  padding: 20px 0;
}
.check-info .question-list p span[data-v-66959d51] {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  padding: 2px 10px;
  border-radius: 6px;
  border: 1px solid rgba(151, 151, 151, 0.3);
  margin-left: 10px;
}
.check-info .read-aloud p[data-v-66959d51] {
  color: #333;
  line-height: 16px;
  font-size: 16px;
  margin-bottom: 10px;
}
.check-info .read-aloud img[data-v-66959d51] {
  width: 320px;
  height: 160px;
}
.check-info .loading[data-v-66959d51] {
  width: 100%;
  height: calc(100vh - 120px);
  background-color: #ffffff;
  padding: 50% 0 0 0;
  text-align: center;
  line-height: 100%;
  font-size: 60px;
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: 9999;
}
.check-info .explan-choice[data-v-66959d51] {
  position: relative;
}
.check-info .explan-choice .explan-choice-button[data-v-66959d51] {
  border-radius: 30px;
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 100000;
}

.poster {
  width: 750px;
  min-height: 1334px;
  border-radius: 20px;
  overflow: hidden;
}
.poster .base-info {
  width: 100%;
  background-size: 100% 100%;
}
.poster .base-logo {
  position: absolute;
  top: 0;
  right: 40px;
}
.poster .base-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 40px 40px 0;
  margin-bottom: 50px;
}
.poster .base-main .teacher-avatar {
  width: 160px;
  height: 160px;
  outline: 4px solid #fff;
  border-radius: 50%;
  margin-right: 30px;
}
.poster .base-main .teacher-avatar img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.poster .base-main .teacher-name {
  font-size: 40px;
  font-weight: 600;
  line-height: 59px;
  margin-bottom: 16px;
  color: #fff;
}
.poster .base-main .teacher-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.poster .base-main .teacher-label .teaching-styles {
  font-size: 24px;
  display: inline-block;
  padding: 4px 8px;
  background: #fff9e6;
  border-radius: 8px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.poster .base-main .teaching-education {
  font-size: 28px;
  line-height: 39px;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
.poster .base-main .teaching-education span {
  display: inline-block;
  width: 420px;
}
.poster .base-main .teaching-education img {
  margin-right: 10px;
}
.poster .teacher-introduce {
  padding: 25px 40px 160px;
}
.poster .teacher-introduce .teacher-main {
  padding-bottom: 40px;
}
.poster .teacher-introduce .teacher-main .teacher-label {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.poster .teacher-introduce .teacher-main .teacher-label img {
  margin-right: 12px;
}
.poster .teacher-introduce .teacher-main .teacher-label span {
  font-weight: 600;
  font-size: 34px;
  line-height: 48px;
}
.poster .teacher-introduce .teacher-main .teacher-text {
  font-size: 28px;
  line-height: 46px;
  color: rgba(0, 0, 0, 0.6);
  font-family: PingFang SC;
  word-break: break-all;
}
.poster .pic_bottom {
  position: absolute;
  bottom: 0;
}
.CHINESE {
  background: #fff3f3;
}
.CHINESE .base-info {
  background: url(../img/chinese-top.5d340af9.png);
}
.CHINESE .teaching-styles {
  color: #ff6666;
}
.CHINESE .teacher-introduce {
  background: #fff3f3;
}
.CHINESE .pic_bottom {
  background: #fff3f3;
}
.MATH {
  background: #f4f8ff;
}
.MATH .base-info {
  background: url(../img/math-top.7bdfed8f.png);
}
.MATH .teaching-styles {
  color: #3e79ff;
}
.MATH .teacher-introduce {
  background: #f4f8ff;
}
.MATH .pic_bottom {
  background: #f4f8ff;
}