body,
html {
  margin: 0;
  min-height: 600px;
}
#app,
body,
html {
  width: 100%;
  height: 100%;
}
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 1366px;
}
:focus {
  outline: none;
}
.category-card {
  position: relative;
  width: 15.4vmin;
  height: 15.4vmin;
  padding: 1.5vmin 2vmin;
  text-align: right;
  border-radius: 20px;
  margin-bottom: 2vh;
  box-shadow: 0 6px 14px 0 #d3d3d3;
  cursor: pointer;
  transition: 0.3s;
}
.category-card [text] {
  color: #fff;
  font-size: 2.6vmin;
}
.category-card img {
  position: absolute;
  bottom: 1.5vmin;
  left: 1.5vmin;
  width: 30%;
}
.category-card i[icon] {
  font-size: 4vmin;
  color: #fff;
  position: absolute;
  left: 2vmin;
  bottom: 2vmin;
}
.category-card [locker] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d3d3d3;
  opacity: 0.5;
  border-radius: 20px;
  text-align: center;
}
.category-card [locker] i {
  color: #fff !important;
  font-size: 8vmin;
  line-height: 15.4vmin;
}
.category-card.lock {
  background: #fff !important;
}
.category-card.lock [icon],
.category-card.lock [text] {
  color: #d3d3d3 !important;
}
.category-card.lock [locker] i {
  color: #fff;
}
.category-card:hover {
  box-shadow: 6px 6px 14px 6px #d3d3d3;
}
.category-card.whiteBg [text],
.category-card.whiteBg i {
  color: #3a377b;
}
.category-card.simpleCard {
  height: 5.3vh;
  width: 11vw;
  min-width: 125px;
  max-width: 180px;
  min-height: 36px;
  line-height: 5.3vh;
  border-radius: 12px;
  text-align: center;
  padding: unset;
}
.category-card.simpleCard [text] {
  font-size: 18px;
}
.category-card.simpleCard [locker] {
  background: #d3d3d3;
  opacity: 0.6;
  border-radius: 12px;
}
.category-card.simpleCard [locker] i {
  font-size: 4vmin;
  line-height: 5vmin;
  font-weight: 700;
}
.lang-us .category-card [text] {
  font-size: 2vmin;
  text-transform: uppercase;
}
.phone-reviewer-designer.rounded-tab {
  margin: auto;
  height: 100%;
  display: flex;
  min-width: 1250px;
}
.phone-reviewer-designer.rounded-tab .el-tabs__header {
  min-width: 5vw;
}
.phone-reviewer-designer.rounded-tab .el-tabs {
  width: unset;
  display: flex;
}
.phone-reviewer-designer.rounded-tab .card-wrap {
  padding: 4px 1.7vw 0;
  position: relative;
}
.phone-reviewer-designer.rounded-tab .design-wrap {
  position: relative;
  height: calc(100% - 6px);
  border-radius: 18px;
  margin-right: 6px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 4px 4px 0 #d3d3d3;
  background: #fff;
}
.phone-reviewer-designer.rounded-tab #arrow-indicator {
  position: absolute;
  top: 106px;
  transition: 0.3s;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #fff;
}
.phone-reviewer-designer.rounded-tab .preview-wrap {
  width: 100%;
  height: 100%;
}
.avatar-wrap img {
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.checkbox-wrap .el-checkbox__inner {
  background-color: #d3d3d3 !important;
  border-color: #d3d3d3 !important;
  border-radius: 50%;
  width: 18px !important;
  height: 18px !important;
}
.checkbox-wrap .is-checked .el-checkbox__inner {
  background-color: #fea0b7 !important;
  border-color: #fea0b7 !important;
}
.checkbox-wrap .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #efefef !important;
  border-color: #d8d8d8 !important;
}
.checkbox-wrap .el-checkbox__inner:after {
  left: 6px !important;
  top: 3px !important;
}
.checkbox-wrap .el-checkbox__label {
  vertical-align: middle !important;
  color: #3a377b !important;
  font-size: 16px !important;
}
.checkbox-wrap.deepBlue .is-checked .el-checkbox__inner {
  background-color: #9394ee !important;
  border-color: #9394ee !important;
}
.checkbox-wrap.blue .is-checked .el-checkbox__inner {
  background-color: #5de2f5 !important;
  border-color: #5de2f5 !important;
}
.checkbox-wrap .small .el-checkbox__inner {
  width: 15px !important;
  height: 15px !important;
}
.checkbox-wrap .small .el-checkbox__inner:after {
  left: 5px !important;
  top: 2px !important;
}
.date-range {
  display: flex;
  font-size: 13px;
  line-height: 36px;
  color: #3a377b;
}
.date-range .active {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
  color: #fff;
}
.date-range span {
  word-break: keep-all;
}
.date-range [quick] {
  display: flex;
  cursor: pointer;
}
.date-range [quick] span {
  height: 36px;
  border: 1px solid #d3d3d3;
  line-height: 34px;
  min-width: 66px;
  text-align: center;
}
.date-range [quick] span:first-child {
  border-radius: 12px 0 0 12px;
  border-right: none;
}
.date-range [quick] span:last-child {
  border-radius: 0 12px 12px 0;
  border-left: none;
}
.date-range [quick] .active {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
  color: #fff;
}
.date-range .el-range-editor {
  border-radius: 12px;
  width: 260px;
  height: 36px;
  line-height: 36px;
  margin: 0 12px;
}
.date-range .el-range-editor .el-range-separator {
  width: 8%;
  line-height: 30px;
}
.date-range .el-date-editor .el-range__icon {
  line-height: 29px;
}
.lang-us [quick] span {
  min-width: 94px;
}
.no-data {
  color: #d3d3d3;
}
.staff-select,
.staff-select .el-select {
  width: 100%;
}
.user-select .avatar-wrap {
  display: inline;
  margin-right: 8px;
  vertical-align: top;
}
.input-editor [row] {
  margin: 8px 0;
  width: 100%;
}
.input-editor [row] [editor] {
  width: 80%;
  display: inline-block;
  margin-left: 12px;
  border-bottom: 1px solid #d3d3d3;
}
.input-editor [row] [editor] input {
  width: 80%;
  border: none;
  font-size: 16px;
  color: #3a377b;
}
.input-editor [value] {
  margin-left: 12px;
  display: inline-block;
  border-bottom: 1px solid #d3d3d3;
  width: 80%;
}
.phone-editor .el-select .el-input {
  width: 76px;
}
.clue-record {
  position: relative;
  height: 126px;
  border-radius: 12px;
  margin-bottom: 16px;
}
.clue-record [box].isEditing {
  max-height: 80%;
  padding-top: 8px;
}
.clue-record [box] {
  color: #fff;
  width: 90%;
  max-height: 70%;
  overflow-y: auto;
}
.clue-record [box] textarea {
  width: 100%;
  height: 60px;
}
.clue-record [box] [cancel] {
  font-size: 12px;
  margin-left: 4px;
  cursor: pointer;
}
.clue-record [box] span {
  cursor: pointer;
}
.clue-record [time] {
  position: absolute;
  background-color: #fff;
  color: #3a377b;
  border-radius: 12px;
  padding: 4px 12px;
  left: 20px;
  top: -13px;
  border: 1px solid #d3d3d3;
}
.clue-record [dot] {
  position: absolute;
  color: #fff;
  font-size: 80px;
  right: 11px;
  bottom: -7px;
}
.clue-record .el-button + .el-button {
  margin-left: 0;
}
.clue-record.whiteBg [box],
.clue-record.whiteBg [dot] {
  color: #3a377b;
}
.clue-details .el-dialog {
  margin-top: 10vh !important;
}
.clue-details .el-dialog__body {
  padding: 30px 0;
  max-height: 80vh;
  overflow-y: auto;
}
.clue-details [editor] {
  text-align: right;
  padding: 0 3vw;
  font-size: 16px;
  color: #3a377b;
  cursor: pointer;
}
.clue-details [editor] [controllers] > span {
  margin-left: 16px;
}
.clue-details [info] {
  display: flex;
  padding: 0 3vw;
}
.clue-details [info] img {
  width: 90px;
  height: 90px;
}
.clue-details [info] [value] {
  margin-right: 24px;
  margin-left: 12px;
  font-weight: 700;
}
.clue-details [info] [editable] .el-date-editor,
.clue-details [info] [editable] .gender-select,
.clue-details [info] [editable] .phone-editor,
.clue-details [info] [editable] input {
  display: none;
}
.clue-details [info] .editing [editable] {
  text-decoration: underline;
}
.clue-details [info] .editing [editable] input {
  display: inline-block;
  border: none;
  border-bottom: 1px solid #3a377b;
  margin-right: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #3a377b;
  width: 167px;
}
.clue-details [info] .editing [editable] .el-date-editor,
.clue-details [info] .editing [editable] .gender-select {
  display: inline-block;
}
.clue-details [info] .editing [editable] .el-date-editor input,
.clue-details [info] .editing [editable] .gender-select input {
  border-bottom: none;
  width: 100px;
  height: 18px;
}
.clue-details [info] .editing [editable] .el-date-editor i,
.clue-details [info] .editing [editable] .gender-select i {
  line-height: 20px;
}
.clue-details [info] .editing [editable] .gender-select .el-input {
  border-bottom: 1px solid #3a377b;
}
.clue-details [info] .editing [editable] .el-date-editor {
  border-bottom: 1px solid #3a377b;
  width: 150px;
}
.clue-details [info] .editing [editable] .phone-editor {
  display: inline-block;
}
.clue-details [info] .editing [editable] .phone-editor input {
  height: 18px;
  width: 136px;
}
.clue-details [info] .editing [editable] .phone-editor .el-input-group__prepend {
  border: none;
  background-color: #fff;
}
.clue-details [info] .editing [editable] .phone-editor .el-input-group__append {
  display: none;
}
.clue-details [info] .editing [editable] .phone-editor .el-select input {
  width: 80px;
}
.clue-details [info] .editing [editable] .phone-editor .el-select i {
  line-height: 22px;
}
.clue-details [info] .editing [editable] .el-date-editor {
  cursor: pointer;
}
.clue-details [info] .editing [editable] .el-date-editor input {
  width: 150px;
}
.clue-details [info] .editing [editable] [value] {
  display: none;
}
.clue-details [info] [infowrap] {
  margin: 12px 32px;
  font-size: 16px;
  color: #3a377b;
}
.clue-details [info] [infowrap] > div {
  margin-bottom: 8px;
}
.clue-details [info] [infowrap] > div:last-child {
  margin-top: 24px;
}
.clue-details .label {
  width: 200px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  border-radius: 0 24px 24px 0;
}
.clue-details [data] {
  padding: 24px 56px;
}
.clue-details [data] .el-row:last-child {
  margin-bottom: 0;
}
.clue-details [data] .el-row {
  margin-bottom: 12px;
}
.clue-details [data] [plus] {
  border-radius: 12px;
  height: 126px;
  font-size: 66px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  padding-top: 10px;
  color: #fea0b7;
  border: 3px solid #fea0b7;
}
.clue-details [data] [input] {
  line-height: 12px;
  text-align: left !important;
  padding: 8px !important;
}
.clue-details [data] [input] textarea {
  height: 60px;
  border: 1px dashed;
  width: 100%;
}
.clue-details [data] [input] > span {
  font-size: 13px;
  font-weight: 400;
  color: #409eff;
  margin-left: -8px;
}
.clue-details .clue-data.whiteBg {
  color: #3a377b;
}
.clue-details .clue-data {
  height: 64px;
  position: relative;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
}
.clue-details .clue-data img {
  width: 40px;
  height: 40px;
  vertical-align: middle;
  margin-right: 6px;
  border-radius: 50%;
  border: 2px solid #d9acfb;
}
.clue-details .clue-data .avatar-wrap {
  width: 40px;
  display: inline;
  vertical-align: middle;
  margin-right: 6px;
}
.clue-details .clue-data i {
  position: absolute;
  left: 10px;
  font-weight: 700;
}
.clue-details .clue-data [text] {
  font-size: 16px;
  line-height: 16px;
  width: 80%;
}
.clue-details .clue-data [withimg] {
  line-height: 0;
}
.clue-details .clue-data [badge] {
  position: absolute;
  right: 10px;
  top: 2px;
  font-size: 12px;
}
.clue-confirm {
  height: 100%;
}
.clue-confirm [header] {
  display: flex;
  color: #fff;
}
.clue-confirm [header] span {
  padding: 6px 48px;
  cursor: pointer;
}
.clue-confirm [header] span:first-child {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
  border-radius: 24px 0 0 24px;
}
.clue-confirm [header] span:last-child {
  background: linear-gradient(90deg, #b6b5ff, #9394ee);
  border-radius: 0 24px 24px 0;
}
.clue-confirm .el-card {
  margin-top: 2vh;
  height: 84vh;
}
.clue-confirm .no-data {
  padding-top: 20vh;
}
.clue-confirm .checkbox-wrap .el-checkbox__inner {
  background-color: #fff !important;
}
.clue-confirm .checkbox-wrap .is-checked .el-checkbox__inner {
  background-color: #5de2f5 !important;
}
.clue-confirm [head] {
  display: flex;
  justify-content: space-between;
  color: #3a377b;
  font-size: 0.8vw;
  line-height: 26px;
  margin-bottom: 16px;
}
.clue-confirm [head] i {
  font-size: 24px;
}
.clue-confirm [head] [filter] {
  display: flex;
  width: 46%;
}
.clue-confirm [head] [filter] .el-input {
  width: 50%;
  margin: 0 16px;
}
.clue-confirm [head] [filter] .el-input input {
  height: 26px;
  border-radius: 12px;
}
.clue-confirm [head] [filter] .el-input__icon {
  font-size: 14px;
  line-height: 26px;
}
.clue-confirm [head] [editor] {
  width: 14%;
  display: flex;
  justify-content: flex-end;
}
.clue-confirm [head] [editor] [controllers] {
  display: flex;
  width: 100%;
}
.clue-confirm [head] [editor] span {
  cursor: pointer;
  flex: 1;
  text-align: right;
  font-size: 0.8vw;
}
.clue-confirm .editing table .el-popover__reference:hover {
  color: #fea0b7;
  cursor: pointer;
}
.clue-confirm [date].followup [quick] .active {
  background: linear-gradient(90deg, #b6b5ff, #9394ee);
}
.clue-confirm [date].followup b {
  color: #9394ee;
}
.clue-confirm .date-range {
  display: inline-flex;
}
.clue-confirm [date] span {
  color: #3a377b;
  font-size: 15px;
}
.clue-confirm [date] b {
  font-size: 24px;
  color: #fea0b7;
  margin-left: 4px;
}
.clue-confirm [date] > span {
  margin-left: 36px;
}
.clue-confirm [tablewrap] {
  position: relative;
}
.clue-confirm [tablewrap] [followup] [titles] > div {
  background-color: #9394ee;
}
.clue-confirm [tablewrap] [followup] table {
  border-top: 1px solid #9394ee;
}
.clue-confirm [tablewrap] [followup] table tbody img {
  border: 2px solid #9394ee;
}
.clue-confirm [tablewrap] [followup] .el-table--border td,
.clue-confirm [tablewrap] [followup] .el-table--border th,
.clue-confirm [tablewrap] [followup] .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid #9394ee;
}
.clue-confirm [tablewrap] [followup] .el-table td,
.clue-confirm [tablewrap] [followup] .el-table th.is-leaf {
  border-bottom: 1px solid #9394ee;
}
.clue-confirm [tablewrap] [followup] .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #eeeef9;
}
.clue-confirm [tablewrap] [followup] [placeholder] {
  width: calc(13% + 6px);
  text-align: left;
  position: relative;
}
.clue-confirm [tablewrap] [followup] [placeholder] .checkbox-wrap {
  position: absolute;
  top: -3px;
  left: 27px;
}
.clue-confirm [tablewrap] [followup] [placeholder] .checkbox-wrap .el-checkbox__label {
  color: #fff !important;
}
.clue-confirm [tablewrap] [followup] [placeholder] .checkbox-wrap .el-checkbox__inner {
  background-color: #fff !important;
}
.clue-confirm [tablewrap] [followup] [placeholder] .checkbox-wrap .is-checked .el-checkbox__inner {
  background-color: #5de2f5 !important;
}
.clue-confirm [tablewrap] [followup] [wechat] {
  width: 10%;
}
.clue-confirm [tablewrap] [followup] [consultant] {
  width: 13%;
}
.clue-confirm [tablewrap] [followup] [followUpStatus],
.clue-confirm [tablewrap] [followup] [followUpTime],
.clue-confirm [tablewrap] [followup] [intention],
.clue-confirm [tablewrap] [followup] [purchased],
.clue-confirm [tablewrap] [followup] [trialStatus] {
  width: 10%;
}
.clue-confirm [tablewrap] [followup] [note] {
  width: 14%;
}
.clue-confirm [titles] {
  position: absolute;
  top: 14px;
  left: 0;
  z-index: 9;
  height: 40px;
  line-height: 40px;
  width: 100%;
  float: right;
  display: flex;
  color: #fff;
  border-top: 1px solid #fff;
  font-size: 0.8vw;
}
.clue-confirm [titles] > div {
  text-align: center;
  border-right: 1px solid #fff;
  background-color: #fea0b7;
  box-sizing: content-box;
  font-size: 15px;
}
.clue-confirm [titles] div:first-child {
  border-radius: 24px 0 0 24px;
}
.clue-confirm [titles] div:last-child {
  border-radius: 0 24px 24px 0;
}
.clue-confirm [titles] [placeholder] {
  width: calc(11% + 8px);
  text-align: left;
  position: relative;
}
.clue-confirm [titles] [placeholder] .checkbox-wrap {
  position: absolute;
  top: -3px;
  left: 27px;
}
.clue-confirm [titles] [placeholder] .checkbox-wrap .el-checkbox__label {
  color: #fff !important;
}
.clue-confirm [titles] [placeholder] .checkbox-wrap .el-checkbox__inner {
  background-color: #fff !important;
}
.clue-confirm [titles] [placeholder] .checkbox-wrap .is-checked .el-checkbox__inner {
  background-color: #5de2f5 !important;
}
.clue-confirm [titles] [phone],
.clue-confirm [titles] [wechat] {
  width: 10%;
}
.clue-confirm [titles] [consultant],
.clue-confirm [titles] [inviter] {
  width: 11%;
}
.clue-confirm [titles] [campus],
.clue-confirm [titles] [confirm],
.clue-confirm [titles] [plate],
.clue-confirm [titles] [source] {
  width: 7%;
}
.clue-confirm [titles] [clueTime] {
  width: 9%;
}
.clue-confirm [titles] [note] {
  width: 12%;
}
.clue-confirm table {
  margin-top: 7px;
  border-top: 1px solid #fea0b7;
  font-size: 13px;
  cursor: pointer;
}
.clue-confirm table tbody img {
  position: absolute;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  border: 2px solid #fea0b7;
  top: 50%;
  transform: translateY(-50%);
}
.clue-confirm table tbody tr td:first-child {
  position: relative;
}
.clue-confirm table tbody tr td:first-child .checkbox-wrap {
  position: absolute;
  left: 36px;
  bottom: 0;
}
.clue-confirm table tbody tr td:first-child span {
  font-weight: 700;
}
.clue-confirm .el-table__header-wrapper {
  visibility: hidden;
}
.clue-confirm .el-table {
  height: 67vh;
}
.clue-confirm .el-table .el-table__body-wrapper {
  height: calc(100% - 6vh);
  overflow-y: auto;
}
.clue-confirm .el-table .cell {
  padding: 0 9px;
}
.clue-confirm .el-table--border:after,
.clue-confirm .el-table--group:after,
.clue-confirm .el-table:before {
  background-color: #fff;
}
.clue-confirm .el-table--border,
.clue-confirm .el-table--group {
  border-color: #fff;
}
.clue-confirm .el-table td,
.clue-confirm .el-table th {
  padding: 10px 0;
}
.clue-confirm .el-table--border td,
.clue-confirm .el-table--border th,
.clue-confirm .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid #fea0b7;
}
.clue-confirm .el-table td,
.clue-confirm .el-table th.is-leaf {
  border-bottom: 1px solid #fea0b7;
}
.clue-confirm .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #fff3f3;
}
.clue-confirm .el-table__row td:last-child {
  border-right: none;
}
[total] {
  font-size: 13px;
  padding-top: 1vh;
  color: #3a377b;
}
.plus-btn button {
  position: relative;
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
  color: #fff;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 8px 2px #d3d3d3;
  border-radius: 12px;
}
.plus-btn button:hover {
  box-shadow: 0 2px 16px 2px #c1c1c1;
}
.plus-btn button i {
  line-height: inherit;
}
.plus-btn button [mask] {
  position: absolute;
  border-radius: 0.5vw;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.35);
}
.large button {
  width: 15vmin;
  height: 6vmin;
  line-height: 3vmin;
  font-size: 6vmin;
}
.medium button {
  width: 90px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
}
.small button {
  line-height: 0.5vw;
  font-size: 1vw;
  border-radius: 0.5vw;
  padding: 0.8vw 1.5vw;
}
.role-label {
  border-radius: 0 16px 16px 0;
  width: 180px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin: 16px 0;
}
.role-label .checkbox-wrap {
  display: inline;
}
.role-label .checkbox-wrap .el-checkbox__input .el-checkbox__inner,
.role-label .checkbox-wrap .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #fff !important;
  border-color: #fff !important;
}
.role-label.purpleBg .checkbox-wrap .el-checkbox__input .el-checkbox__inner:after {
  border: 2px solid #d9acfb;
  border-left: 0;
  border-top: 0;
}
.role-label.blueBg .checkbox-wrap .el-checkbox__input .el-checkbox__inner:after {
  border: 2px solid #5de2f5;
  border-left: 0;
  border-top: 0;
}
.role-label.redBg .checkbox-wrap .el-checkbox__input .el-checkbox__inner:after {
  border: 2px solid #fea0b7;
  border-left: 0;
  border-top: 0;
}
.role-label.darkBlueBg .checkbox-wrap .el-checkbox__input .el-checkbox__inner:after {
  border: 2px solid #3a377b;
  border-left: 0;
  border-top: 0;
}
.role-label.deepBlueBg .checkbox-wrap .el-checkbox__input .el-checkbox__inner:after {
  border: 2px solid #9394ee;
  border-left: 0;
  border-top: 0;
}
.medal {
  display: inline-block;
  width: 20%;
  margin: 1vh 0;
  font-size: 1vh;
  text-align: center;
}
.medal img {
  width: 70%;
  margin-bottom: 4px;
}
.medal [name] {
  word-break: keep-all;
}
[editors] [flex] {
  grid-gap: 12px;
  gap: 12px;
}
[editors] [flex] button {
  padding: 14px;
  font-size: 18px;
}
[editors] [flex] [apply] button {
  width: 120px;
}
.special-recognition .medal {
  width: 22.5%;
  font-size: 1.5vh;
  margin: 1vh 1vw;
}
.stage-honor .role-label {
  width: 176px;
}
.stage-honor [panel] {
  color: #fff;
  width: 86%;
  margin: 2vh auto;
  font-size: 1.5vh;
  border-radius: 14px;
  border: 1px solid #d3d3d3;
}
.stage-honor [panel] [header] {
  background: linear-gradient(90deg, #b6b5ff, #9394ee);
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 12px 12px 0 0;
}
.stage-honor [panel] [body] {
  padding: 2vh 1vh;
  text-align: center;
}
.stage-honor [panel] [body] .role-label {
  border-radius: 16px;
  width: 45%;
  margin: 0 2%;
  display: inline-block;
  font-size: 12px;
}
.stage-honor [panel] [body] .role-label:nth-child(3) {
  margin-top: 1.5vh;
}
.stage-honor .modules [block] {
  padding: 0.3vh 7%;
}
.stage-honor .modules [block] .role-label {
  border-radius: 10px;
  width: 120px;
  margin: 0;
}
.stage-honor .modules [block] [flex] {
  justify-content: start;
  margin: 1vh;
}
.stage-honor .modules [block] [flex] .checkbox-wrap {
  margin: 0 1vh;
}
.stage-honor .modules [block] [flex] .checkbox-wrap .el-checkbox {
  vertical-align: sub;
}
.stage-honor .modules [block] [flex] .checkbox-wrap .el-checkbox .el-checkbox__label {
  font-size: 12px !important;
}
.stage-honor .modules [block] [flex] .checkbox-wrap .el-checkbox__inner,
.stage-honor .modules [block] [flex] .checkbox-wrap .is-checked .el-checkbox__inner {
  background-color: #fff !important;
  border-color: #3a377b !important;
}
.stage-honor .modules [block] [flex] .checkbox-wrap .el-checkbox__input .el-checkbox__inner:after {
  border: 2px solid #3a377b;
  border-left: 0;
  border-top: 0;
}
.stage-honor .modules button {
  float: right;
  margin: 0 7%;
  background-color: #3a377b;
  color: #fff;
}
.stage-honor [namecard] {
  background-color: #f7f9f8;
  color: #3a377b;
  border-radius: 12px;
  width: 86%;
  padding: 2vh;
  margin: 2vh auto 4vh;
  box-shadow: 0 2px 6px #d3d3d3;
  display: flex;
  justify-content: space-around;
}
.stage-honor [namecard] hr {
  margin: 1vh 0;
  width: 30px;
}
.stage-honor [namecard] [name] {
  padding-top: 4px;
}
.stage-honor [namecard] [top] {
  font-size: 1.4vh;
}
.stage-honor [namecard] [honor] {
  font-size: 2.5vh;
}
.stage-honor [namecard] [avatar] {
  max-width: 38%;
}
.stage-honor [namecard] [date] {
  font-size: 1.3vh;
  text-align: center;
}
@media (max-width: 1441px) {
  .stage-honor [panel] [body] {
    padding: 2vh 0;
  }
  .stage-honor [panel] [body] .role-label {
    margin: 0;
    width: 49%;
  }
  .stage-honor .el-checkbox:last-of-type {
    margin-right: -4px;
  }
  .stage-honor .el-checkbox__label {
    padding-left: 4px;
  }
}
.lang-us .stage-honor .modules .role-label {
  width: 288px;
}
.achievement.rounded-tab {
  height: 100%;
  display: flex;
}
.achievement.rounded-tab #pane-preview-tab {
  display: block !important;
}
.achievement.rounded-tab .card-wrap {
  padding: 0 1.7vw 0 1.5vw;
}
.achievement.rounded-tab .design-wrap {
  padding: 2vh 0;
}
.achievement.rounded-tab .preview-wrap [sample] img {
  width: 100%;
}
.achievement.rounded-tab .preview-wrap .medals {
  padding: 2vh;
}
.achievement.rounded-tab .preview-wrap .medal {
  width: 20%;
}
.achievement.rounded-tab .medals {
  padding: 2vh 4vh;
}
.achievement.rounded-tab [preview] [sample] {
  border-bottom: 1px dashed grey;
  position: relative;
}
.achievement.rounded-tab [preview] [sample] .poster-title .edit-popup-text {
  font-size: 17px;
}
.achievement.rounded-tab [preview] [sample] .edit-popup-text {
  position: absolute;
  font-size: 13px;
  border: 1px dashed #fff;
  word-wrap: break-word;
}
.achievement.rounded-tab [preview] [sample] [spliter] {
  border-bottom: 1px solid #fff;
  width: 20px;
  height: 1px;
  top: 88%;
  left: 14%;
  position: absolute;
}
.achievement.rounded-tab [preview] [sample] [qrcode] {
  position: absolute;
  top: 84.75%;
  right: 11%;
  width: 65px;
}
.achievement.rounded-tab [preview] [sample] [qrcode] img {
  border-radius: 50%;
}
.achievement.rounded-tab [preview] [editors] {
  padding: 2vh 3vh;
}
.achievement.rounded-tab [preview] [editors] [arrows] {
  display: flex;
}
.achievement.rounded-tab [preview] [editors] [arrows] div {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #3a377b;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50%;
  box-shadow: 0 2px 10px #d3d3d3;
  cursor: pointer;
}
.achievement.rounded-tab [preview] [editors] [arrows] div:hover {
  box-shadow: 0 0 14px #454545;
}
.achievement.rounded-tab [preview] [editors] [arrows] [left] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAMAAAAfOR5kAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAWJQTFRFOjl6////Ojl5/v7+///+Ojl7OTl5/v7/OTl4///9Ojp6Ojl4/v79Ozp6/f38Ojp5Pz58/v3+PDt6Pz96QEB8Ozl6/v78OTh4OTl6AABwPT170dHd/f39PTt7Ojp4Ozt5AABszs7ct7fLPTx7ODd4PTx6NjV3AABuPj56ODV6+Pj6u7vN/Pz8ODd3n565PTx+REN87+/zHhdzQkJ9KSl0FBJwyMjYMzN2o6O8Ly11KSV4zc3Zvr3OKiJ7JyB4CgBzqKjCGBVxMTB1QD9+FhFyh4eovLvOrq3FV1iK2tnjnp+4cnOWJSJyk5Kt5+juwMDOs7TITk6EAAB0X1+UHR1ynp244+Tr8/T2p6e+trbLCABvGBJuLyh6jY2tISB0PzuCHhd3GRduNjd0n5+6ZWWVJB537O3wIxp4IiBvQjx+srHHJBx3o6O5HRBwMDB5NTB5wcHR9fb6KCB1dHSaJCJ5HxV6afAiBwAAAHZ0Uk5T/////////////////////////////////////////////8z//////////9j//7H///////////+y////5f///7L/////st2x//+t//+x//K7/////7L//7LH////sv//////sv///////7L/sv////b//////3iR3kEAAAH8SURBVHicPZLlcxtBDMWl3T3m85HPPp8d09lx6iQNJw2XGVLGlJn//8rU/bAz++Y3b6UnAasxCRgA0O24tcMiVUGXYXLkhDG5mT9+cfflhya9pnICjtwMlz8tLd0/f1AyZjRzIIu/ziOdn7+vpdZElRyWWcsXUPPsAe4fp2xKqzX/F7EmF1W8eOBKEI4sIAu6jzAylYh7+OwVyaCqkmwtdjdQ8EiIAa4993MGiQoGnK2fQc1EodhYedpLDdKYROxrRFtofICV3U7KGAPJcEYs2pxrVaz8XWjLhpSDCqXuCQqPK5qHlc+tkhqD44Ac7J0gKiJSSH3bKmJpHJF772pfcPqNY+X9QqFOGwm6X3CAQpji8tF6QOCkw6C8gVURUXk364tDZjhTun4dbY2LiON8vdY2mD6W/fzbGlZNVBQTf+zGw9bERG4efmxQHNS7h41zp26oUy3AmLs53MaIc4UCafyJU1l36GNDPups7aBpC4VKb2ydZjKMxmDEqV+eQ8/UOLfJp9PWLVB10rPgzhxy8qFYtnssM0BSKTA5KxFPtMaruL/qjvcDQE+sojziNVPBdyu+Ppsl84OR7pH7jRVfmu4Ds8J2sXcLKRx8uFrMJp84RpiXulce9Ps731v/TZIWC5lVenL7zaXjniXN1idkSU3Xc7ezuZ7mYMX/AAbeNmYqSYWrAAAAAElFTkSuQmCC);
  margin-right: 12px;
}
.achievement.rounded-tab [preview] [editors] [arrows] [right] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAeCAMAAADw+3VaAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAXpQTFRFOjl6////Ojl5///+/f39Ojp5Ozl6///9Ojl4/v79PDt6Ojl7AABtOTh6OTh5Ojp6/Pz9Q0J8/v7//v78Ojh6/f38Pj56QEB9PT16PDp8Pjx7Ojp4QUF9Ozl7Pz57OTl5QEF79PT3REN++/v9WleNdHOdKSdzQ0F86ejvJCJy5uft/Pz7JiVyXFuNIyBz6urv6Ofu2dnjGxxxWlmONTZ4+fn7WVeLzc7blJKyXl2O6+zxLSl1IBhyd3WfnJu2DQhvammSAABuIB50Hx9xR0SBk5KyODR+MjF2AABxNDN3+vv8h4amw8PVICByTUuFm5m2FQNw4eHpZWSVMi10jYyspqe+eHaeDABtsrHGuLfLHBdxVlaMGw9x3NznOTd6NjJ1kpOwYF+WEQNtKSV7q6vCMi56ycnY5ebu9fX48O/0Kyt60NLeIR53m5u53+HnNzB8Li12dnWfk5Ovm5q2lpWy9/j7IRx2LSx0sbHHHRZ1FANwpqa+DwVwMDB16OAUXAAAAH50Uk5T//////////////////////////////////////////////////////////////////////////+x//////q2////////tf//////tv///7H/////trb2/7bQ////////tf///7r//////////7r/////ura2////uv//uv//MWEjTAAAAgxJREFUeJw1kmdD20AMhk837PMeSZw4MU7IokkhYUOAllFKCS3de+/SPege/71y7NyH+6DxSHolEkqHiLj0LwioQQgxjAr+lBIqqKPf2nvybKMoJJXOBEkfpUqpd2Ptdf/Ldi1UKlVnZDVIXnjmacDXuGRGOiVOFp9XgncvwdU4HBybUShpSkG+eLECrqpyaLw3a7qSxStKtH8HCprPXGgc/61NECWhoyce7l4BlzGmscZ106M0a8kqnpmZBe4ztQBHN5/WrXzGsqYOmyeAqxrWmDy16dm2SB321Dw6XJWxAjoue7Yk44ydBczwNdWFyc+bUdoscRxZP1zoA9cAM45avXishah6800srqqMw9rucDyFtB96nZlXoGkAnLXaYTacRWi8uPcAE4DxQqtdTtWzK1b06OMc5FC/nNoY/NBTu0GL7TdzwIGpCPqzEyTKEVKxi9PLHyCHSiDo530dwwXViV2bXu5CwUeJAG7/FnoV450k+t4snGTAcuA+3yiXqUj2ReJOs5sIirvhX80gRAa2aMfrg+5IHDSfNT08D2IhRw++ryAk0cx/bNbDKqVWwi/3tpYA588xvrrt0eQWRqOWOlvfGPc5+Aih1VRKgfsNfl0AUIGvmp4iJ8aK6fnS8OLbg6X++f0ablaO741Iq3RtfXA1ulvMUyqtlC6JThVS1s99WgyENKTMdk7/Ay0AOUUWBQyaAAAAAElFTkSuQmCC);
}
.achievement.rounded-tab [preview] [editors] .disabled {
  opacity: 0.2;
  cursor: default !important;
  box-shadow: none !important;
}
.dashed-input input,
.dashed-input textarea {
  border: 1px dashed #d3d3d3;
  background: transparent;
  padding: 0 6px;
}
.checklist-designer {
  padding: 2vmin 4vmin 2vmin 2vmin;
  position: relative;
  height: 100%;
}
.checklist-designer [tab] span[title] {
  padding: 0.5vmin 2.5vmin;
  background: linear-gradient(90deg, #b6b5ff, #9394ee);
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 4px #d3d3d3;
}
.checklist-designer [tab] [uploader] {
  position: absolute;
  right: 1vh;
  top: 0;
  text-align: center;
  cursor: pointer;
  color: #3a377b;
}
.checklist-designer [tab] [uploader] [icon] {
  width: 6vmin;
  height: 6vmin;
  border-radius: 50%;
  margin: 0 auto 12px;
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
}
.checklist-designer [tab] [uploader] [icon] i {
  color: #fff;
  font-size: 3vmin;
  line-height: 6vmin;
}
.checklist-designer [content] > .dashed-input {
  margin-bottom: 4vh;
}
.checklist-designer [content] {
  margin-top: 11vh;
}
.checklist-designer [content] [item] {
  margin-bottom: 2vh;
  position: relative;
}
.checklist-designer [content] [item] i {
  position: absolute;
  right: -3.5vh;
  top: -0.5vh;
  color: #fea0b7;
  font-size: 2.3vh;
}
.checklist-designer [content] [add] {
  font-size: 5vh;
  margin-top: 12px;
  color: #fea0b7;
}
.checklist-designer button {
  position: absolute !important;
  bottom: 0;
  right: 0;
  background-color: #3a377b;
  color: #fff;
}
.file-uploader .uploader {
  width: 100%;
  height: 110px;
  border: 1px solid #dcdfe6;
  border-radius: 12px;
  font-size: 40px;
  color: #dcdfe6;
  text-align: center;
  line-height: 100px;
  cursor: pointer;
}
.file-uploader .uploader:hover {
  border-color: #c0c4cc;
  color: #c0c4cc;
}
.file-uploader [file] {
  text-align: center;
  cursor: pointer;
}
.image-uploader img {
  cursor: pointer;
}
.clock-in-item-content {
  text-align: left;
}
.clock-in-item-content .uploader {
  width: 100%;
  height: 110px;
  border: 1px solid #dcdfe6;
  border-radius: 12px;
  font-size: 40px;
  color: #dcdfe6;
  text-align: center;
  line-height: 100px;
  cursor: pointer;
}
.clock-in-item-content .uploader:hover {
  border-color: #c0c4cc;
  color: #c0c4cc;
}
.clock-in-item-content [grid] {
  margin-bottom: 12px;
  font-weight: 700;
}
.clock-in-item-content [url] {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  height: 32px;
  line-height: 32px;
  width: 100%;
}
.clock-in-item-content [url]:hover {
  border-color: #c0c4cc;
}
.clock-in-item-content .el-select {
  width: 100%;
  margin-bottom: 12px;
}
.clock-in-content {
  height: 100%;
}
.clock-in-content [date] {
  width: 100%;
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 12px;
}
.clock-in-content [date] .el-date-editor,
.clock-in-content [date] .el-date-editor .el-input__inner {
  width: 160px;
}
.clock-in-content [date] .el-input-number {
  width: 130px;
}
.clock-in-content [date] .image-uploader {
  width: 100%;
}
.clock-in-content [date] .uploader-content {
  width: 100%;
  border: 2px dashed #f0f0f0;
  border-radius: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d3d3d3;
  padding: 20px;
  cursor: pointer;
}
.clock-in-content [name] {
  color: #9c9c9c;
}
.clock-in-content [title] {
  margin-top: 2vmin;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 12px 12px 0 0;
  border: 1px solid #efecec;
  border-bottom: none;
  color: #9c9c9c;
}
.clock-in-content [tab] {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.clock-in-content [tab] span {
  width: 48%;
  text-align: center;
  box-shadow: 0 6px 10px #d3d3d3;
  height: 40px;
  line-height: 40px;
  font-size: 1.5vmin;
  color: #3a377b;
  border-radius: 3vmin;
  background: #f1f1f1;
}
.clock-in-content [tab] span.selected {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
  color: #fff;
}
.clock-in-content [tip] {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.clock-in-content [tip] p {
  width: 48%;
  font-size: 1.2vmin;
  color: #3a377b;
}
.clock-in-content .el-table td,
.clock-in-content .el-table th {
  padding: 2px 0;
  font-weight: 400;
}
.clock-in-content .el-table th > .cell {
  font-size: 12px;
  padding: 0;
  cursor: pointer;
}
.clock-in-content .el-table td .cell {
  text-align: center;
  padding: 0;
  font-size: 13px;
  cursor: pointer;
}
.clock-in-content .el-table th.gutter {
  display: none;
}
.clock-in-content .el-table thead tr th .cell {
  height: 41px;
  display: table;
}
.clock-in-content .el-table thead tr th .cell > span {
  display: table-cell;
  vertical-align: middle;
}
.clock-in-content .el-table thead tr th .cell .el-popover__reference {
  height: 41px;
  line-height: 18px;
  display: table-row-group;
}
.clock-in-content .el-table thead tr:last-child th,
.clock-in-content .el-table thead tr th:first-child {
  background: #fff;
}
.clock-in-content .el-table .selected-row td {
  background: #e0eaf9 !important;
}
.clock-in-content .el-table__fixed-body-wrapper .el-table__row:first-child .el-table_1_column_1_column_2 {
  border-top: 1px solid #efecec;
}
.clock-in-content .el-table__fixed-body-wrapper tr td:first-child .cell {
  color: #3a377b;
}
.clock-in-content .el-table thead.is-group tr:first-of-type th:first-of-type {
  border-bottom: none;
}
.clock-in-content .el-table thead.is-group tr:first-of-type th:first-of-type:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 75px;
  top: 0;
  left: 0;
  background-color: #d3d3d3;
  opacity: 0.3;
  display: block;
  transform: rotate(319deg);
  transform-origin: top;
}
.clock-in-content .el-table thead.is-group tr:last-of-type th:first-of-type:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 75px;
  bottom: 0;
  right: 0;
  background-color: #d3d3d3;
  opacity: 0.3;
  display: block;
  transform: rotate(319deg);
  transform-origin: bottom;
}
.clock-in-content .next-btn {
  position: absolute;
  bottom: 22px;
  right: 46px;
}
.clock-in-content .assign-school {
  margin-top: 12px;
}
.clock-in-content .assign-school .el-select,
.clock-in-content .assign-students .el-select {
  width: 100%;
}
.checklist-previewer {
  width: 100%;
  height: 100%;
  background-image: url(../imgs/30177fdf98.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 22vh 4vh 8vh;
}
.checklist-previewer #check-content {
  width: 100%;
  height: 100%;
  padding: 4vh;
  background-color: #fff;
  border-radius: 16px;
}
.checklist-previewer [title] {
  padding: 0.5vmin 2.5vmin;
  background: linear-gradient(90deg, #b6b5ff, #9394ee);
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 4px #d3d3d3;
  display: inline-block;
}
.checklist-previewer [items] {
  color: #3a377b;
  margin-top: 6vh;
}
.checklist-previewer [items] p {
  position: relative;
  padding-left: 5.5vmin;
  font-size: 1.7vmin;
}
.checklist-previewer [items] p .checkbox-wrap {
  position: absolute;
  left: -10px;
  border-right: 1px solid #d3d3d3;
}
.checklist-previewer [items] p .checkbox-wrap .el-checkbox__input {
  vertical-align: sub;
}
.checklist-previewer [items] p .checkbox-wrap .el-checkbox__inner {
  width: 2vmin !important;
  height: 2vmin !important;
}
.checklist-previewer [items] p .checkbox-wrap .el-checkbox__inner:after {
  left: 39% !important;
  top: 20% !important;
  height: 0.8vmin !important;
  width: 0.4vmin !important;
}
.checklist-previewer [items] p [index] {
  position: absolute;
  left: 3.3vmin;
}
.checklist-previewer [items] i {
  color: #9394ee;
  position: absolute;
  left: -10px;
  font-size: 24px;
  border-right: 1px solid #d3d3d3;
  padding-right: 8px;
}
.content-previewer [previewHeader] {
  height: 20vmin;
  display: flex;
}
.content-previewer [previewHeader] [left] {
  background: url(data:image/png;base64,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)
    no-repeat 0 58%;
  background-size: 20% 65%;
  height: 100%;
  width: 47%;
  display: flex;
}
.content-previewer [previewHeader] [left] [backIcon] {
  width: 20%;
  text-align: right;
}
.content-previewer [previewHeader] [left] [backIcon] i {
  margin-top: 20px;
  font-weight: 700;
  color: #3a377b;
}
.content-previewer [previewHeader] [left] [campaignTitle] {
  width: 80%;
  padding: 22px 6% 0 18%;
  color: #3a377b;
}
.content-previewer [previewHeader] [left] [campaignTitle] [school] {
  font-size: 1vh;
  margin-bottom: 8px;
}
.content-previewer [previewHeader] [left] [campaignTitle] [days] {
  font-size: 2.2vmin;
  font-weight: 400;
}
.content-previewer [previewHeader] [left] [campaignTitle] [days] span {
  font-size: 26px;
  font-weight: 700;
  color: #ff6599;
}
.content-previewer [previewHeader] [left] [campaignTitle] [day] {
  margin-top: 16px;
}
.content-previewer [previewHeader] [right] {
  background: url(../imgs/3b097c15f1.png) no-repeat;
  background-size: 100%;
  height: 100%;
  width: 53%;
}
.content-previewer [previewHeader] [right] [people] {
  background: url(data:image/png;base64,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)
    no-repeat 56% bottom;
  background-size: 34%;
  width: 100%;
  height: 100%;
}
.content-previewer .sec-title {
  padding: 0.2vmin 1.7vmin;
  border-radius: 16px;
  color: #fff;
  font-size: 1.8vmin;
}
.content-previewer [tip] {
  font-size: 1.8vmin;
  color: #3a377b;
}
.content-previewer .clock-in-item-preview .list .sec-title {
  background: linear-gradient(90deg, #b6b5ff, #9394ee);
}
.content-previewer .clock-in-item-preview .list [header] {
  padding: 10vmin 3vmin 1vmin;
}
.content-previewer .clock-in-item-preview .list [body] {
  background: url(data:image/png;base64,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)
    no-repeat 0 100%;
}
.content-previewer .clock-in-item-preview .list [body] [contentWrapper] {
  border-color: #9394ee;
}
.content-previewer .clock-in-item-preview .list [tip] {
  width: 100%;
}
.content-previewer .clock-in-item-preview .first [header] {
  background: url(data:image/png;base64,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)
    no-repeat 100%;
}
.content-previewer .clock-in-item-preview .first .sec-title {
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
}
.content-previewer .clock-in-item-preview .first [body] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAADICAMAAAADUkVcAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAQJQTFRF4obeAAAA4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obe4obeMKXF8QAAAFZ0Uk5TzACPy8kCAQbGBDQfwKK7DA8LnyUJwpJaUnYDsr2qIrilem6oxGdEcVVOEle6KR2ZSo1iL0CEFJQsF1xMGbA4gn4nNxutkYg8anSXZIq0fIAyR5xfti7H+UmVAAAES0lEQVR4nO3c6VYaQRAF4Bu70VEBBcIWQEBkUXHXuMXgHlGjZnv/V0mf5CQuw8AsXfdHTL/Ad2arru6uGmTesAc2VujkWG6STjqHdBLV93QSRT4Zn6aTSMfopJqik6B+KL9J/Y1OojFDJ1WBTiLxgU7iik92U3QSy3yyPEsnaZf5hGy8pZOqRSdR4YSgp6TeppPI8UnOvPmMxC6fVIw8+jmJNp/8TliivCCxM04nq/t0EjfiOa2LLImn7i4SfT4Zl56q3SRu+GRW+GkOIDHPJ8tndBKXoguxgaQjOm8OJGXnzcEkJDdmPMjyEp1EUy66e5HJj3QSCbE82pNEXio/8CazUksUbxIVoZXYEFIq7g0jhXZmhpHI7tFJVCUy6eEkagKv0AgSaxN0ElfWzZGkurcd4EeS0JuWn+doErr+jk1C1a0+Tz+kCX02ZzJ/JBpz9qYynyQSD3QS8Y+2rtM3iWzT0lzmnwQu7GSaQUh83rYRiQKRcDoWvpZgJHRiJfJbFJAESvmoNzcwaT7RiAv7ECSS3yJtmoQhoTZO2CSw0A6/nxCShK59ChuMwpJmNFbpJHR/NcxHGoU06/uDEEeQ0UioynrgZCwiaUZlL2A4ik6ajD7Ye2SDNGnnSYC80wppQkPP/zGAJRLozs+xSTN/N/3VKlkkze09PvERBa2SZtk9PzfyRbJMmnx3Y4tNmhn8bnh+JECaMPh12La1CGnG2BfPgC9FQt9ue6xKxUhzexP5gVcqSJrgkF4ccKWipBnxjus7lSah0isxMmku9GCcTUIXZ9gkkEvRSaRn6SRys3QSu5N08vFIi0cuFOgkyhk6iZ0UnVR5OonSBJ1EgU/Gl+jkr8skk+kJOpmdo5Oo88mjGTqpV+gklvnkMZ9M8MlsjE5ilU9u88kDPlnkkz0+Ofaf/GfIDT55xyfbryL6fHoNM0mSP1/u8rOCTX5SuUUnS7N0sj1OXwZN09ckuRidXKQvaZMpOrlI357ovnsFW03pfTbpnNK3DXMTbPLoT2USjVTr9I3u6xibPHo8jSeR+u9tpZGb42zy9ukxJoWsPCuiY5DV59VsjPPLFyf+8mT3ZTWFOFl2/XlBmtTrruINYdIpuMtFZEnniwsUJksDW+Ikyc+Dm/AEybRHPasceetVnyxFOm3PwjEhMtnyLrSUIRvsQiqnP7RZQYCMd4b39dgnv44qardMqmpnZFWwXVJd+qjOtUqet/zUslskF278VVrbI3t+K54tkc61/9ZtO2TtNEBDggVSrbUCdQxFJlXigVoqr0pFv3Xcdkhda4ZpEwpPnrf3wrWfhiSzO4dnYXtPw5Dl4kOUVteApEquzT9EbHMNQjqli/xW9I5Iv6Su1A8zdjpq/ZC6dpz/8cFaR/Yo8vtxIWO55dyL1MnKdb8zJfEHEzepk+fp/mFm334Lv5vs1nL1zcWpzH5K9ndfuD9KXPSulk+Dh+ew4ydquGI4bLm0YwAAAABJRU5ErkJggg==)
    no-repeat 0;
}
.content-previewer .clock-in-item-preview .first [body] [contentWrapper] {
  border-color: #d9acfb;
}
.content-previewer .clock-in-item-preview .second [header] {
  background: url(../imgs/5cd79e24d1.png) no-repeat 0;
  text-align: right;
}
.content-previewer .clock-in-item-preview .second [header] [tip] {
  margin: 16px 0 16px 39%;
}
.content-previewer .clock-in-item-preview .second .sec-title {
  background: #69e0e0;
}
.content-previewer .clock-in-item-preview .second [body] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAADICAMAAAADUkVcAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAQJQTFRFaeDgAAAAaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgaeDgrs9FHwAAAFZ0Uk5TzACPygIKyBvGARR7wIPCr6IFL42pB0K8DCO4GQYphg6+IUm2ELKrbJM7bps5fmRSH8RXTT9glYo1cFlPXhKftDQ3RrlbdhVppZ0sqK6XYTJFgHmQdGelqegSAAAEPElEQVR4nO3c+VbTUBAG8E8upJGutqW1rdSW2rKDgIDsZZMdBfX9X8V41HOgTZObZOb7Q80L/M7NcjMzmQk+vGAfGJvnk4UJOmnuX7JJZNp0Ett80inSSeTf0El84ZOF13TS7BAflF8kupN00qyMs0l023QS3/hk5i2dxAqfzDXoJGb5ZJd0NZ+QZpdOovuOTpo9OolDPokTPllgbO7PSXzkk1nCMgfIFmGZAyRK+sscJDM1OolH9Zh2iGyph+5DpH6GMkw6KTqJBz7pTNNJPOhmC35kTneZfiQWVSsWvqSp0EncaO60/iS+80n3PZ1E+hWdzG3QSdyqpfIjSSxondrRpFqKMppE/ROdxKFOASqIxIXKKyWQdFRSsUASOY1IOpjEkULNIoRET35HCCPRFL9tQ0ncSYcI4SSywufWgsScbJpiQ+JOdJ1WJA7bdBL1Y7kAzJJEfUNsv7Ul4e5LvbKtSZisUCXTngTyMnWEKCRym1NsEjgXSLEjkuboJPFdFJEEMumk23xkEqgm7AuIQcJ9SJQkxSGBciXBFY1Hwoz12STM6X7c7w1xSe+oztBJYKsf55ImIuE2Y+xGyUjv7M5GDq6Tkt52tBdxO0pOehFDtC86EiRw9SHCSmVImIJ9PCZEerload4SFSO9Y+yaTv68pha7oCwJd2sp9EYSJr1rerkXkpGKk95KF2cCUzUF0jtONwPuXh3SC7NXUqNULdILVvZHFOT0SO/0PrbZpBdo7/i8T1XJn2p66PRqk0CnMsUm4abfsEngLkUnUW7QSZzW6CRuG3QS+Qk6ieUpOmku6CTW+nQSWwd08ndzIZWsvqaT2OeTbopO4p5P3kzQSfeaTqLJJzsHdNIU6STO+GSWT5b5pDtOJ9Hmk1/45CaffOSTWT459p/8a8jtf+IhWeCT63zymE826OQR/xVd4pPrdNKdppPlCTq5SU8Qqik62XxJJyv0lDb/ik5W6OWJLr3u45zQya9v2WRmml42/DMPyCMLfz7g0kjnmF7oTtPL+U/a7knk0250Duk+7UbikDvjbPJ5szSDLDzvciWQvYEeV30yP9iaqE7ml16QSZ8pR2Wy/nlIVCZ9x49VyYJvY6Amedn2EzXJ5oj+JjXSWTjwF9XI1uiZBSWyFzB0rEKauaAeVg2ytRrYGKdA9kI6HeX78M7DmpGFSeeyH9rMKUuurViMuUiSpnRtM0AkSHYsG2TlWnJ3bXuPhcjqo30DuwiZW05FmAITIDPLtUijbonJVnrUS0qHXLtajT6EmoSslmbijCbFJtdKq414k4PxSFO4L8aevYpDbs0kmjqNSGZu0htJp1wjkKZ+tTAv8M8zS9Lcbu8WJ2WGWy1IJ589W0pJjEFakZ3salEOCySdennufL0/qfGPhEHS5DrluYtKbVJ6bT5kprfY3DmrFN8rYr/J2dLy7PpSjfgH2R8bs2FvVpoQQwAAAABJRU5ErkJggg==)
    no-repeat 0;
}
.content-previewer .clock-in-item-preview .second [body] [contentWrapper] {
  border-color: #69e0e0;
}
.content-previewer .clock-in-item-preview .third [header] {
  background: url(data:image/png;base64,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)
    no-repeat 100%;
}
.content-previewer .clock-in-item-preview .third .sec-title {
  background: #8dce8d;
}
.content-previewer .clock-in-item-preview .third [body] {
  background: url(data:image/png;base64,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)
    no-repeat 0;
}
.content-previewer .clock-in-item-preview .third [body] [contentWrapper] {
  border-color: #8dce8d;
}
.content-previewer .clock-in-item-preview .fourth [header] {
  background: url(../imgs/d20ec5c117.png) no-repeat 100%;
}
.content-previewer .clock-in-item-preview .fourth .sec-title {
  background: #fdd920;
}
.content-previewer .clock-in-item-preview .fourth [body] {
  background: url(data:image/png;base64,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)
    no-repeat 0;
}
.content-previewer .clock-in-item-preview .fourth [body] [contentWrapper] {
  border-color: #fdd920;
}
.content-previewer .clock-in-item-preview [header] {
  padding: 8vmin 3vmin 4vmin;
}
.content-previewer .clock-in-item-preview [tip] {
  margin-top: 16px;
  font-weight: 300;
  width: 61%;
}
.content-previewer .clock-in-item-preview [body] {
  padding: 8px 3vmin 4vmin;
}
.content-previewer .clock-in-item-preview [body] [contentWrapper] {
  height: 100%;
  padding: 4px 4px 0;
  border: 2px solid #d9acfb;
}
.content-previewer .clock-in-item-preview [body] [contentWrapper] [content] {
  width: 100%;
  height: 100%;
  background: #fff;
}
.content-previewer .clock-in-item-preview [body] [contentWrapper] [video] {
  height: 100%;
}
.content-previewer .clock-in-item-preview [body] [contentWrapper] iframe,
.content-previewer .clock-in-item-preview [body] [contentWrapper] img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.content-previewer .clock-in-item-preview [body] [contentWrapper] [file] {
  text-align: center;
  padding: 2vmin;
}
.content-previewer .clock-in-item-preview [body] [contentWrapper] [file] img {
  width: 33%;
}
.content-previewer [checklist] {
  text-align: center;
  color: #3a377b;
  font-size: 2vmin;
  padding: 4vmin;
}
.content-previewer [checklist] button {
  margin-top: 16px;
  background: linear-gradient(0deg, #8970ef, #d9ccff);
  width: 100%;
  font-size: 18px;
  color: #fff;
  border-radius: 12px;
  border: 3px solid #efefef;
  box-shadow: 0 2px 8px #d3d3d3;
}
.clock-in-settings {
  height: 100%;
}
.clock-in-settings .designer {
  padding: 26px;
  height: 100%;
}
.clock-in-settings [editor] {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #3a377b;
  color: #fff;
  padding: 1px 4px;
}
.clock-in-settings #tab-add-new-activity {
  font-size: 24px;
  line-height: 34px;
}
.clock-in-settings .rounded-tab .el-tabs__item {
  margin-left: 0;
}
.clock-in-settings #activity-list-wrap {
  position: absolute;
  left: 92px;
  width: calc(100% - 100px);
  height: 100%;
  background: #fff;
  z-index: 9;
  padding: 3vw;
}
.clock-in-settings #activity-list-wrap .el-table .cell {
  font-size: 12px;
  text-align: center;
  padding: 0;
  word-break: break-word;
}
.clock-in-settings #activity-list-wrap .el-table .el-table__body-wrapper,
.clock-in-settings #activity-list-wrap .el-table .el-table__header-wrapper {
  border-right: 1px solid #e0e0e0;
}
.clock-in-settings #activity-list-wrap .el-table thead tr th {
  background-color: #fea0b7;
  border-bottom: none;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.clock-in-settings #activity-list-wrap .el-table thead tr th .cell {
  color: #3a377b;
}
.clock-in-settings #activity-list-wrap .el-table thead tr th:first-child {
  border: none;
  border-top-left-radius: 16px;
}
.clock-in-settings #activity-list-wrap .el-table thead tr th:nth-last-child(2) {
  border-top-right-radius: 16px;
}
.clock-in-settings #activity-list-wrap .el-table tbody tr td {
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.clock-in-settings #activity-list-wrap .el-table td,
.clock-in-settings #activity-list-wrap .el-table th {
  padding: 6px 0;
}
.clock-in-settings #activity-list-wrap .el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #f3f3f3;
}
.slider-wrap {
  margin: 16px 0 0 52px;
}
.slider-wrap [slider] {
  vertical-align: top;
}
.slider-wrap .el-slider {
  margin: 0 10px;
  width: 150px;
  display: inline-block;
}
.slider-wrap [label] {
  margin-left: 8px;
  line-height: 37px;
  color: #3a377b;
}
.slider-wrap .el-slider__marks-text {
  transform: translate(-50%, -35px);
}
.slider-wrap .el-slider__marks-stop {
  display: none;
}
.slider-wrap .el-slider__runway.disabled .el-slider__bar {
  background-color: #c0c4cc !important;
}
.slider-wrap .el-slider__runway.disabled .el-slider__button {
  color: #c0c4cc !important;
}
.slider-wrap .el-slider__button {
  width: 32px;
  height: 32px;
  padding: 4px;
  background: radial-gradient(#fff, #efefef);
  box-shadow: 0 6px 14px 0 #d3d3d3;
  color: #fea0b7;
  font-weight: 700;
  border: 1px solid #d3d3d3;
}
.slider-wrap .el-slider__bar {
  background-color: #fea0b7;
}
.slider-wrap.purple .el-slider__button {
  color: #d9acfb;
}
.slider-wrap.purple .el-slider__bar {
  background-color: #d9acfb;
}
.slider-wrap.green .el-slider__button {
  color: #6caf14;
}
.slider-wrap.green .el-slider__bar {
  background-color: #6caf14;
}
.course-add {
  display: flex;
}
.course-add .el-card .el-card__body {
  padding: 24px;
}
.course-add .el-card:first-child {
  width: 440px;
  margin-right: 28px;
}
.course-add .el-card:last-child {
  width: 620px;
}
.course-add [head] {
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
  border-radius: 12px;
  width: 100%;
  color: #fff;
  padding: 16px 24px;
  position: relative;
  box-shadow: 2px 2px 9px #d3d3d3;
}
.course-add [head] [title] {
  font-size: 24px;
  margin-bottom: 8px;
}
.course-add [head] [course] {
  margin-bottom: 16px;
}
.course-add [head] [rule] {
  position: absolute;
  top: 18px;
  right: 24px;
}
.course-add [head] .el-button {
  position: absolute;
  right: 20px;
  bottom: 16px;
  padding: 6px 8px;
  font-size: 12px;
  background-color: #d9acfb;
  color: #fff;
}
.course-add [head] > div {
  font-size: 13px;
}
.course-add [rolling] {
  color: #fff;
  padding: 8px 15px;
  border-radius: 6px;
  margin-top: 24px;
  font-size: 12px;
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
}
.course-add [rolling]:first-child {
  width: 50px;
}
.course-add [status] {
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
  color: #fff;
}
.course-add [status] > div {
  width: 22.5%;
  padding: 6px;
  border-radius: 8px;
  background: #d3d3d3;
  text-align: center;
}
.course-add [status] > div h2 {
  margin: auto;
}
.course-add [status] > div:nth-child(3) {
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
}
.course-add [records] {
  padding: 14px 24px;
}
.course-add [records] [namecard]:first-child {
  border-bottom: 1px solid #d3d3d3;
}
.course-add [records] [namecard] {
  display: flex;
  color: grey;
  padding: 24px 0;
}
.course-add [records] [namecard] img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 12px;
}
.course-add [records] [namecard] [phone] {
  font-size: 13px;
  margin: 6px 0 12px;
  color: #9c9c9c;
}
.course-add [records] [namecard] [flex] span {
  line-height: 46px;
  margin: 0 10px;
}
.course-add [records] [namecard] [step] > div:first-child {
  width: 46px;
  height: 46px;
  color: #fff;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  margin: auto;
}
.course-add [records] [namecard] [step] [text] {
  color: #3a377b;
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
}
.course-add [records] [namecard] [registered] {
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
}
.course-add [records] [namecard] [trialed] {
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
}
.course-add [records] [namecard] [purchased] {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
}
.course-add [courseAdd] [main] {
  margin-top: 24px;
}
.course-add [courseAdd] [approve] {
  margin: 20px 0 0 28px;
}
.course-add [courseAdd] [sliders] {
  margin-top: 20px;
}
.course-add [courseAdd] [courseTitle] {
  margin-left: 28px;
  padding: 8px 24px;
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 4px #d3d3d3;
}
.course-add [courseAdd] [approval] {
  margin: 4px 28px !important;
}
.course-add [courseAdd] [spec] {
  margin: 4px 28px;
  font-size: 12px;
  color: #9c9c9c;
}
.course-add [courseAdd] .slider-wrap {
  margin: 0 0 0 28px;
}
.course-add [courseAdd] .el-slider__marks .el-slider__marks-text:last-child {
  left: 100% !important;
}
.course-add .course-add-img {
  width: 466px;
  height: 952px;
  background: transparent url(../imgs/6fa886d23f.jpg) no-repeat;
}
.course-add .role-label {
  position: relative;
  left: -24px;
}
.switch-wrap span[label] {
  line-height: 20px;
  vertical-align: text-top;
  color: #3a377b;
}
.credit-manage {
  height: 100%;
  display: flex;
}
.credit-manage .role-label {
  position: relative;
  left: -38px;
  margin-bottom: 30px;
}
.credit-manage .jiajiabi-img {
  width: 450px;
}
.credit-manage .active {
  color: #fea0b7;
}
.credit-manage [header] {
  display: flex;
  color: grey;
}
.credit-manage [header] [tabs] {
  width: 15%;
  margin-left: 15px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.credit-manage [header] [tabs] span:hover {
  color: #fea0b7;
}
.credit-manage .el-card {
  margin-top: 23px !important;
}
.credit-manage .el-card .el-card__body {
  padding: 2vh 2vw;
}
.credit-manage .el-card .switch-wrap {
  margin-top: 20px;
}
.credit-manage .el-card .el-switch {
  margin-right: 8px;
}
.credit-manage .el-card .checkbox-wrap {
  margin-left: 24px;
  margin-top: 16px;
}
.credit-manage .el-card .checkbox-with-slider .checkbox-wrap {
  display: inline-block;
}
.credit-manage .el-card .checkbox-with-slider .slider-wrap {
  display: inline-block;
  margin-left: 14px;
}
.credit-manage .el-card [spec] {
  font-size: 12px;
  color: #9c9c9c;
  margin-left: 52px;
}
.credit-main {
  height: 100%;
}
.credit-main .active {
  color: #fea0b7;
}
.credit-main [header] {
  display: flex;
  color: grey;
}
.credit-main [header] [tabs] {
  width: 15%;
  margin-left: 15px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.credit-main [header] [tabs] span:hover {
  color: #fea0b7;
}
.credit-main [content] {
  height: calc(100% - 21px - 2.5vh);
}
.credit-main [content] .el-card {
  border-radius: 16px;
  margin-top: 2.5vh;
  height: 100%;
}
.credit-main [content] .el-card .el-card__body {
  height: 100%;
  overflow-y: auto;
}
.analysis-data [data] {
  margin-top: 7vh;
}
.analysis-data [data] span {
  margin-right: 36px;
  color: #3a377b;
}
.analysis-data [data] span b {
  font-size: 32px;
  color: #fea0b7;
}
.analysis-data [data] span b[rate] {
  color: #d9acfb;
}
.analysis-data [data] [details] {
  padding: 10px 24px;
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
  margin-right: 0;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
  vertical-align: super;
  font-size: 15px;
  float: right;
}
.analysis-data .date-range {
  float: right;
}
.lang-us .analysis [panel] [title] {
  padding: 8px 16px;
}
.kpi {
  width: 100%;
  height: 70%;
  position: relative;
}
.kpi [body] {
  height: 45vh !important;
  min-height: 335px !important;
}
.kpi [panel] {
  height: 500px;
  box-shadow: 0 2px 10px #d3d3d3;
  border-radius: 16px;
  padding: 24px !important;
}
.kpi [chart] {
  position: absolute !important;
  left: -20px;
  bottom: -20px;
  width: 70% !important;
  height: 80%;
  background: #fff;
}
.kpi [series] {
  position: absolute;
  right: 32px;
  top: 140px;
  width: 25%;
}
.kpi [series] [flex] {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 12px;
  margin-top: 16px;
  color: #3a377b;
}
.kpi [series] [flex]:last-child {
  border-bottom: none;
}
.kpi [series] [dot] {
  padding: 2px 4px;
  margin-right: 8px;
  border-radius: 10px;
}
.kpi [series] b {
  text-align: right;
  font-size: 20px;
  color: #d9acfb;
}
.kpi [series] [publish] {
  color: #5de2f5;
}
.kpi [series] [scan] {
  color: #fea0b7;
}
.kpi .date-range {
  float: right;
}
.analysis [header] {
  display: flex;
  padding: 0 2vw;
}
.analysis [header] .el-link {
  margin-right: 32px;
  font-size: 18px;
  font-weight: 100;
}
.analysis [header] .el-link:hover {
  color: #fea0b7;
}
.analysis [content] {
  padding: 32px 4px;
}
.analysis [panel] {
  position: relative;
  padding: 12px 52px;
  width: 1000px;
}
.analysis [panel] [titlewrap] {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 9;
}
.analysis [panel] [titlewrap] i {
  margin-left: 8px;
  color: #3a377b;
}
.analysis [panel] [title] {
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
  padding: 8px 24px;
  border-radius: 12px;
  color: #fff;
}
.analysis [panel] [body] {
  box-shadow: 0 2px 10px #d3d3d3;
  height: 23vh;
  min-height: 168px;
  border-radius: 16px;
  padding: 32px;
  background: #fff;
}
.analysis .active {
  color: #fea0b7;
}
.lang-us .analysis [panel] [title] {
  font-size: 15px;
}
.poster-modal {
  background: #f7f7f9;
  margin-top: 6vh !important;
}
.poster-modal .poster-wrap {
  padding: 1vh 4vh 0;
}
.poster-modal .poster-wrap [posters] {
  height: 60vh;
  overflow-y: auto;
}
.poster-modal .poster-wrap [posters] > div {
  display: inline-block;
  padding: 6px 10px;
}
.poster-modal .poster-wrap [posters] .wrapper {
  padding: 8px 8px 4px;
  border-radius: 14px;
}
.poster-modal .poster-wrap [posters] .wrapper :hover {
  box-shadow: 0 2px 4px 4px #d3d3d3;
}
.poster-modal .poster-wrap [posters] img {
  cursor: pointer;
  border-radius: 14px;
}
.poster-modal .poster-wrap [posters] .selected {
  background: #fea0b7;
}
.poster-modal .poster-wrap [posters] .selected :hover {
  box-shadow: none !important;
}
.poster-modal .poster-wrap [posters] [analysis] {
  text-align: center;
  color: #3a377b;
  font-size: 13px;
}
.poster-modal .poster-wrap [posters] [analysis] b {
  font-size: 24px;
  color: #fea0b7;
}
.poster-modal .poster-wrap [order] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 3vh;
}
.poster-modal .poster-wrap [order] > div {
  cursor: pointer;
  background: #fff;
  padding: 8px 16px;
  border-radius: 8px;
  margin-left: 12px;
  color: #3a377b;
  box-shadow: 0 2px 10px #d3d3d3;
}
.poster-modal .poster-wrap [order] [active] {
  background: #fea0b7;
  color: #fff;
}
.statis-report [panel] [body] {
  height: auto;
}
.statis-report [panel] [body] .date-range {
  float: right;
}
.statis-report [panel] [body] [tableheader] {
  margin-top: 56px;
  text-align: center;
  color: #fff;
  font-size: 15px;
}
.statis-report [panel] [body] [tableheader] div {
  height: 32px;
  line-height: 32px;
}
.statis-report [panel] [body] [tableheader] [holder] {
  width: 82px;
}
.statis-report [panel] [body] [tableheader] [basic] {
  width: 411px;
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
  border-top-left-radius: 12px;
  border-right: 1px solid #e0e0e0;
}
.statis-report [panel] [body] [tableheader] [effect] {
  width: 328px;
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
  border-top-right-radius: 12px;
}
.statis-report [panel] [body] [tableheader] [generate] {
  width: 185px;
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
  border-top-left-radius: 12px;
  border-right: 1px solid #e0e0e0;
}
.statis-report [panel] [body] [tableheader] [publish] {
  width: 183px;
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
  border-right: 1px solid #e0e0e0;
}
.statis-report [panel] [body] [tableheader] [fission] {
  width: 186px;
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
  border-right: 1px solid #e0e0e0;
}
.statis-report [panel] [body] [tableheader] [comprehensive] {
  width: 186px;
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
  border-top-right-radius: 12px;
}
.statis-report [panel] [body] .el-table .cell {
  font-size: 12px;
  text-align: center;
  padding: 0;
  word-break: break-word;
}
.statis-report [panel] [body] .el-table .el-table__body-wrapper,
.statis-report [panel] [body] .el-table .el-table__header-wrapper {
  border-right: 1px solid #e0e0e0;
}
.statis-report [panel] [body] .el-table thead tr th {
  border-bottom: none;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.statis-report [panel] [body] .el-table thead tr th .cell {
  color: #3a377b;
}
.statis-report [panel] [body] .el-table thead tr th:first-child {
  border: none;
}
.statis-report [panel] [body] .el-table tbody tr:first-child td {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.statis-report [panel] [body] .el-table tbody tr:first-child td:first-child {
  border-top-left-radius: 12px;
}
.statis-report [panel] [body] .el-table tbody tr td {
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.statis-report [panel] [body] .el-table img {
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 100px;
}
.statis-report [panel] [body] .el-table td,
.statis-report [panel] [body] .el-table th {
  padding: 6px 0;
}
.statis-report [panel] [body] .el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #f3f3f3;
}
.lang-us .statis-report [panel] [effectanalysis] .el-table th {
  padding: 0;
}
.iea-main {
  width: calc(100% - 1vw);
  height: calc(100% - 5vh);
  margin: auto;
}
.iea-main .active {
  color: #fea0b7;
}
.iea-main [header] {
  display: flex;
  color: grey;
}
.iea-main [header] [tabs] {
  width: 50%;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.iea-main [header] [tabs] span:hover {
  color: #fea0b7;
}
.iea-main [content] {
  transition: all 0.3s ease;
  margin-top: 2.5vh;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background-color: #fff;
  box-shadow: 0 6px 14px 0 #d3d3d3;
}
@media (max-width: 1480px) and (min-width: 1369px) {
  .iea-main {
    height: calc(100% - 6vh);
  }
}
@media (max-width: 1368px) {
  .iea-main {
    height: calc(100% - 6.5vh);
  }
}
.test-course.preview {
  border-bottom: 2px dashed #d3d3d3;
}
.test-course.preview [edit] {
  display: none;
}
.test-course.preview [flex] {
  display: block;
}
.test-course.preview div[money] div[price] {
  display: block;
  width: 80%;
}
.test-course.edit .el-input,
.test-course.edit [preview] {
  display: none;
}
.test-course {
  padding: 2vh 0;
}
.test-course div[money] {
  margin-top: 4px;
  text-align: center;
  font-size: 2vmin;
}
.test-course div[money] [title] {
  color: #9c9c9c;
}
.test-course div[money] div[price] {
  width: 75%;
  margin: 10px auto;
  display: flex;
}
.test-course div[money] div[price] span {
  word-break: keep-all;
  margin-top: -2px;
  color: #9c9c9c;
}
.test-course div[money] div[price] .dashed-input {
  margin: 0 4px;
}
.test-course div[money] div[price] span[price] {
  font-size: 2.5vmin;
  color: #fea0b7;
  margin: 0 4px;
  font-weight: 700;
}
.test-course div[gift] {
  position: relative;
  width: 100%;
  padding: 1vh 12.5%;
  background: url(../imgs/cffb22c899.png) no-repeat;
  background-size: 30%;
  font-size: 1.7vmin;
}
.test-course div[gift] .el-card {
  background: #fff;
  text-align: center;
  color: #9c9c9c;
}
.test-course div[gift] .el-card .el-card__body {
  padding: 1.5vmin;
}
.test-course div[gift] div[icons] {
  display: flex;
  justify-content: space-between;
  margin-top: 2vh;
  font-size: 1.5vmin;
}
.test-course div[gift] div[icons] img {
  width: 4vmin;
}
.test-course div[gift] div[icons] [flex] {
  margin-top: 1vh;
}
.test-course div[gift] div[icons] [flex] [strong] {
  font-size: 1.8vh;
  font-weight: 700;
}
.test-course div[gift] div[icons] .dashed-input[small] {
  margin: 10px 0 8px;
}
.test-course div[gift] div[icons] > div {
  width: 30%;
}
.test-course div[form] {
  padding: 2vh 12.5%;
}
.test-course div[form] [row] {
  position: relative;
  margin-bottom: 1.5vh;
}
.test-course div[form] [row] .checkbox-wrap {
  position: absolute;
  left: -3vmin;
  top: 1.2vh;
}
.test-course div[form] [row] [textbox] {
  width: 100%;
  border: 1px solid #d3d3d3;
  padding: 1vh 2vh;
  color: #d3d3d3;
  border-radius: 10px;
}
.test-course div[form] .el-button {
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
  border-color: #5de2f5;
  line-height: 1.1;
  width: 100%;
  font-size: 1.7vmin;
}
.test-course div[form] .el-select {
  width: 100%;
}
.test-course div[form] .el-input .el-select {
  width: 5vw;
}
.test-course div[form] [privicy] {
  margin-top: 1vh;
  text-align: center;
  font-size: 1vmin;
  color: #9c9c9c;
}
* {
  box-sizing: border-box;
}
.bg {
  background: #f7f7f9;
  width: 100%;
  height: 100%;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.vertical-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.relative {
  position: relative;
}
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
.table-save-btn {
  margin: 4px 0 0 12px;
}
.text-center {
  text-align: center;
}
[flex] {
  display: flex;
}
[between] {
  justify-content: space-between;
  align-content: space-between;
}
i {
  cursor: pointer;
}
.el-popover .el-link {
  margin-right: 12px;
}
.el-link i {
  margin-top: 2px;
}
.dialog-footer {
  text-align: right;
  margin-top: 20px;
}
.page-container {
  padding: 2vh 2vw;
}
[pointer] {
  cursor: pointer;
}
.el-container {
  height: 100%;
}
.el-loading-spinner .el-icon-loading {
  font-size: 30px;
}
.hide {
  display: none;
}
.locker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #636363;
  opacity: 0.6;
  border-radius: 16px;
}
.locker i {
  font-size: 6vw;
}
img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.gray-cover {
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.el-tooltip__popper.is-light {
  border: 1px solid grey;
}
.purpleBg {
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
}
.lightBlueBg {
  background: #69e0e0;
}
.deepBlueBg {
  background: linear-gradient(90deg, #b6b5ff, #9394ee);
}
.darkBlueBg {
  background: linear-gradient(90deg, #3a377b, #3a377b);
}
.redBg {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
}
.yellowBg {
  background: linear-gradient(90deg, #ffc358, #ffb236);
}
.lightYellowBg {
  background: #fdd920;
}
.greenBg {
  background: linear-gradient(90deg, #6cc5af, #13a286);
}
.lightGreenBg {
  background: linear-gradient(90deg, #6caf12, #6caf12);
}
.deepGreenBg {
  background: linear-gradient(90deg, #13a286, #13a286);
}
.whiteBg {
  color: #3a377b;
}
.boxShadow {
  box-shadow: 0 2px 10px #d3d3d3;
}
.m-t-1 {
  margin-top: 4px;
}
.m-t-2 {
  margin-top: 8px;
}
.m-t-3 {
  margin-top: 12px;
}
m-t-4 {
  margin-top: 16px;
}
.rounded-tab .el-tabs {
  height: 100%;
  width: 60%;
  padding-right: 6px;
}
.rounded-tab #tab-0 {
  height: 54px;
  line-height: 54px;
  border-radius: 54px 0 0 54px;
}
.rounded-tab .el-tabs__header {
  width: 5vw;
  min-width: 122px;
  margin-right: 0 !important;
}
.rounded-tab .el-tabs__active-bar {
  display: none;
}
.rounded-tab .el-tabs__item {
  border-left: 1px solid #d3d3d3;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  border-radius: 20px 0 0 20px;
  text-align: center !important;
  font-weight: 700;
  color: #3a377b;
  margin-bottom: 12px;
  padding: 0 12px;
  width: unset;
  margin-left: 28px;
  font-size: 14px;
}
.rounded-tab .el-tabs__item:nth-child(-n + 3) {
  font-size: 16px;
  width: 100%;
  padding: 0 12px;
  margin-left: 0;
}
.rounded-tab #tab-0.is-active {
  background: #5de2f5;
  border: none;
}
.rounded-tab .el-tab-pane {
  height: 100%;
}
.rounded-tab .el-tabs__item.is-active {
  background: #3a377b;
  color: #fff;
}
.rounded-tab .el-tabs__nav-wrap:after {
  background: unset;
}
.rounded-tab .el-tabs__nav-wrap {
  transform: translateY(40px);
}
.rounded-tab .el-tabs__content {
  border-radius: 18px;
  height: calc(100% - 6px);
  box-shadow: 0 4px 4px #d3d3d3;
  background: #fff;
  overflow: auto;
}
.rounded-tab .tab-content-wrap .style-icon-row {
  padding: 0 3vw;
}
.rounded-tab .tab-content-wrap .style-icon-row .row-display-icon {
  margin-left: 80px;
}
.rounded-tab .tab-content-wrap .staff-wrap {
  margin-top: 40px;
}
.rounded-tab .tab-content-wrap .staff-wrap [add] {
  margin: 24px 4.13vw;
  font-size: 32px;
  color: #5de2f5;
}
.rounded-tab .tab-content-wrap .staff-wrap [staff] {
  padding: 0 1.5vw;
}
.rounded-tab .tab-content-wrap .staff-wrap .name-card-simple {
  display: inline-block;
  margin: 12px 1.4vw;
}
body ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(236, 235, 235, 0);
  background: #e0e0e0;
}
body ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px hsla(0, 4%, 90.2%, 0);
  border-radius: 10px;
  background: transparent;
}
.fade-enter-active,
.fade-leave-active,
.router-fade-enter-active,
.router-fade-leave-active {
  transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-to,
.router-fade-enter,
.router-fade-leave-active {
  opacity: 0;
}
.slide-fade-enter-active {
  transition: all 0.3s ease;
}
.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-leave-to {
  transition: none;
}
.slide-fade-enter {
  transform: translateX(10px);
  opacity: 0;
}
.avatar-uploader {
  position: absolute;
  top: 0;
  right: 40px;
}
.avatar-uploader img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.avatar-uploader .el-icon-circle-plus-outline {
  position: absolute;
  right: 0;
  bottom: 20px;
  color: #5de2f5;
  font-size: 22px;
}
.invite-msg-box {
  border-radius: 19px;
  margin-bottom: 16px;
  background: #fff;
  cursor: pointer;
  padding: 2px;
  color: #3a377b;
}
.invite-msg-box [msg].disabled {
  color: #d3d3d3;
}
.invite-msg-box [border] {
  background: #fff;
  padding: 3vh;
  border-radius: 18px;
  box-shadow: 0 1px 6px #d3d3d3;
}
.invite-msg-box [border] [msg] {
  line-height: 1.5;
  padding: 2px;
  word-break: break-word;
}
.invite-msg-box [border] [statusLoading] {
  font-size: 2vw;
  color: #d3d3d3;
  left: 47%;
  top: 33%;
  z-index: 9;
}
.invite-msg-box [editor] {
  margin-top: 3vh;
  display: flex;
  justify-content: space-between;
}
.invite-msg-box [editor] [btn] {
  padding: 2px 2vw;
  color: #fff;
  font-size: 1.7vh;
  text-align: center;
  border-radius: 1vw;
}
.invite-msg-box [editor] [btn]:hover {
  box-shadow: 0 1px 6px #c1c1c1;
}
.invite-msg-box.big {
  width: 100%;
}
.invite-msg-box.small {
  width: calc(50% - 2vh);
}
.waterfall {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-right: 2vw;
}
.waterfall .waterfall-items {
  position: relative;
  width: 100%;
  height: 100%;
}
.waterfall .waterfall-items > * {
  position: absolute;
}
.waterfall .waterfall-items .adjust-height [border] {
  height: 100%;
  position: relative;
}
.waterfall .waterfall-items .adjust-height [border] [editor] [btn] {
  position: absolute;
  bottom: 3vh;
}
.waterfall .waterfall-items .adjust-height [border] [editor] .el-switch {
  position: absolute;
  right: 1vw;
  bottom: 3vh;
}
.lang-wrap .el-select .el-input__inner,
.lang-wrap .el-select .el-input__suffix {
  display: none;
}
.round-icon-wrap {
  cursor: pointer;
  padding: 6px 7px 4px;
  border-radius: 50%;
  border: 2px solid #b3d8ff;
  background-color: #ecf5ff;
}
.round-icon-wrap img {
  border-radius: 50%;
  width: 22px;
}
.logout-wrap .el-popover__reference {
  vertical-align: middle;
}
.logout-wrap .el-popover__reference i {
  color: #3a377b;
}
.logout-wrap .el-popover__reference .el-link {
  line-height: 24px;
  color: #3a377b;
}
.add-admin-modal.with-avatar {
  position: relative;
}
.add-admin-modal.with-avatar .el-form .el-form-item:nth-child(-n + 3) .el-form-item__content {
  margin-right: 200px;
}
.name-card-wrap {
  cursor: pointer;
  font-size: 14px;
  display: flex;
  color: #2f4f4f;
  margin: 16px 3vw;
  padding: 8px 0 20px;
  justify-content: unset;
}
.name-card-wrap [namewrap] {
  padding: 12px 2vw 0;
}
.name-card-wrap [contactwrap] {
  padding: 15px 0;
}
.name-card-wrap [lg] {
  font-size: 18px;
}
.blueBottom {
  border-bottom: 2px solid #5de2f5;
}
.purpleBottom {
  border-bottom: 2px solid #d9acfb;
}
.name-card-simple {
  cursor: pointer;
  color: #2f4f4f;
}
.name-card-simple .avatar-wrap {
  text-align: center;
}
.name-card-simple .avatar-wrap img {
  width: 3.5vw;
  height: 3.5vw;
}
.name-card-simple [name] {
  font-weight: 700;
  font-size: 14px;
}
.name-card-simple [position] {
  font-size: 13px;
}
.back-to-dashboard {
  display: inline-block;
  margin-right: 16px;
}
.back-to-dashboard i {
  font-weight: 700;
  color: #3a377b;
}
.nav-breadcrumb {
  cursor: pointer;
  display: inline-block;
  padding: 7px 48px;
  border-radius: 12px;
  color: #fff;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.25);
}
.blueBg {
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
}
.row-display-icon {
  cursor: pointer;
}
.row-display-icon [flex] [left] {
  margin-right: 2px;
}
.row-display-icon [first-row] {
  margin-bottom: 2px;
}
.school-logo {
  position: relative;
}
.school-logo i {
  font-size: 24px;
  color: #5de2f5;
  position: absolute;
  bottom: 20px;
  right: 0;
}
.school-logo input {
  opacity: 0;
  display: block;
  height: 0;
  width: 0;
}
.square-icon {
  cursor: pointer;
}
.square-icon [flex] [left] {
  margin-right: 2px;
}
.square-icon [first-row] {
  margin-bottom: 2px;
}
.beian {
  position: fixed;
  bottom: 12px;
  font-size: 13px;
  text-align: center;
  width: 100%;
}
.beian a {
  color: grey;
  margin: 0 6px;
}
.top-bar {
  height: 64px;
  width: 100%;
  box-shadow: 0 14px 70px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #d3d3d3;
}
.top-bar i[alone] {
  margin-top: 24px;
  color: grey;
}
.top-bar [flex] {
  margin: 0 40px auto 36px;
  justify-content: space-between;
}
.top-bar [logo] img {
  margin: 4px 24px auto auto;
}
.top-bar .lang-wrap {
  margin-right: 78px;
}
.top-bar .logout-wrap .el-popover__reference {
  margin-top: 20px;
  height: 24px;
}
.el-form-item .el-select {
  width: 100%;
}
.add-school-modal .el-steps {
  width: 80%;
  margin: 0 auto 50px 19%;
}
.add-school-modal .admin-title {
  margin: 52px 0 38px;
  font-size: 18px;
}
.add-school-modal .el-dialog__body {
  padding: 30px 80px 30px 20px;
}
.add-school-modal .confirm-wrap {
  padding: 0 40px;
}
.add-school-modal .confirm-wrap hr[short] {
  width: 58px;
  margin: 12px 0;
}
.add-school-modal .confirm-wrap [flex] {
  margin: 2px 0;
}
.add-school-modal .confirm-wrap [flex] [label] {
  font-weight: 700;
  margin-right: 8px;
}
.add-school-modal .confirm-wrap [cf] {
  margin: 32px 0;
}
.invite-msg-modal {
  background: #f7f7f9;
  margin-top: 6vh !important;
  padding: 0 1vw;
}
.invite-msg-modal [order] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 3vh;
}
.invite-msg-modal [order] > div {
  cursor: pointer;
  background: #fff;
  padding: 8px 16px;
  border-radius: 8px;
  margin-left: 12px;
  color: #3a377b;
  box-shadow: 0 2px 10px #d3d3d3;
}
.invite-msg-modal [order] [active] {
  background: #fea0b7;
  color: #fff;
}
.invite-msg-modal .selected .invite-msg-box {
  background: #fea0b7;
}
.invite-msg-modal .selected .invite-msg-box [border] {
  box-shadow: none;
}
.invite-msg-modal [msgs] {
  height: 60vh;
  overflow-y: auto;
  padding: 0 2vw 0 1vw;
}
.review img {
  width: 300px;
}
.review .el-select {
  position: absolute;
  bottom: 29px;
  left: 29px;
}
.school-admin-modal .btn-wrap {
  float: right;
}
.campus-card {
  width: 100%;
  border-radius: 16px;
  color: #fff;
  padding: 16px 1.5vw;
  position: relative;
}
.campus-card [text] {
  width: 70%;
}
.campus-card [r] {
  margin: 6px 0;
}
.campus-card [close] {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: #3a377b;
  color: #fff;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  cursor: pointer;
  position: absolute;
  top: -13px;
  right: -7px;
}
.campus-card [logo] {
  width: 114px;
  height: 114px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.whiteBackground {
  background: #fff;
  border: 2px solid #3a377b;
  color: #3a377b;
}
.tab-title-wrap {
  display: flex;
  padding: 4vh 3vw;
  color: #3a377b;
}
.tab-title-wrap [title] {
  width: 70%;
  position: relative;
}
.tab-title-wrap [title] [row] {
  margin: 8px 0;
  width: 100%;
}
.tab-title-wrap [title] [value] {
  margin-left: 12px;
  display: inline-block;
  border-bottom: 1px solid #d3d3d3;
  width: 80%;
}
.tab-title-wrap [title] [sm] {
  font-size: 13px;
  margin-top: 16px;
  color: #2f4f4f;
}
.tab-title-wrap [logo] {
  width: 30%;
  text-align: right;
}
.tab-title-wrap [logo] img {
  width: 7vw;
  height: 7vw;
  min-width: 80px;
  min-height: 80px;
  border-radius: 50%;
  max-width: 120px;
  max-height: 120px;
  -o-object-fit: cover;
  object-fit: cover;
}
.tab-title-wrap .category-select {
  display: flex;
  position: absolute;
  right: -4px;
  width: 100px;
  top: 9px;
  cursor: pointer;
}
.tab-title-wrap .category-select .el-select {
  width: 100%;
}
.tab-title-wrap .category-select .el-select .el-input__inner,
.tab-title-wrap .category-select .el-select .el-input__suffix {
  display: none;
}
.campus-dept .style-icon-row {
  padding: 0 3vw;
}
.campus-dept .style-icon-row .row-display-icon {
  margin-left: 80px;
}
.campus-dept [qrcode] {
  display: flex;
  padding: 0 4vw 0 3vw;
  margin-bottom: 30px;
  justify-content: space-between;
}
.campus-dept [qrcode] [flex] {
  width: 48%;
}
.campus-dept [qrcode] img {
  max-width: 70px;
}
.campus-dept [qrcode] .input-editor {
  min-width: 200px;
}
.campus-dept [qrcode] .input-editor [row] {
  margin: 4px 0;
}
.campus-dept [qrcode] [title] {
  font-size: 13px;
  font-weight: 700;
  color: #3a377b;
  padding-left: 12px;
}
.campus-dept [qrcode] input {
  font-size: 14px !important;
}
.campus-dept [qrcode] .noborder {
  border: none !important;
}
.campus-dept [qrcode] [wrapper] {
  position: relative;
  min-width: 70px;
  height: 70px;
  border: 1px solid #d3d3d3;
}
.campus-dept [qrcode] [wrapper] [plus] {
  margin: auto;
  height: 67px;
  color: #d3d3d3;
  font-size: 44px;
  cursor: pointer;
  font-weight: 100;
}
.campus-dept .campus-staff-wrap {
  margin-top: 40px;
}
.campus-dept .campus-staff-wrap [schooladmin] {
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
  border-radius: 0 16px 16px 0;
  width: 140px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-bottom: 32px;
}
.campus-dept .campus-staff-wrap [staff] {
  padding: 0 1.5vw;
}
.campus-dept .campus-staff-wrap [add] {
  margin-left: 37px;
  font-size: 32px;
  display: inline-block;
  color: #d9acfb;
}
.campus-dept .campus-staff-wrap [normal] {
  margin: 24px 4.13vw;
}
.campus-dept .campus-staff-wrap .name-card-simple {
  display: inline-block;
  margin: 12px 1.4vw;
}
.school-admin-side-panel {
  height: 100%;
}
.school-admin-side-panel .el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 300px;
  padding: 40px;
}
.school-admin-side-panel .el-menu-vertical-demo:not(.el-menu--collapse) [close] {
  right: -20px;
}
.school-admin-side-panel [logo] {
  border-radius: 50%;
  aspect-ratio: 1;
}
.school-admin-side-panel .el-menu {
  height: 100%;
  padding: 40px 16px;
  left: 24px;
  margin-right: 60px;
  border-radius: 12px;
}
.school-admin-side-panel .el-menu .btn-wrap {
  margin-top: 10vh;
  text-align: center;
}
.school-admin-side-panel .el-menu .btn-wrap hr {
  margin: 2vh 0;
}
.school-admin-side-panel .el-menu .btn-wrap i {
  font-size: 2.5vh;
  color: #3a377b;
}
.school-admin-side-panel .el-menu .btn-wrap p {
  margin: 8px 0;
  font-size: 14px;
}
.school-admin-side-panel .el-menu .btn-wrap [wrap] {
  cursor: pointer;
  color: #3a377b;
}
.school-admin-side-panel .el-menu [close] {
  color: grey;
  position: absolute;
  right: -5px;
  top: -18px;
  font-weight: 700;
}
.school-admin-side-panel .el-menu .userinfo {
  color: #3a377b;
  padding: 40px 0;
  text-align: left;
  height: 35vh;
}
.school-admin-side-panel .el-menu .userinfo p {
  margin: 4px 0;
}
.school-admin-side-panel .el-menu .userinfo hr {
  margin: 12px 0;
  width: 16px;
}
.school-admin-side-panel .el-menu .hori-text {
  line-height: 18px;
  margin-left: 8px;
}
.school-admin-side-panel .el-menu [between] {
  color: #3a377b;
  margin: 32px 0;
}
.school-admin-side-panel .el-menu [between] i {
  color: #3a377b;
}
.school-admin-side-panel .el-menu--collapse {
  width: 108px;
}
.school-admin-side-panel .logout-wrap {
  margin-top: 24px;
}
.school-campus-list {
  padding: 4vh 2.5vw;
}
.school-campus-list .no-data {
  transform: translateY(68%);
}
.school-campus-list [title] {
  color: #3a377b;
  font-weight: 700;
  margin-bottom: 24px;
}
.school-campus-list [title] span {
  padding: 2px 12px;
}
.school-campus-list [title] span[category] {
  cursor: pointer;
  font-size: 14px;
  color: #3a377b;
  border-radius: 12px;
}
.school-campus-list [title] .selected-campus-category {
  background: #3a377b;
  color: #fff !important;
}
.school-campus-list [campus-no] {
  color: #3a377b;
  font-weight: 700;
}
.school-campus-list .campus-card {
  margin-bottom: 16px;
}
.school-staff {
  padding: 2vh;
  height: 100%;
}
.school-staff .top-icon-row {
  padding: 0 4px;
  display: flex;
  justify-content: space-between;
  color: #3a377b;
}
.school-staff .top-icon-row i {
  font-size: 24px;
}
.school-staff .top-icon-row .row-display-icon,
.school-staff .top-icon-row .square-icon {
  margin-top: 3px;
}
.school-staff [search] {
  margin-top: 12px;
}
.school-staff [search] input {
  border-radius: 22px;
  height: 34px;
  line-height: 34px;
}
.school-staff [search] .el-input__suffix {
  top: -4px;
}
.school-staff [staff] {
  margin: 24px -2.2vh;
  overflow-y: auto;
  height: calc(100% - 90px);
  box-sizing: unset;
}
.school-staff [staff] [staffrow] {
  margin-bottom: 16px;
  padding: 0 12px 0 0;
}
.school-staff [staff] .name-card-simple {
  width: 20%;
}
.school-staff [staff] .name-card-wrap {
  margin: 0 1vw 0 2vh;
  border-bottom: none;
  padding: 8px 0;
}
.school-staff [staff] .name-card-wrap img {
  width: 4vw;
  height: 4vw;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 70px;
  min-width: 55px;
  min-height: 55px;
  max-height: 70px;
}
.school-staff [staff] .name-card-wrap [namewrap] {
  padding: 12px 2vw 0;
}
[filters] span[wrap] {
  display: block;
  margin: 2px;
}
[filters] [schooladmin] .is-checked .el-checkbox__inner {
  background: #5de2f5;
}
[filters] [schooladmin] .el-checkbox__inner {
  border-color: #5de2f5;
}
[filters] [schooladmin] .el-checkbox__label {
  color: #5de2f5;
}
[filters] [campusadmin] .is-checked .el-checkbox__inner {
  background: #d9acfb;
}
[filters] [campusadmin] .el-checkbox__inner {
  border-color: #d9acfb;
}
[filters] [campusadmin] .el-checkbox__label {
  color: #d9acfb;
}
[filters] .el-checkbox {
  display: block;
}
@media (max-width: 1650px) and (min-width: 1440px) {
  .school-staff [staff] .name-card-wrap [namewrap] {
    padding: 12px 1vw 0;
  }
}
.school-dep-settings {
  height: 100%;
  display: flex;
}
.school-dep-settings #tab-0.is-active {
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
  border: none;
}
.school-dep-settings .el-tabs__item:last-child {
  font-size: 30px;
}
.school-dep-settings .staff-container {
  width: 40%;
  margin-left: 2vw;
  overflow: hidden;
}
.school-dep-settings .tab-content-wrap .style-icon-row {
  padding: 0 3vw;
}
.school-dep-settings .tab-content-wrap .style-icon-row .row-display-icon {
  margin-left: 80px;
}
.school-dep-settings .tab-content-wrap .staff-wrap {
  margin-top: 40px;
}
.school-dep-settings .tab-content-wrap .staff-wrap [add] {
  margin: 1.4vw 3vw;
  text-align: center;
  width: 70px;
  font-size: 32px;
  color: #5de2f5;
}
.school-dep-settings .tab-content-wrap .staff-wrap [staff] {
  display: flex;
  padding: 0 1.5vw;
}
.school-dep-settings .tab-content-wrap .staff-wrap [staff] [add] {
  width: 20px;
}
.school-dep-settings .tab-content-wrap .staff-wrap .name-card-simple {
  display: inline-block;
  margin: 12px 1.4vw;
}
.dom-container {
  position: relative;
  overflow: hidden;
  height: 0;
  width: 0;
  font-size: 12px;
}
#report-screenshot-wrap {
  color: #3a377b;
  background-color: #f7f5f8;
  position: absolute;
  padding: 24px 0;
  width: 720px;
}
#report-screenshot-wrap .namecard {
  margin: 0 3em 3em;
  position: relative;
  display: flex;
}
.namecard .avatar-sec {
  flex: 3;
  border-right: 1px solid #d3d3d3;
  text-align: center;
}
.namecard .avatar-sec img {
  width: 9em;
  height: 9em;
}
.avatar-sec .star-wrap {
  position: absolute;
  top: 7em;
  left: 10em;
}
.avatar-sec .star-wrap img {
  width: 3em;
  height: 3em;
}
.namecard .course-sec {
  flex: 4;
  padding-left: 2em;
}
.name-course-sec {
  flex: 9;
  display: flex;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  background-color: #fff;
  padding: 1.3em 0;
}
.qrcode-sec {
  flex: 3;
  padding-top: 7.7em;
  font-size: 1.5em;
  text-align: center;
}
.hr {
  border-bottom: 2px solid grey;
  width: 2em;
  margin: 1em 0 0.5em;
}
.report-type {
  font-size: 3em;
  line-height: 1.3em;
}
.student-name {
  font-size: 2.5em;
}
.namecard image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.namecard .level {
  position: absolute;
  left: 6.45em;
  top: 4.3em;
  font-size: 1.7em;
  font-weight: 700;
  color: #fff;
}
.level-text {
  font-size: 1.3em;
  position: absolute;
  left: 7.7em;
  top: 7.5em;
}
.namecard .published {
  font-size: 2em;
  margin: 0.5em;
}
.score-sec .label {
  width: 55%;
  padding: 0.4em;
  background-color: #ff7b9b;
  color: #fff;
  text-align: center;
  border-radius: 0 2em 2em 0;
  margin: 1em 0;
  font-size: 2.5em;
}
.score-sec .score-get {
  position: absolute;
  right: 20px;
  top: 5px;
  display: none;
}
.score-sec .comments-sec {
  display: flex;
  padding: 0 3em 1em;
  position: relative;
}
.comments-sec img {
  width: 114px;
  flex: 3;
}
.comments-sec .compre-ability-no {
  position: absolute;
  left: 3.7em;
  top: 5.2em;
  font-size: 2.5em;
  color: #fff;
  font-weight: 700;
}
.full-score {
  left: 3.3em !important;
}
.comments-sec .compre-ability {
  position: absolute;
  color: #fff;
  top: 9.2em;
  font-size: 2em;
  left: 3.4em;
}
.comments-sec .comments-wrap {
  flex: 5;
  margin-left: 3em;
  height: 23em;
  overflow-y: auto;
  position: relative;
}
.comments-wrap .vertical-middle {
  max-height: 100%;
}
.comments-wrap .beyond-wrap {
  font-size: 2.5em;
}
.comments-wrap .beyond-wrap span {
  color: #ff7b9b;
  font-weight: 700;
  font-size: 1.6em;
}
.comments-wrap .comments {
  font-size: 2em;
  margin-top: 1em;
}
.hand-shape .score-item {
  position: relative;
  height: 4em;
}
.score-item .line {
  border-bottom: 2px dashed #d3d3d3;
  height: 1.5em;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.score-item .item-name {
  left: 0;
  padding: 0 0.5em 0 1.6em;
}
.score-item .item-name,
.score-item .score {
  position: absolute;
  top: 0;
  font-size: 2.2em;
  background-color: #f7f5f8;
}
.score-item .score {
  right: 0;
  padding: 0 1.6em 0 0.6em;
}
.score span {
  color: #ff7b9b;
  font-weight: 700;
}
.end-camp-comment .label {
  background-color: #d9acfb;
}
.comments-sec .big-score {
  text-align: center;
  font-size: 10em;
  line-height: 1em;
  color: #d9acfb;
  font-weight: 700;
}
.score-tip {
  font-size: 2.3em;
}
.end-camp-comment .comments-sec .comments-wrap {
  margin-left: 3em;
}
.end-camp-comment .beyond-wrap span {
  color: #d9acfb;
}
.end-camp-single-score {
  position: relative;
}
.end-camp-single-score .label {
  background-color: #26d3ee;
}
.end-camp-single-score .single-name {
  margin: 2em 1.6em;
  font-size: 2.2em;
}
.end-camp-single-score .single-row {
  display: flex;
  justify-content: space-between;
  padding: 3em 4em;
}
.single-row .score-wrap {
  position: relative;
}
.single-row .score-name {
  position: absolute;
  top: -2em;
  font-size: 2.2em;
  left: -0.2em;
}
.single-row .checker {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  margin-top: 6px;
  border: 2px solid #26d3ee;
}
.single-row .checked {
  background-color: #26d3ee;
}
.score-end {
  text-align: center;
  color: #d3d3d3;
  margin-top: 24px;
}
.super-admin-side-panel .el-drawer__body {
  padding: 1.5vw;
}
.super-admin-side-panel .el-link {
  margin-bottom: 1vh;
  display: inline-block;
  font-size: 2.5vh;
}
.campus-admin-home {
  height: 100%;
  display: flex;
}
.campus-admin-home #tab-0.is-active {
  background: #3a377b;
  border: none;
}
.invite {
  width: 80%;
  margin: auto;
}
.invite [list] .plus-btn {
  margin-top: 3vh;
}
.invite [backlog] {
  color: #3a377b;
  font-size: 1vw;
  text-align: center;
  top: 45%;
}
.invite [backlog] p {
  margin-top: 4vh;
}
.poster {
  height: 100%;
  width: 90%;
  margin: auto;
}
.poster [poster] {
  display: flex;
  height: 100%;
}
.poster [poster] [designer] {
  width: 400px;
}
.poster [poster] [designer] [editor] {
  position: relative;
  font-size: 0.7vw;
}
.poster [poster] [designer] [editor] [text] {
  position: absolute;
  border: 1px dashed #000;
  padding: 0 0.5vw;
}
.poster [poster] [designer] [editor] .poster-title .edit-popup-text {
  font-size: 19px;
}
.poster [poster] [designer] [editor] .edit-popup-text {
  position: absolute;
  font-size: 13.1px;
  border: 1px dashed #fff;
}
.poster [poster] [designer] [editor] [spliter] {
  border-bottom: 1px solid #fff;
  width: 20px;
  height: 1px;
  top: 88.4%;
  left: 14%;
  position: absolute;
}
.poster [poster] [designer] [editor] [qrcode] {
  position: absolute;
  top: 84.8%;
  right: 11%;
  width: 68px;
}
.poster [poster] [designer] [editor] [qrcode] img {
  border-radius: 50%;
}
.poster [poster] [designer] img {
  width: 100%;
  box-shadow: 0 28px 45px #d3d3d3;
  border-radius: 24px;
}
.poster [poster] [designer] .plus-btn.small button {
  font-size: 20px;
  width: 100px;
  line-height: 16px;
  padding: 12px;
}
.poster [poster] [designer] [btns] {
  display: flex;
  margin-top: 3vh;
  justify-content: space-between;
}
.poster [poster] [designer] [btns] [flex] {
  grid-gap: 12px;
  gap: 12px;
}
.poster [poster] [designer] [btns] [apply] button {
  width: 150px;
}
.poster [poster] [designer] [arrows] {
  display: flex;
}
.poster [poster] [designer] [arrows] div {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #3a377b;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50%;
  box-shadow: 0 2px 10px #d3d3d3;
  cursor: pointer;
}
.poster [poster] [designer] [arrows] div:hover {
  box-shadow: 0 0 14px #454545;
}
.poster [poster] [designer] [arrows] [left] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAMAAAAfOR5kAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAWJQTFRFOjl6////Ojl5/v7+///+Ojl7OTl5/v7/OTl4///9Ojp6Ojl4/v79Ozp6/f38Ojp5Pz58/v3+PDt6Pz96QEB8Ozl6/v78OTh4OTl6AABwPT170dHd/f39PTt7Ojp4Ozt5AABszs7ct7fLPTx7ODd4PTx6NjV3AABuPj56ODV6+Pj6u7vN/Pz8ODd3n565PTx+REN87+/zHhdzQkJ9KSl0FBJwyMjYMzN2o6O8Ly11KSV4zc3Zvr3OKiJ7JyB4CgBzqKjCGBVxMTB1QD9+FhFyh4eovLvOrq3FV1iK2tnjnp+4cnOWJSJyk5Kt5+juwMDOs7TITk6EAAB0X1+UHR1ynp244+Tr8/T2p6e+trbLCABvGBJuLyh6jY2tISB0PzuCHhd3GRduNjd0n5+6ZWWVJB537O3wIxp4IiBvQjx+srHHJBx3o6O5HRBwMDB5NTB5wcHR9fb6KCB1dHSaJCJ5HxV6afAiBwAAAHZ0Uk5T/////////////////////////////////////////////8z//////////9j//7H///////////+y////5f///7L/////st2x//+t//+x//K7/////7L//7LH////sv//////sv///////7L/sv////b//////3iR3kEAAAH8SURBVHicPZLlcxtBDMWl3T3m85HPPp8d09lx6iQNJw2XGVLGlJn//8rU/bAz++Y3b6UnAasxCRgA0O24tcMiVUGXYXLkhDG5mT9+cfflhya9pnICjtwMlz8tLd0/f1AyZjRzIIu/ziOdn7+vpdZElRyWWcsXUPPsAe4fp2xKqzX/F7EmF1W8eOBKEI4sIAu6jzAylYh7+OwVyaCqkmwtdjdQ8EiIAa4993MGiQoGnK2fQc1EodhYedpLDdKYROxrRFtofICV3U7KGAPJcEYs2pxrVaz8XWjLhpSDCqXuCQqPK5qHlc+tkhqD44Ac7J0gKiJSSH3bKmJpHJF772pfcPqNY+X9QqFOGwm6X3CAQpji8tF6QOCkw6C8gVURUXk364tDZjhTun4dbY2LiON8vdY2mD6W/fzbGlZNVBQTf+zGw9bERG4efmxQHNS7h41zp26oUy3AmLs53MaIc4UCafyJU1l36GNDPups7aBpC4VKb2ydZjKMxmDEqV+eQ8/UOLfJp9PWLVB10rPgzhxy8qFYtnssM0BSKTA5KxFPtMaruL/qjvcDQE+sojziNVPBdyu+Ppsl84OR7pH7jRVfmu4Ds8J2sXcLKRx8uFrMJp84RpiXulce9Ps731v/TZIWC5lVenL7zaXjniXN1idkSU3Xc7ezuZ7mYMX/AAbeNmYqSYWrAAAAAElFTkSuQmCC);
  margin-right: 12px;
}
.poster [poster] [designer] [arrows] [right] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAeCAMAAADw+3VaAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAXpQTFRFOjl6////Ojl5///+/f39Ojp5Ozl6///9Ojl4/v79PDt6Ojl7AABtOTh6OTh5Ojp6/Pz9Q0J8/v7//v78Ojh6/f38Pj56QEB9PT16PDp8Pjx7Ojp4QUF9Ozl7Pz57OTl5QEF79PT3REN++/v9WleNdHOdKSdzQ0F86ejvJCJy5uft/Pz7JiVyXFuNIyBz6urv6Ofu2dnjGxxxWlmONTZ4+fn7WVeLzc7blJKyXl2O6+zxLSl1IBhyd3WfnJu2DQhvammSAABuIB50Hx9xR0SBk5KyODR+MjF2AABxNDN3+vv8h4amw8PVICByTUuFm5m2FQNw4eHpZWSVMi10jYyspqe+eHaeDABtsrHGuLfLHBdxVlaMGw9x3NznOTd6NjJ1kpOwYF+WEQNtKSV7q6vCMi56ycnY5ebu9fX48O/0Kyt60NLeIR53m5u53+HnNzB8Li12dnWfk5Ovm5q2lpWy9/j7IRx2LSx0sbHHHRZ1FANwpqa+DwVwMDB16OAUXAAAAH50Uk5T//////////////////////////////////////////////////////////////////////////+x//////q2////////tf//////tv///7H/////trb2/7bQ////////tf///7r//////////7r/////ura2////uv//uv//MWEjTAAAAgxJREFUeJw1kmdD20AMhk837PMeSZw4MU7IokkhYUOAllFKCS3de+/SPege/71y7NyH+6DxSHolEkqHiLj0LwioQQgxjAr+lBIqqKPf2nvybKMoJJXOBEkfpUqpd2Ptdf/Ldi1UKlVnZDVIXnjmacDXuGRGOiVOFp9XgncvwdU4HBybUShpSkG+eLECrqpyaLw3a7qSxStKtH8HCprPXGgc/61NECWhoyce7l4BlzGmscZ106M0a8kqnpmZBe4ztQBHN5/WrXzGsqYOmyeAqxrWmDy16dm2SB321Dw6XJWxAjoue7Yk44ydBczwNdWFyc+bUdoscRxZP1zoA9cAM45avXishah6800srqqMw9rucDyFtB96nZlXoGkAnLXaYTacRWi8uPcAE4DxQqtdTtWzK1b06OMc5FC/nNoY/NBTu0GL7TdzwIGpCPqzEyTKEVKxi9PLHyCHSiDo530dwwXViV2bXu5CwUeJAG7/FnoV450k+t4snGTAcuA+3yiXqUj2ReJOs5sIirvhX80gRAa2aMfrg+5IHDSfNT08D2IhRw++ryAk0cx/bNbDKqVWwi/3tpYA588xvrrt0eQWRqOWOlvfGPc5+Aih1VRKgfsNfl0AUIGvmp4iJ8aK6fnS8OLbg6X++f0ablaO741Iq3RtfXA1ulvMUyqtlC6JThVS1s99WgyENKTMdk7/Ay0AOUUWBQyaAAAAAElFTkSuQmCC);
}
.poster [poster] [list] {
  padding-left: 3vw;
  width: 60%;
  height: 100%;
  font-size: 1.5vh;
  color: #9c9c9c;
}
.poster [poster] [list] strong {
  color: #3a377b;
  margin: 0 24px 0 1vw;
  font-size: 2.3vh;
  font-weight: 500;
}
.poster [poster] [list] .selected {
  outline: 4px solid orange;
}
.poster [poster] [list] [backlog] {
  margin-top: 2.5vh;
  max-height: 80%;
  overflow-y: auto;
}
.poster [poster] [list] [backlog] img {
  cursor: pointer;
  width: 100%;
  border-radius: 14px;
}
.poster [poster] [list] [backlog] img :hover {
  box-shadow: 0 2px 4px 4px #d3d3d3;
}
.poster [poster] [list] [backlog] [wrapper] {
  position: relative;
  border-radius: 14px;
  display: inline-block;
  margin: 1vw;
  width: 20%;
}
.poster [poster] [list] [backlog] [wrapper] img {
  box-shadow: 0 6px 18px #d3d3d3;
}
.poster [poster] [list] [backlog] [wrapper] [disabled] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 3px);
  border-radius: 13px;
  background: hsla(0, 0%, 100%, 0.75);
  z-index: 2;
}
.poster [poster] [list] [backlog] [wrapper] [statusLoading] {
  font-size: 2vw;
  color: #fff;
  left: 40%;
  top: 40%;
  z-index: 9;
}
.poster [poster] [list] [backlog] [wrapper] .el-switch {
  position: absolute;
  left: 1vw;
  bottom: 0.8vw;
  z-index: 5;
}
.poster [poster] [list] [backlog] [wrapper] [checkbox] {
  display: none;
  font-size: 1.5vw;
  border-radius: 50%;
  position: absolute;
  z-index: 5;
  right: 0.8vw;
  bottom: 0.7vw;
  width: 1.5vw;
  height: 1.5vw;
  padding: 0.2vw;
  background: #4eebfc;
}
.poster [poster] [list] [backlog] [wrapper] [checkbox] div {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin: 27% auto auto 20%;
  height: 35%;
  width: 60%;
  transform: rotate(-45deg);
}
.poster [poster] [list] .plus-btn button {
  width: 20%;
  margin: 1vw 0 0 1vw;
  height: 50px;
  font-size: 40px;
}
.poster [empty] [backlog] {
  color: #3a377b;
  font-size: 1vw;
  text-align: center;
  top: 45%;
}
.poster [empty] [backlog] p {
  margin-top: 4vh;
}
.poster-line1,
.poster-line2 {
  visibility: hidden;
}
.school-admin-home .side-panel-wrap {
  height: 100%;
}
.school-admin-home .float-side-panel-wrap {
  position: absolute;
  z-index: 99;
  display: none;
  left: 2vw;
  top: 2vh;
  width: 100px;
  height: calc(100% - 4vh);
}
.school-admin-home .lang-wrap {
  margin-top: -18px;
  margin-right: 40px;
}
.school-admin-home .el-container {
  padding: 0 1vw 0 0;
}
.school-admin-home .el-main {
  padding: 2vh 0;
  height: 100%;
}
.school-admin-home .el-header {
  padding: 0;
}
@media (max-width: 1650px) {
  .school-admin-home .float-side-panel-wrap {
    display: block;
    left: -1vw;
  }
  .school-admin-home .side-panel-wrap {
    visibility: hidden;
    width: 110px;
  }
  .school-admin-home .el-container {
    padding: 0;
  }
}
.dashboard {
  width: 60vw;
  margin: auto;
}
.dashboard .card-wrap {
  display: flex;
  justify-content: space-around;
  margin-top: 5vh;
}
.dashboard .card-wrap [card] {
  border-radius: 24px;
  color: #fff;
  transition: 0.3s;
  width: 18vw;
  position: relative;
  padding: 0.8vw 1.1vw;
  box-shadow: 0 6px 14px 0 #d3d3d3;
  cursor: pointer;
}
.dashboard .card-wrap [card] img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.dashboard .card-wrap [card] [text] {
  position: absolute;
  z-index: 9;
  left: 1.5vw;
}
.dashboard .card-wrap [card] [text] div {
  font-size: 1.3vw;
}
.dashboard .card-wrap [card]:hover {
  box-shadow: 6px 6px 14px 6px #d3d3d3;
}
.dashboard .card-wrap [eduAdmin] {
  height: 12vw;
}
.dashboard .card-wrap [sales] {
  height: 6vw;
  margin-top: 2vw;
}
.dashboard .card-wrap [sales] [text] {
  color: #3a377b;
}
.dashboard .card-wrap [courseDistrib] {
  margin-top: 2vw;
  height: 12vw;
}
.dashboard .card-wrap [courseManage] {
  height: 13.5vw;
}
.dashboard .card-wrap [fission] {
  margin-top: 2vw;
  height: 18.5vw;
}
.dashboard .card-wrap [clock] {
  height: 12vw;
}
.dashboard .card-wrap [clue] {
  margin-top: 2vw;
  height: 12vw;
}
.dashboard .card-wrap [add] {
  font-size: 6vw;
  color: #3a377b;
  line-height: 3.6vw;
  height: 6vw;
  text-align: center;
  margin-top: 2vw;
  background: #fff;
}
.dashboard .locker i {
  font-size: 4vw;
}
.school-dashboard {
  width: 47vw;
  margin: auto;
}
.school-dashboard .card-wrap {
  display: flex;
  justify-content: space-around;
  margin-top: 5vh;
}
.school-dashboard [card] {
  border-radius: 16px;
  color: #fff;
  transition: 0.3s;
  width: 14vw;
  height: 12vw;
  position: relative;
  box-shadow: 0 6px 14px 0 #d3d3d3;
  cursor: pointer;
}
.school-dashboard [card] img {
  width: 100%;
  height: 100%;
}
.school-dashboard [card] [text] {
  position: absolute;
  top: 0.8vw;
  left: 1.1vw;
}
.school-dashboard [card] [text] div:first-child {
  font-size: 1.3vw;
  font-weight: 700;
}
.school-dashboard [card]:hover {
  box-shadow: 6px 6px 14px 6px #d3d3d3;
}
.school-dashboard [achievement] {
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
  height: 9vw;
}
.school-dashboard [report] {
  background: linear-gradient(90deg, #b6b5ff, #9394ee);
  height: 9vw;
}
.school-dashboard [fisssionCreadits] {
  height: 18vw;
  margin-top: 2vw;
}
.school-dashboard [album] {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
  height: 16.3vw;
  margin-top: 2vw;
}
.school-dashboard [album] img {
  width: 10vw;
}
.school-dashboard [poster] {
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
  height: 17.52vw;
}
.school-dashboard [invitation] {
  background: #fff;
  margin-top: 2vw;
  height: 8vw;
  color: #3a377b;
}
.school-dashboard [fissionAnalysis] {
  color: #fff;
  height: 8vw;
  margin-top: 2vw;
}
.school-dashboard [video] {
  background: linear-gradient(90deg, #b6b5ff, #9394ee);
  margin-top: 2vw;
}
.school-dashboard [data] {
  height: 6.5vw;
  background: #fff;
  margin-top: 2vw;
  color: #3a377b;
}
.school-dashboard .locker i {
  font-size: 6vw;
}
.school-dashboard [plus] {
  height: 9.5vw;
  margin-top: 2vw;
  text-align: center;
  color: #3a377b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4vw;
}
.lang-us .school-dashboard [invitation] img {
  bottom: 1vmin;
  left: 1vmin;
}
.student-details .el-dialog__body {
  padding: 0 60px 30px 0;
  max-height: 70vh;
  overflow-y: auto;
}
.student-details .avatar-uploader {
  position: relative;
  margin-left: 125px;
}
.student-details .avatar-uploader img {
  border: 3px solid #6caf14;
  height: 80px;
  width: 80px;
}
.student-details .avatar-uploader i {
  left: 67px;
  right: auto;
  display: none;
}
.student-details [info] {
  line-height: 80px;
  font-size: 16px;
  padding-left: 18px;
}
.student-details [info] [editable] {
  padding-right: 16px;
}
.student-details [info] [editable] .el-date-editor,
.student-details [info] [editable] .gender-select,
.student-details [info] [editable] .phone-editor,
.student-details [info] [editable] input {
  display: none;
}
.student-details [infowrap] {
  margin-left: 20%;
}
.student-details [infowrap] span {
  margin-right: 12px;
}
.student-details [infowrap] span[value] {
  margin-right: 24px;
}
.student-details [infowrap] div {
  margin-bottom: 16px;
}
.student-details .item-wrap {
  padding: 3vh 4vw 1vh;
}
.student-details .item-wrap button {
  display: block;
  margin: 8px 0;
  width: 120px;
  max-width: 120px;
  height: 28px;
  line-height: 0;
  border-radius: 16px;
  background-color: #5de2f5;
  color: #fff;
}
.student-details .item-wrap img {
  width: 70px;
  -o-object-fit: none;
  object-fit: none;
  margin-right: 3vw;
}
.student-details .item-wrap [title] {
  font-size: 24px;
  line-height: 37px;
  color: #5de2f5;
}
.student-details .item-wrap [details] {
  font-size: 14px;
  color: #2f4f4f;
}
.student-details .item-wrap [details] b {
  font-size: 18px;
  color: #000;
}
.student-details .item-wrap [details] [spliter] {
  padding: 0 24px;
}
.student-details .item-wrap [course] {
  margin-top: 24px;
}
.student-details .item-wrap [course] [title] {
  margin-top: 16px;
}
.student-details .item-wrap [course] button {
  margin-top: 105px;
}
.student-details .item-wrap [panel] {
  margin-top: 4vh;
  padding: 6vh 2vw 3vh;
  background-color: #f7f7f7;
  border-radius: 18px;
  font-size: 16px;
  position: relative;
}
.student-details .item-wrap [panel] [close] {
  position: absolute;
  right: -5px;
  top: -5px;
  cursor: pointer;
  font-size: 26px;
}
.student-details .item-wrap [panel] [tip] {
  position: absolute;
  top: 6px;
  left: 14px;
  font-size: 14px;
  font-weight: 700;
}
.student-details .item-wrap [panel] input {
  border: none;
  border-bottom: 1px solid #5de2f5;
  background-color: #fff;
  margin: 0 1vw;
  font-size: 18px;
}
.student-details .item-wrap [panel] input[short] {
  width: 8vw;
}
.student-details .item-wrap [panel] input[long] {
  width: 23.4vw;
}
.student-details .item-wrap [panel] [text] {
  line-height: 44px;
}
.student-details .item-wrap [panel] [text] button {
  flex: 1;
  background-color: #f7f7f7;
  margin-top: 51px;
  border-color: #00dfff;
}
.student-details .exchange-wrap {
  padding: 12px 0 0 148px;
}
.student-details .exchange-wrap .el-tabs__header {
  margin-bottom: 0;
}
.student-details .exchange-wrap .el-tabs__content {
  box-shadow: 0 6px 14px 0 #d3d3d3;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.student-details .exchange-wrap .el-tabs__content [panel] {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 4vh 2vw 3vh;
  background: #fff;
}
.student-details .exchange-wrap button {
  margin-top: 20px;
}
.student-details .exchange-wrap button span {
  color: #fff !important;
}
.student-details .el-collapse {
  border: none;
}
.student-details .el-collapse .el-collapse-item {
  margin-bottom: 4px;
}
.student-details .el-collapse .el-collapse-item__wrap {
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-radius: 0 0 12px 0;
}
.student-details .el-collapse .el-collapse-item__header {
  height: 28px;
  line-height: 28px;
  display: block;
  text-align: right;
  color: #fff;
  border-radius: 0 12px 0 0;
}
.student-details .el-collapse .el-collapse-item__header i {
  margin-left: 12px;
}
.student-details .el-collapse .el-collapse-item:first-child .el-collapse-item__header {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
}
.student-details .el-collapse .el-collapse-item:first-child .el-collapse-item__wrap {
  border-color: #fea0b7;
}
.student-details .el-collapse .el-collapse-item:nth-child(2) .el-collapse-item__header {
  background: linear-gradient(90deg, #d6a8ff, #c486f3);
}
.student-details .el-collapse .el-collapse-item:nth-child(2) .el-collapse-item__wrap {
  border-color: #d9acfb;
}
.student-details .el-collapse .el-collapse-item:nth-child(3) .el-collapse-item__header {
  background: linear-gradient(90deg, #6cc5af, #13a286);
}
.student-details .el-collapse .el-collapse-item:nth-child(3) .el-collapse-item__wrap {
  border-color: #6caf14;
}
.student-details .el-collapse .el-collapse-item:nth-child(4) .el-collapse-item__header {
  background: linear-gradient(90deg, #4eebfc, #22d4ee);
}
.student-details .el-collapse .el-collapse-item:nth-child(4) .el-collapse-item__wrap {
  border-color: #5de2f5;
}
.student-details .el-collapse .el-collapse-item:nth-child(5) .el-collapse-item__header {
  background: linear-gradient(90deg, #6caf12, #6caf12);
}
.student-details .el-collapse .el-collapse-item:nth-child(5) .el-collapse-item__wrap {
  border-color: #8dce8d;
}
.student-details .el-collapse .el-collapse-item:nth-child(6) .el-collapse-item__header {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
}
.student-details .el-collapse .el-collapse-item:nth-child(6) .el-collapse-item__wrap {
  border-color: #fea0b7;
}
.student-details .el-collapse .el-collapse-item:nth-child(7) .el-collapse-item__header {
  background: linear-gradient(90deg, #ffc358, #ffb236);
}
.student-details .el-collapse .el-collapse-item:nth-child(7) .el-collapse-item__wrap {
  border-color: #ffb236;
}
.lang-us .student-details .item-wrap {
  padding: 3vh 2vw 1vh;
}
.lang-us .student-details .item-wrap img {
  margin-right: 1vw;
}
.lang-us .student-details .item-wrap button {
  width: 144px;
  max-width: 144px;
}
.lang-us .student-details .item-wrap [details] [spliter] {
  padding: 0 12px;
}
.lang-us .student-details .item-wrap [panel] input[long] {
  width: 36.75vw;
}
.study-manage {
  padding: 34px;
  display: flex;
  color: #3a377b;
  height: 100%;
  position: relative;
}
.study-manage .no-data {
  margin-top: 50px;
}
.study-manage [students] {
  width: 45%;
  overflow-y: auto;
}
.study-manage [students] .el-input {
  padding: 0 2vh;
}
.study-manage [students] .el-input .el-input__suffix {
  right: 22px;
}
.study-manage [students] input {
  height: 26px;
  border-radius: 16px;
}
.study-manage [students] .el-icon-search {
  line-height: 26px;
}
.study-manage [students] .student {
  font-size: 13px;
  text-align: center;
  color: #2f4f4f;
  width: 20%;
  overflow-y: auto;
}
.study-manage [students] .student .avatar-wrap {
  margin: 2vh 2vh 0;
}
.study-manage [report] {
  padding: 0 34px 40px 52px;
  width: 55%;
  overflow-y: auto;
}
.study-manage [report] .el-checkbox__inner {
  background-color: #fff !important;
}
.study-manage [report] [reportItem].campReport {
  color: #d9acfb;
}
.study-manage [report] [reportItem].campReport [control],
.study-manage [report] [reportItem].campReport [status] {
  background-color: #d9acfb;
}
.study-manage [report] [reportItem] {
  text-align: center;
  height: 100px;
  width: 100%;
  position: relative;
  font-size: 18px;
  margin-bottom: 24px;
  padding-top: 30px;
  cursor: pointer;
  border-radius: 12px;
  color: #fea0b7;
  font-weight: 700;
}
.study-manage [report] [reportItem]:hover {
  box-shadow: 0 2px 10px #d3d3d3;
}
.study-manage [report] [reportItem] [time] {
  font-size: 14px;
}
.study-manage [report] [reportItem] [status] {
  position: absolute;
  top: 4px;
  right: 8px;
  padding: 4px 12px;
  background-color: #fea0b7;
  color: #fff;
  border-radius: 12px;
  font-size: 12px;
}
.study-manage [report] [reportItem] [control] {
  position: absolute;
  top: -8px;
  right: -8px;
  padding: 2px 4px;
  background-color: #fea0b7;
  color: #fff;
  border-radius: 50%;
  font-size: 16px;
}
.study-manage [report] .title {
  display: flex;
  justify-content: space-between;
  padding: 34px 46px 22px;
  border-radius: 16px;
  color: #3a377b;
  background-color: #f1f1f1;
  margin-bottom: 24px;
}
.study-manage [report] .title [reportType] {
  font-size: 18px;
}
.study-manage [report] .title h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
}
.study-manage [report] .title hr {
  width: 11px;
  margin: 16px auto 4px 0;
}
.study-manage [report] .title .el-select {
  width: 100%;
}
.study-manage [report] .title .el-select .el-input__suffix-inner {
  border-radius: 50%;
  background: #fff;
  padding: 3px 0;
}
.study-manage [report] .title .el-select .el-input__suffix-inner i {
  font-weight: 700;
  color: #fea0b7;
}
.study-manage [report] .title .el-select input {
  border: none;
  background-color: transparent;
  font-size: 18px;
  padding: 0;
  color: #3a377b;
}
.study-manage [report] .title [avatar] {
  position: relative;
  height: 76px;
  width: 82px;
}
.study-manage [report] .title [avatar] [star] {
  position: absolute;
  bottom: 0;
  right: 5px;
}
.study-manage [report] .title [avatar] [star] img {
  width: 24px;
  height: 22px;
}
.study-manage [report] .title [avatar] strong {
  position: absolute;
  right: 8px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}
.study-manage [report] .title [avatar] span {
  position: absolute;
  right: -14px;
  font-size: 12px;
  color: #3a377b;
  bottom: 4px;
}
.study-manage [report] .title [avatar] [status] {
  position: absolute;
  font-size: 13px;
  text-align: center;
  padding-top: 4px;
  width: 100%;
}
.study-manage [report] .title [avatar] [status] b {
  margin: 0 3px;
}
.study-manage [report] .camp .stickOn {
  margin-top: 26px;
}
.study-manage [report] .camp .stickOn [title] {
  background-color: #fea0b7;
}
.study-manage [report] .camp .stickOn [stickOn] {
  margin-top: 24px;
  margin-bottom: 50px;
  justify-content: space-around;
}
.study-manage [report] .camp .stickOn [stickOn] .checkbox-wrap .el-checkbox__label {
  position: absolute;
  top: 34px;
  left: -55px;
}
.study-manage [report] .camp .stickOn [stickOn] .checkbox-wrap .is-checked .el-checkbox__inner {
  background-color: #fea0b7 !important;
}
.study-manage [report] [campWrap] {
  margin-bottom: 24px;
}
.study-manage [report] [campWrap] [itemWrap] [title] {
  background-color: #5de2f5;
  margin-bottom: 0;
}
.study-manage [report] [campWrap] [itemWrap] p {
  margin: 0;
}
.study-manage [report] [campWrap] [itemWrap] hr {
  margin-top: 30px;
}
.study-manage [report] [campWrap] [itemWrap] [checkboxes] {
  margin-top: 34px;
}
.study-manage [report] [campWrap] [itemWrap] [campCheekboxTitle] {
  margin: 30px 0;
}
.study-manage [report] [campWrap] [itemWrap] .checkbox-wrap .el-checkbox__label {
  position: absolute;
  top: -24px;
  left: -10px;
  color: #3ee7ff !important;
  font-weight: 700;
}
.study-manage [report] [campWrap] [itemWrap] .checkbox-wrap .is-checked .el-checkbox__inner {
  background-color: #5de2f5 !important;
}
.study-manage [report] [campComment] {
  margin-bottom: 24px;
}
.study-manage [report] [campComment] h2 {
  margin: 0;
  font-size: 69px;
  line-height: 69px;
  color: #d9acfb;
}
.study-manage [report] [campComment] h4 {
  font-size: 15px;
  margin: 0;
  line-height: 15px;
  font-weight: 400;
}
.study-manage [report] [campComment] textarea {
  height: 166px;
}
.study-manage [report] [commentWrap] {
  display: flex;
  padding: 0 0 3vh;
  position: relative;
}
.study-manage [report] [commentWrap] [note] {
  width: 180px;
  height: 154px;
  position: relative;
  text-align: center;
}
.study-manage [report] [commentWrap] img {
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
}
.study-manage [report] [commentWrap] [comment] {
  width: 100%;
  margin-left: 16px;
}
.study-manage [report] [commentWrap] [comment] textarea {
  height: 118px;
  margin-top: 4px;
}
.study-manage [report] [commentWrap] [comment] b {
  font-size: 22px;
  color: #fea0b7;
}
.study-manage [report] [commentWrap] [score] {
  position: absolute;
  top: 88px;
  left: 38px;
  font-weight: 700;
  color: #fff;
  font-size: 19px;
}
.study-manage [report] [commentWrap] [ability] {
  position: absolute;
  font-size: 12px;
  color: #fff;
  width: 90%;
  bottom: 12px;
}
.study-manage [report] [title] {
  padding: 6px 16px;
  border-radius: 16px;
  color: #fff;
  background-color: #fea0b7;
  font-size: 15px;
}
.study-manage [report] .camp [title] {
  background-color: #d9acfb;
}
.study-manage [report] .camp [score] .el-radio .el-radio__label {
  color: #d9acfb !important;
}
.study-manage [report] .camp [score] .el-radio .el-radio__inner {
  border-color: #d9acfb !important;
}
.study-manage [report] .camp [score] .el-radio .el-radio__input.is-checked .el-radio__inner {
  background-color: #d9acfb !important;
}
.study-manage [report] [camp] {
  background-color: #d9acfb;
  margin-bottom: 12px;
  margin-right: 12px;
}
.study-manage [report] [tips] {
  line-height: 30px;
}
.study-manage [report] [tips] b {
  color: #d9acfb;
  font-size: 22px;
}
.study-manage [report] [itemWrap] {
  margin: 1vh 0;
}
.study-manage [report] [itemWrap] [tips] {
  line-height: 32px;
  font-size: 12px;
  margin: 4px 0 24px;
}
.study-manage [report] [itemWrap] [tips] span {
  margin-right: 12px;
}
.study-manage [report] [itemWrap] [item] {
  font-size: 14px;
  width: 50%;
}
.study-manage [report] [itemWrap] .score-item {
  margin-bottom: 16px;
}
.study-manage [report] [itemWrap] [score] {
  width: 50%;
}
.study-manage [report] [itemWrap] [score] .el-radio-group {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.study-manage [report] [itemWrap] [score] .el-radio {
  position: relative;
}
.study-manage [report] [itemWrap] [score] .el-radio .el-radio__label {
  position: absolute;
  top: -18px;
  left: -9px;
  color: #ff6599;
}
.study-manage [report] [itemWrap] [score] .el-radio .el-radio__inner {
  border-color: #fea0b7;
}
.study-manage [report] [itemWrap] [score] .el-radio .el-radio__inner:after {
  background-color: transparent;
}
.study-manage [report] [itemWrap] [score] .el-radio .el-radio__input.is-checked .el-radio__inner {
  background-color: #fea0b7;
}
.study-manage [report] [btns].camp button {
  background: #d9acfb;
}
.study-manage [report] [btns] {
  position: absolute;
  bottom: 20px;
  right: 62px;
  z-index: 9;
}
.study-manage [report] [btns] button {
  transition: all 0.15s ease;
  padding: 7px 9px;
  border-radius: 20px;
  border: none;
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
  font-size: 20px;
  color: #fff;
  margin-right: 4px;
  cursor: pointer;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.study-manage [report] [btns] button span {
  display: none;
  font-size: 15px;
}
.study-manage [report] [btns] button[disabled] {
  background: #d3d3d3;
}
.study-manage [report] [btns] button:hover span {
  display: inline;
}
.study-manage [report] [create] {
  width: 100%;
  background-color: #fea0b7;
  height: 100px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 100px;
  cursor: pointer;
  border-radius: 12px;
  border: none;
}
.study-manage [report] [create]:hover {
  box-shadow: 0 2px 10px #d3d3d3;
}
.lang-us .study-manage [report] .title {
  padding: 4vh 2vw 3vh;
  min-height: 170px;
}
.lang-us .study-manage [report] .title [avatar] span {
  right: -35px;
}
.lang-us .study-manage [report] [campComment] h4 {
  font-size: 13px;
}
.lang-us .study-manage [report] [commentWrap] [ability] {
  bottom: 2px;
}
.lang-us .study-manage [report] .camp .stickOn [stickOn] .checkbox-wrap .el-checkbox__label {
  font-size: 14px !important;
  left: -69px;
}
.banner.preview {
  border-bottom: 2px dashed #d3d3d3;
  padding-bottom: 10px;
}
.banner.edit [preview],
.banner.preview [edit] {
  display: none;
}
.banner [header] {
  position: relative;
  height: 32vh;
}
.banner [header],
.banner [header] .bg-mask {
  background: linear-gradient(to bottom right, #6160ea, #fa338e);
}
.banner [header] .bg-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.banner [header] .hasBg {
  background: linear-gradient(to bottom right, #2d2bff, #fa338e) !important;
}
.banner [header] div[logo] {
  position: absolute;
  border-radius: 50%;
  width: 7vh;
  height: 7vh;
  top: 12px;
  left: 7%;
  background: transparent;
  border: 1px dashed #fff;
  color: #fff;
  line-height: 7vh;
  text-align: center;
  font-size: 2vmin;
}
.banner [header] img[logo] {
  position: absolute;
  top: 12px;
  left: 7%;
  width: 10%;
  border-radius: 50%;
}
.banner [header] [uploader] {
  background: transparent;
  position: absolute;
  right: 7%;
  top: 20px;
  cursor: pointer;
}
.banner [header] [uploader] span {
  font-size: 13px;
  color: #fff;
}
.banner [header] [uploader] div {
  background: #fff;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 9px;
  margin: 0 auto 6px;
}
.banner [header] [uploader] div i {
  font-size: 18px;
  color: #9c9c9c;
}
.banner [header] img[bg] {
  width: 100%;
  height: 29vh;
  -o-object-fit: cover;
  object-fit: cover;
}
.banner [header] img[bgBottom] {
  width: 100%;
  position: absolute;
  bottom: -12px;
  right: 0;
}
.banner [header] div[title] {
  position: absolute;
  height: 44px;
  width: 76%;
  top: 10vh;
  left: 7%;
  background: transparent;
}
.banner [header] div[title] .dashed-input {
  margin-bottom: 1vh;
}
.banner.preview [header] img[logo] {
  width: 7vh;
  height: 7vh;
}
.banner.preview [header] [title] {
  color: #fff;
}
.banner.preview [header] [title] [main] {
  font-size: 2.5vh;
}
.banner.preview [header] [title] [sub] {
  margin-top: 1.5vh;
  font-size: 1.7vh;
}
.banner.preview div[money] div[price] {
  display: block;
  width: 100%;
  font-size: 2.2vmin;
}
.brand-wrap.preview {
  border-bottom: 2px dashed #d3d3d3;
}
.brand-wrap.preview [edit] {
  display: none;
}
.brand-wrap.preview [flex] {
  display: block;
}
.brand-wrap.preview [preview] {
  text-align: center;
}
.brand-wrap.preview [introduction] {
  word-break: break-word;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px #d3d3d3;
  color: #9c9c9c;
  margin: 0 -16px 24px;
  padding: 20px;
}
.brand-wrap.preview [intro] [uploader] {
  margin: 3vh auto 4vh;
  padding-top: 0;
}
.brand-wrap.preview [intro] [wrapper] {
  margin-bottom: 4vmin;
}
.brand-wrap.preview [intro] img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.brand-wrap.edit [preview] {
  display: none;
}
.brand-wrap {
  height: 100%;
  color: #9c9c9c;
}
.brand-wrap [top] {
  position: relative;
  height: 250px;
}
.brand-wrap [top] div:first-child {
  width: 54%;
  height: 100%;
  background: url(../imgs/19a4e7fc24.png) no-repeat;
  background-size: 100%;
  background-position-y: 50%;
}
.brand-wrap [top] div:last-child {
  position: absolute;
  right: 0;
  top: 0;
  width: 22%;
  height: 100%;
  background: url(data:image/png;base64,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)
    no-repeat;
  background-size: 100%;
}
.brand-wrap [intro] {
  height: 65%;
  background: url(../imgs/4e0214904b.png) no-repeat;
  background-size: 100%;
  background-position-y: 60%;
  padding: 1vh 10% 0;
  font-size: 1.7vmin;
}
.brand-wrap [intro] [wrapper] {
  background: linear-gradient(90deg, #ff3568, #ff739b);
  color: #fff;
  padding: 0.5vmin 2vmin;
  border-radius: 16px;
  display: inline-block;
  margin-bottom: 3vmin;
  line-height: 2vmin;
}
.brand-wrap [intro] [uploader] {
  width: 100%;
  padding-top: 3.5vh;
  margin: 2vh auto;
  background: #fff;
  border: 1px solid #d3d3d3;
  text-align: center;
  cursor: pointer;
}
.brand-wrap [intro] [uploader] i {
  display: block;
  margin-bottom: 1vh;
  font-size: 3vh;
}
.brand-wrap [intro] [uploader] [btn] {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
}
.brand-wrap [intro] textarea {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px #d3d3d3;
  color: #9c9c9c;
  margin: 10px 0;
}
.mini-program-settings.rounded-tab {
  margin: auto;
  height: 100%;
  display: flex;
}
.mini-program-settings.rounded-tab #pane-preview-tab {
  display: block !important;
}
.mini-program-settings.rounded-tab [remove] {
  position: absolute;
  top: 8%;
  left: 50%;
  width: 8vmin;
  height: 8vmin;
  border-radius: 50%;
  padding: 1.5vmin 0;
  font-size: 1.7vmin;
  color: grey;
  text-align: center;
  background-color: #dadada;
  border: 2px solid #fff;
  box-shadow: 0 2px 12px 0 #d3d3d3;
}
.mini-program-settings.rounded-tab [remove] i {
  font-size: 2vmin;
}
.mini-program-settings.rounded-tab [dragTip] {
  height: 15vmin;
  border-bottom: 2px dashed #d3d3d3;
  text-align: center;
  color: #d3d3d3;
  font-style: italic;
  font-size: 2vmin;
  line-height: 15vmin;
}
.mini-program-settings.rounded-tab [editor] {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #3a377b;
  color: #fff;
  padding: 1px 4px;
}
.report-btns {
  float: right;
  margin-top: 24px;
}
.report-btns button {
  transition: all 0.15s ease;
  padding: 7px 9px;
  border-radius: 20px;
  border: none;
  font-size: 20px;
  color: #fff;
  margin-right: 4px;
  cursor: pointer;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.report-btns button span {
  display: none;
  font-size: 15px;
}
.report-btns button[disabled] {
  background: #d3d3d3;
}
.report-btns button:hover span {
  display: inline;
}
.report-btns.redBtn button {
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
}
.report-btns.greenBtn button {
  background: linear-gradient(90deg, #6caf12, #6caf12);
}
.report-btns.yellowBtn button {
  background: linear-gradient(90deg, #ffc358, #ffb236);
}
.star-scoring {
  margin: 16px 0;
}
.star-scoring [label] {
  color: #ff6599;
  width: 25%;
}
.star-scoring [dot] {
  width: 0.6vw;
  height: 0.6vw;
  border-radius: 50%;
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
}
.star-scoring .el-rate {
  margin-right: 4px;
  position: relative;
  top: -4px;
}
.star-scoring .el-rate__icon {
  font-size: 24px;
  margin-right: 3px;
}
.rating {
  grid-gap: 1vw;
  gap: 1vw;
  align-items: center;
  display: flex;
}
.rating .el-rate {
  width: 38%;
}
.present .el-rate {
  width: unset;
}
.present img {
  width: 24px;
  aspect-ratio: 1;
}
.comment {
  color: #9c9c9c;
  margin-top: 12px;
}
@media (min-width: 1680px) and (max-width: 1920px) {
  .star-scoring .el-rate {
    top: -1px;
  }
  .star-scoring .el-rate .el-rate__icon {
    font-size: 20px;
  }
  .star-scoring .present img {
    width: 20px;
  }
  .star-scoring .present [stars] {
    grid-gap: 6px;
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 1679px) {
  .star-scoring .rating {
    justify-content: space-between;
    grid-gap: 12px;
    gap: 12px;
  }
  .star-scoring .el-rate {
    top: 0;
    margin-right: 0;
  }
  .star-scoring .el-rate .el-rate__icon {
    font-size: 18px;
  }
  .star-scoring .rating.present {
    grid-gap: 16px;
    gap: 16px;
    justify-content: flex-start;
  }
  .star-scoring .rating.present [label] {
    width: 26%;
  }
  .star-scoring .rating.present [stars] {
    grid-gap: 6px;
    gap: 6px;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .star-scoring .rating {
    justify-content: space-between;
    grid-gap: 6px;
    gap: 6px;
  }
  .star-scoring .el-rate {
    top: 0;
    margin-right: 0;
  }
  .star-scoring .el-rate .el-rate__icon {
    font-size: 16px;
    margin-right: 4px;
  }
  .star-scoring .rating.present {
    grid-gap: 20px;
    gap: 20px;
    justify-content: flex-start;
  }
  .star-scoring .rating.present [label] {
    width: 28%;
  }
  .star-scoring .rating.present img {
    width: 16px;
  }
  .star-scoring .rating.present [stars] {
    grid-gap: 6px;
    gap: 6px;
  }
}
.report-cc {
  padding: 32px 2vw;
}
.report-cc .selectors {
  display: flex;
  position: relative;
  width: 110%;
  left: -5%;
}
.report-cc .student-selector {
  width: 100%;
  margin-right: 12px;
}
.report-cc .overall-score {
  margin-top: 32px;
}
.report-cc .role-label {
  position: relative;
  left: -2.5vw;
  margin-bottom: 32px;
}
.report-cc .save-btn {
  justify-content: space-between;
  margin-top: 32px;
}
.report-cc .save-btn button {
  background: #3a377b;
  width: 120px;
  color: #fff;
}
.report-cc [btns] {
  float: right;
  margin-top: 24px;
}
.report-cc [btns] button {
  transition: all 0.15s ease;
  padding: 7px 9px;
  border-radius: 20px;
  border: none;
  background: linear-gradient(90deg, #feacc3, #fb9cb3);
  font-size: 20px;
  color: #fff;
  margin-right: 4px;
  cursor: pointer;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.report-cc [btns] button span {
  display: none;
  font-size: 15px;
}
.report-cc [btns] button[disabled] {
  background: #d3d3d3;
}
.report-cc [btns] button:hover span {
  display: inline;
}
.report-cc .date-range span:first-child {
  white-space: nowrap;
}
.report-cc .date-range .el-range-editor {
  margin: 0 0 0 12px;
}
@media (min-width: 1440px) and (max-width: 1679px) {
  .report-cc .date-range .el-range-editor {
    width: 220px;
    margin: 0;
  }
  .report-cc .date-range span:first-child {
    display: none;
  }
}
@media (min-width: 2100px) {
  .report-cc .selectors {
    display: flex;
    position: relative;
    width: 100%;
    left: 0;
  }
}
@media (max-width: 2880px) {
  .selectors {
    display: block !important;
    padding: 0 1.5vw;
  }
  .selectors [flex] {
    grid-gap: 12px;
    gap: 12px;
  }
  .selectors .hide {
    display: block;
    font-size: 13px;
    line-height: 36px;
    word-break: keep-all;
    color: #3a377b;
  }
  .selectors .date-range .el-range-editor {
    width: 100%;
  }
  .report-cc .student-selector {
    width: 100%;
    margin-bottom: 8px;
    margin-right: 0;
  }
  .report-cc .student-selector .el-select {
    width: 100%;
  }
}
.report-header {
  color: #3a377b;
}
.report-header .normal-card {
  display: flex;
  justify-content: space-between;
  border-radius: 12px;
  padding: 32px;
  background: #f5f5f5;
}
.report-header h2 {
  margin: 12px 0;
}
.report-header [avatar] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.report-header [star] {
  margin-top: 4px;
  font-size: 14px;
}
.report-header .ss-namecard {
  display: flex;
}
.report-header .ss-namecard .ss-name {
  border-radius: 12px;
  padding: 12px;
  background: #f5f5f5;
  display: flex;
  grid-gap: 1vw;
  gap: 1vw;
  width: 80%;
  justify-content: space-around;
}
.report-header .ss-namecard .ss-name .avatar-wrap {
  display: flex;
  justify-content: center;
}
.report-header .ss-namecard .ss-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.report-header .ss-namecard .ss-info hr {
  width: 25%;
  margin-left: 0;
}
.report-header .ss-namecard .qrcode-section {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: flex-end;
  width: 35%;
}
.report-cc-preview {
  background-color: #fff;
  top: -32px;
  position: relative;
  padding: 32px 0 64px;
}
.report-cc-preview .report-header {
  margin: 32px;
}
.report-cc-preview .scoring {
  margin-bottom: 24px;
}
.report-cc-preview .score-comment {
  padding: 0 48px;
}
.report-cc-preview .score-comment .overall-score {
  margin-top: 32px;
}
.report-cc-preview .score-comment .role-label {
  position: relative;
  left: -48px;
  margin-bottom: 32px;
}
@media (min-width: 1601px) {
  .report-cc-preview .boxShadow h3 {
    font-size: 24px;
    margin: 14px 0;
  }
}
@media (max-width: 1600px) {
  .report-cc-preview .boxShadow {
    padding: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .report-cc {
    padding: 32px 1.5vw;
  }
  .report-cc-preview .score-comment {
    padding: 0 24px;
  }
}
.report-sssi p {
  margin: 0;
}
.report-sssi .checkbox-wrap .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #ffb236 !important;
  border-color: #ffb236 !important;
}
.report-sssi .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
  border-color: #fff !important;
}
.report-sssi .el-checkbox__inner {
  background-color: #fff !important;
}
.report-sssi [checkboxes] {
  margin-top: 34px;
}
.report-sssi [campCheekboxTitle] {
  margin: 30px 0;
  color: #3a377b;
}
.report-sssi .checkbox-wrap .el-checkbox__label {
  position: absolute;
  top: -24px;
  left: -10px;
  color: #ffb236 !important;
  font-weight: 700;
}
.report-sssi .checkbox-wrap .is-checked .el-checkbox__inner {
  background-color: #ffb236 !important;
}
.design-wrap {
  overflow: hidden;
}
.designer {
  overflow: auto;
  height: 100%;
}
.report-ss {
  padding: 2vw 2vw 6vw;
  color: #3a377b;
}
.report-ss .selectors {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.report-ss .selectors,
.report-ss .selectors [flex] {
  grid-gap: 12px;
  gap: 12px;
}
.report-ss .el-checkbox__inner,
.report-ss .el-radio__input.is-disabled .el-radio__inner,
.report-ss .el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #fff !important;
}
.report-ss .role-label {
  position: relative;
  left: -2vw;
}
.report-ss .camp .stickOn {
  margin-top: 26px;
}
.report-ss .camp .stickOn [stickOn] {
  display: flex;
  margin-top: 24px;
  margin-bottom: 50px;
  justify-content: space-around;
}
.report-ss .camp .stickOn [stickOn] .checkbox-wrap .el-checkbox__label {
  position: absolute;
  top: 34px;
  left: -33px;
}
.report-ss [campWrap] {
  margin-bottom: 24px;
}
.report-ss [itemWrap] [title] {
  background-color: #5de2f5;
  margin-bottom: 0;
}
.report-ss [itemWrap] p {
  margin: 0;
}
.report-ss [itemWrap] hr {
  margin-top: 30px;
}
.report-ss [itemWrap] [checkboxes] {
  margin-top: 34px;
}
.report-ss [itemWrap] [campCheekboxTitle] {
  margin: 30px 0;
  color: #3a377b;
}
.report-ss [itemWrap] .checkbox-wrap .el-checkbox__label {
  position: absolute;
  top: -24px;
  left: -10px;
  color: #ffb236 !important;
  font-weight: 700;
}
.report-ss [itemWrap] .checkbox-wrap .is-checked .el-checkbox__inner {
  background-color: #ffb236 !important;
}
.report-ss [campComment] {
  margin-bottom: 24px;
}
.report-ss [campComment] h1 {
  margin: 0;
  font-size: 90px;
  line-height: 90px;
  color: #ffb236;
}
.report-ss [campComment] div {
  color: #3a377b;
}
.report-ss [campComment] textarea {
  height: 166px;
}
.report-ss [commentWrap] {
  display: flex;
  padding: 0 0 3vh;
  position: relative;
}
.report-ss [commentWrap] [note] {
  width: 180px;
  height: 154px;
  position: relative;
  text-align: center;
}
.report-ss [commentWrap] img {
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
}
.report-ss [commentWrap] [comment] {
  width: 100%;
  margin-left: 16px;
}
.report-ss [commentWrap] [comment] textarea {
  height: 118px;
  margin-top: 4px;
}
.report-ss [commentWrap] [comment] b {
  font-size: 22px;
  color: #fea0b7;
}
.report-ss [commentWrap] [score] {
  position: absolute;
  top: 88px;
  left: 38px;
  font-weight: 700;
  color: #fff;
  font-size: 19px;
}
.report-ss [commentWrap] [ability] {
  position: absolute;
  font-size: 12px;
  color: #fff;
  width: 90%;
  bottom: 12px;
}
.report-ss [title] {
  padding: 6px 16px;
  border-radius: 16px;
  color: #fff;
  font-size: 15px;
}
.report-ss .camp [title],
.report-ss [title] {
  background-color: #ffb236;
}
.report-ss .camp [score] .el-radio .el-radio__label {
  color: #ffb236 !important;
}
.report-ss .camp [score] .el-radio .el-radio__inner {
  border-color: #ffb236 !important;
}
.report-ss .camp [score] .el-radio .el-radio__input.is-checked .el-radio__inner {
  background-color: #ffb236 !important;
}
.report-ss [camp] {
  background-color: #ffb236;
  margin-bottom: 12px;
  margin-right: 12px;
}
.report-ss [tips] {
  line-height: 30px;
}
.report-ss [tips] b {
  color: #ffb236;
  font-size: 22px;
}
.report-ss [itemWrap] {
  margin: 1vh 0;
}
.report-ss [itemWrap] [tips] {
  line-height: 32px;
  font-size: 12px;
  margin: 4px 0 24px;
}
.report-ss [itemWrap] [tips] span {
  margin-right: 12px;
}
.report-ss [itemWrap] [item] {
  font-size: 14px;
  width: 50%;
}
.report-ss [itemWrap] .score-item {
  margin-bottom: 16px;
}
.report-ss [itemWrap] [score] {
  width: 50%;
}
.report-ss [itemWrap] [score] .el-radio-group {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.report-ss [itemWrap] [score] .el-radio {
  position: relative;
}
.report-ss [itemWrap] [score] .el-radio .el-radio__label {
  position: absolute;
  top: -18px;
  left: -9px;
  color: #ff6599;
}
.report-ss [itemWrap] [score] .el-radio .el-radio__inner {
  border-color: #ffb236;
}
.report-ss [itemWrap] [score] .el-radio .el-radio__inner:after {
  background-color: transparent;
}
.report-ss [itemWrap] [score] .el-radio .el-radio__input.is-checked .el-radio__inner {
  background-color: #ffb236;
}
.report-ss [btns].camp button {
  background: #d9acfb;
}
.report-ss [btns] {
  position: absolute;
  z-index: 9;
  bottom: 30px;
  right: 40px;
}
.report-ss [btns] button {
  transition: all 0.15s ease;
  padding: 7px 9px;
  border-radius: 20px;
  border: none;
  background: linear-gradient(90deg, #ffc358, #ffb236);
  font-size: 20px;
  color: #fff;
  margin-right: 4px;
  cursor: pointer;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.report-ss [btns] button span {
  display: none;
  font-size: 15px;
}
.report-ss [btns] button[disabled] {
  background: #d3d3d3;
}
.report-ss [btns] button:hover span {
  display: inline;
}
.lang-us .report-ss [report] .title {
  padding: 4vh 2vw 3vh;
  min-height: 170px;
}
.lang-us .report-ss [report] .title [avatar] span {
  right: -35px;
}
.lang-us .report-ss [report] [campComment] h4 {
  font-size: 13px;
}
.lang-us .report-ss [report] [commentWrap] [ability] {
  bottom: 2px;
}
.lang-us .report-ss [report] .camp .stickOn [stickOn] .checkbox-wrap .el-checkbox__label {
  font-size: 14px !important;
  left: -69px;
}
.scoring {
  margin: 16px 0;
}
.scoring [label] {
  color: #3a377b;
}
.scoring [dot] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #6caf14;
}
.scoring .slider-wrap {
  margin: 0;
}
.scoring .rating {
  grid-gap: 16px;
  gap: 16px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.scoring .rating b {
  font-size: 24px;
  color: #6caf14;
  margin-right: 4px;
}
.scoring .rating.present {
  justify-content: flex-start;
  grid-gap: 32px;
  gap: 32px;
}
.scoring .present .el-rate {
  width: unset;
}
.scoring .comment {
  margin: 12px 0 0 28px;
  color: #9c9c9c;
}
@media (min-width: 1921px) {
  .scoring .el-rate {
    top: -3px;
  }
}
@media (min-width: 1680px) and (max-width: 1920px) {
  .scoring .el-rate {
    top: -1px;
  }
  .scoring .el-rate .el-rate__icon {
    font-size: 20px;
    margin-right: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 1679px) {
  .scoring .rating {
    justify-content: space-between;
    grid-gap: 12px;
    gap: 12px;
  }
  .scoring .el-rate {
    top: 0;
    margin-right: 0;
  }
  .scoring .el-rate .el-rate__icon {
    font-size: 18px;
  }
  .scoring .rating.present {
    grid-gap: 16px;
    gap: 16px;
    justify-content: flex-start;
  }
  .scoring .rating.present [label] {
    width: 26%;
  }
}
.report-tr {
  padding: 32px 2.5vw;
}
.report-tr .selectors {
  display: flex;
  position: relative;
  width: 110%;
  left: -5%;
}
.report-tr .student-selector {
  width: 100%;
  margin-right: 12px;
}
.report-tr .overall-score {
  margin-top: 32px;
}
.report-tr .role-label {
  position: relative;
  left: -2.5vw;
}
.report-tr h1 {
  margin: 0;
  font-size: 90px;
  line-height: 90px;
  color: #6caf14;
}
@media (max-width: 2880px) {
  .selectors {
    display: block !important;
    padding: 0 1.5vw;
  }
  .selectors [flex] {
    grid-gap: 12px;
    gap: 12px;
  }
  .selectors .hide {
    display: block;
    font-size: 13px;
    line-height: 36px;
    word-break: keep-all;
    color: #3a377b;
  }
  .selectors .date-range .el-range-editor {
    width: 100%;
  }
  .report-tr {
    padding: 32px 1.5vw;
  }
  .report-tr .slider-wrap .el-slider {
    width: 100px;
  }
  .report-tr .scoring .rating {
    grid-gap: 6px;
    gap: 6px;
  }
  .report-tr .student-selector {
    width: 100%;
    margin-bottom: 8px;
  }
  .report-tr .student-selector .el-select {
    width: 100%;
  }
  .report-trp .tr-score {
    padding: 0 12px;
  }
}
.report-trp {
  padding-bottom: 32px;
  background-color: #fff;
}
.report-trp .report-header {
  padding: 32px;
}
.report-trp h1 {
  color: #6caf14;
  font-size: 90px;
  margin: 0;
}
.report-trp .role-label {
  position: relative;
  left: -4vw;
}
.report-trp .tr-score {
  padding: 0 0 0 64px;
  margin-top: -16px;
}
.report-trp .tr-score .comment {
  margin: 12px 0 0 24px;
}
.report-trp .create-report {
  float: right;
  background: linear-gradient(90deg, #6caf12, #6caf12);
  color: #fff;
  margin-top: 32px;
}
.report-ssp {
  color: #3a377b;
  background-color: #fff;
}
.report-ssp .report-header {
  padding: 32px;
}
.report-ssp .role-label {
  margin-top: 36px;
  position: relative;
  left: -2vw;
}
.report-ssp [tips] {
  padding: 0 2vw;
}
.report-ssp [tips] b {
  color: #ffb236;
}
.report-ssp [tips] [comments] {
  margin-top: 12px;
}
.report-ssp [campComment] {
  margin-bottom: 24px;
}
.report-ssp [campComment] h1 {
  margin: 0;
  font-size: 90px;
  line-height: 90px;
  color: #ffb236;
}
.report-ssp [campComment] div {
  color: #3a377b;
}
.report-ssp [campComment] textarea {
  height: 166px;
}
.report-ssp .single-items-wrap {
  padding: 0;
}
.report-ssp .single-scores {
  grid-gap: 8px;
  gap: 8px;
  align-items: baseline;
}
.report-ssp .single-scores h2 {
  margin: 0;
  font-size: 60px;
  color: #ffb236;
}
.report-ssp .single-item p {
  margin: 8px 0;
}
.report-ssp .single-item b {
  font-size: 24px;
  margin: 0 2px;
  color: #ffb236;
}
.report-ssp .finger-wrap {
  padding: 0;
}
.report-ssp .finger-wrap [tips] {
  font-size: 12px;
  padding: 0;
}
.report-ssp .finger-wrap .score-item {
  position: relative;
  height: 40px;
}
.report-ssp .finger-wrap .score-item [item] {
  position: absolute;
  padding: 0 8px 0 0;
  background: #fff;
}
.report-ssp .finger-wrap .score-item [line] {
  width: 100%;
  border-top: 2px dashed #d3d3d3;
  height: 1px;
  margin-top: 10px;
}
.report-ssp .finger-wrap .score-item [score] {
  position: absolute;
  right: 0;
  padding: 0 0 0 8px;
  background: #fff;
}
.report-ssp .finger-wrap .score-item [score] b {
  color: #ffb236;
  font-size: 20px;
}
.report-ssp .stickon-wrap {
  padding: 0 2vw;
}
.report-ssp .stickon-wrap b {
  font-size: 24px;
  color: #ffb236;
  margin-right: 8px;
}
@media (max-width: 1440px) {
  .report-ssp .finger-wrap,
  .report-ssp .single-items-wrap {
    padding: 0;
  }
}
.report {
  height: 100%;
}
.report .category-card {
  height: 12vmin;
}
.report #pane-preview-tab {
  display: block !important;
}
.comment-input .present .el-rate {
  width: unset;
}
.comment-input .comment {
  margin: 12px 0 0 28px;
  color: #9c9c9c;
}
.school-management {
  padding: 4vw;
}
.school-management .btn-wrap {
  display: flex;
  padding-top: 32px;
}
.school-management .btn-wrap button {
  height: 40px;
}
.school-management .el-button + .el-button {
  margin-left: 0;
}
.school-management .el-tag {
  cursor: pointer;
}
.super-admin-home {
  height: 100%;
}
.super-admin-home .content-wrap {
  height: calc(100% - 64px);
}
.default-bg {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: linear-gradient(#f7f8ff, #d7dafb);
}
.default-bg [bubble] {
  border-radius: 50%;
  position: absolute;
}
.default-bg #b-first {
  width: 6vw;
  height: 6vw;
  left: 40%;
  top: 6vh;
  background: #9debf6;
}
.default-bg #b-second {
  left: 64%;
  top: 6%;
  width: 3vw;
  height: 3vw;
  background: #d9acfb;
}
.default-bg #b-third {
  left: -2%;
  bottom: -3%;
  width: 25vw;
  height: 25vw;
  background: #e2c0fb;
}
.default-bg #b-fourth {
  left: 77%;
  bottom: 7%;
  width: 28vw;
  height: 28vw;
  background: #f9b5c6;
}
.default-bg .login-wrap {
  width: 70%;
  height: 600px;
  background-color: #fff;
  border-radius: 28px;
  margin: auto;
  box-shadow: 0 14px 70px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
}
.default-bg .login-wrap #login-content {
  display: flex;
  height: 100%;
}
.default-bg .login-wrap #logo-area {
  position: absolute;
  top: -30px;
  right: 8%;
  width: 180px;
  height: 190px;
  background: #fff
    url(data:image/png;base64,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)
    no-repeat 57%;
  background-size: 74%;
  border-radius: 12px 12px 90px 90px;
  box-shadow: 0 14px 70px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
}
.default-bg .login-wrap #left-area {
  flex: 1;
  background: url(../imgs/4a41d80998.jpg) no-repeat 50%;
  background-size: 70%;
}
.default-bg .login-wrap #login-area {
  flex: 1;
  padding-top: 249px;
}
.default-bg .login-wrap #login-area input::-webkit-input-placeholder {
  color: #fff;
}
.default-bg .login-wrap #login-area input:-moz-placeholder,
.default-bg .login-wrap #login-area input::-moz-placeholder {
  color: #fff;
}
.default-bg .login-wrap #login-area input:-ms-input-placeholder {
  color: #fff;
}
.default-bg .login-wrap .login-input-wrap {
  position: relative;
  margin-left: 15%;
  min-width: 338px;
  width: 60%;
  height: 56px;
  margin-bottom: 24px;
}
.default-bg .login-wrap .login-input-wrap .el-input {
  height: 100%;
}
.default-bg .login-wrap .login-input-wrap .el-input__icon {
  color: #fff;
}
.default-bg .login-wrap .login-input-wrap div[icon] {
  width: 38px;
  height: 38px;
  border: 1px solid #fff;
  border-radius: 21px;
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 2;
}
.default-bg .login-wrap .login-input-wrap div[icon] i {
  margin: 10px;
  color: #fff;
}
.default-bg .login-wrap .login-input-wrap input {
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 28px;
  padding: 0 60px;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
.default-bg .login-wrap .email input {
  background-color: #d9acfb;
}
.default-bg .login-wrap .password .ant-input-password {
  height: 100%;
}
.default-bg .login-wrap .password .ant-input-password i {
  display: none;
}
.default-bg .login-wrap .password input {
  background-color: #5de2f5;
}
.default-bg .login-wrap .primary-btn-bg button {
  background-color: #fea0b7;
  position: relative;
  min-width: 338px;
  width: 100%;
  height: 56px;
  border-radius: 28px;
  border: none;
  color: #fff;
  font-size: 18px;
}
.default-bg .login-wrap .login-failed-alert {
  color: red;
  text-align: center;
}
.login-v2 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: radial-gradient(#fff, #d3d3d3);
  display: flex;
}
.login-v2 [left] {
  flex: 5;
  padding-left: 5vw;
  background: transparent url(../imgs/8d3b76a7af.png) no-repeat;
  background-position: 100%;
}
.login-v2 [right] {
  flex: 4;
}
.login-v2 [logo] {
  position: absolute;
  right: 15vw;
  top: 5vh;
  width: 150px;
  height: 150px;
  background: transparent
    url(data:image/png;base64,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)
    no-repeat;
}
.login-v2 #login-area {
  flex: 1;
  padding-top: 48vh;
}
.login-v2 #login-area input::-webkit-input-placeholder {
  color: #d3d3d3;
}
.login-v2 #login-area input:-moz-placeholder,
.login-v2 #login-area input::-moz-placeholder {
  color: #d3d3d3;
}
.login-v2 #login-area input:-ms-input-placeholder {
  color: #d3d3d3;
}
.login-v2 #login-area .login-input-wrap {
  position: relative;
  min-width: 338px;
  width: 51%;
  height: 48px;
  margin-bottom: 24px;
}
.login-v2 #login-area .login-input-wrap .el-input {
  height: 100%;
}
.login-v2 #login-area .login-input-wrap .el-input__icon {
  color: #d3d3d3;
}
.login-v2 #login-area .login-input-wrap div[icon] {
  width: 38px;
  height: 38px;
  border: 1px solid #fff;
  border-radius: 21px;
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 2;
}
.login-v2 #login-area .login-input-wrap div[icon] i {
  margin: 7px;
  color: #d3d3d3;
  border-right: 1px solid #d3d3d3;
  padding-right: 8px;
}
.login-v2 #login-area .login-input-wrap input {
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 28px;
  padding: 0 60px;
  color: grey;
  font-size: 18px;
  text-align: left;
}
.login-v2 #login-area .primary-btn-bg button {
  margin-top: 24px;
  background-color: #fea0b7;
  position: relative;
  min-width: 338px;
  width: 100%;
  height: 48px;
  border-radius: 28px;
  border: none;
  color: #fff;
  font-size: 18px;
}
@media (max-width: 1650px) and (min-width: 1400px) {
  .login-v2 [left] {
    padding-left: 11vw;
  }
  .login-v2 [logo] {
    right: 12vw;
  }
}
@media (max-width: 1399px) {
  .login-v2 [left] {
    padding-left: 15vw;
  }
  .login-v2 [logo] {
    right: 10vw;
  }
}
.import-staff-tips-modal {
  display: flex;
}
.import-staff-tips-modal .el-card {
  flex: 1;
}
.import-staff-tips-modal .el-card h2 {
  color: #5f5d5d;
}
.stu-mng {
  padding: 1.5vw;
  height: 100%;
}
.stu-mng .el-input__icon {
  height: unset;
}
.stu-mng .checkbox-wrap .el-checkbox__inner {
  background-color: #fff !important;
}
.stu-mng .checkbox-wrap .is-checked .el-checkbox__inner {
  background-color: #5de2f5 !important;
}
.stu-mng [header] {
  display: flex;
  justify-content: space-between;
  color: #3a377b;
  font-size: 0.8vw;
  line-height: 26px;
  margin-bottom: 16px;
}
.stu-mng [header] i {
  font-size: 24px;
}
.stu-mng [header] [filter] {
  display: flex;
  width: 46%;
}
.stu-mng [header] [filter] .el-input {
  width: 50%;
  margin: 0 16px;
}
.stu-mng [header] [filter] .el-input input {
  height: 26px;
  border-radius: 12px;
}
.stu-mng [header] [filter] .el-input__icon {
  font-size: 14px;
  line-height: 26px;
}
.stu-mng [header] [editor] {
  width: 13%;
  display: flex;
  justify-content: flex-end;
}
.stu-mng [header] [editor] [controllers] {
  display: flex;
  width: 100%;
}
.stu-mng [header] [editor] span {
  cursor: pointer;
  flex: 1;
  text-align: right;
  font-size: 0.7vw;
}
.stu-mng .editing table .el-popover__reference:hover {
  color: #fea0b7;
  cursor: pointer;
}
.stu-mng [body] {
  position: relative;
  height: 100%;
}
.stu-mng [body] .no-data {
  padding-top: 150px;
}
.stu-mng [body] table {
  margin-top: 4px;
  border-top: 1px solid #fea0b7;
  font-size: 13px;
}
.stu-mng [body] table tbody tr td:first-child {
  position: relative;
}
.stu-mng [body] table tbody tr td:first-child .checkbox-wrap {
  position: absolute;
  left: 36px;
  bottom: 0;
}
.stu-mng [body] table tbody tr td:first-child img {
  position: absolute;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  border: 2px solid #fea0b7;
  top: 50%;
  transform: translateY(-50%);
}
.stu-mng [body] table tbody tr td:first-child span {
  font-weight: 700;
}
.stu-mng [body] .el-table {
  height: calc(100% - 7vh);
}
.stu-mng [body] .el-table .el-table__body-wrapper {
  height: calc(100% - 6vh);
  overflow-y: auto;
}
.stu-mng [body] .el-table--border:after,
.stu-mng [body] .el-table--group:after,
.stu-mng [body] .el-table:before {
  background-color: #fff;
}
.stu-mng [body] .el-table--border,
.stu-mng [body] .el-table--group {
  border-color: #fff;
}
.stu-mng [body] .el-table td,
.stu-mng [body] .el-table th {
  padding: 10px 0;
}
.stu-mng [body] .el-table--border td,
.stu-mng [body] .el-table--border th,
.stu-mng [body] .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid #fea0b7;
}
.stu-mng [body] .el-table td,
.stu-mng [body] .el-table th.is-leaf {
  border-bottom: 1px solid #fea0b7;
}
.stu-mng [body] .el-table thead th.is-leaf {
  border-bottom: none;
}
.stu-mng [body] .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #fff3f3;
}
.stu-mng [body] .el-table__row td:last-child {
  border-right: none;
}
.stu-mng [body] [title] {
  position: absolute;
  height: 56px;
  right: 0;
  top: -12px;
  width: 100%;
  background-color: #fff;
  z-index: 6;
}
.stu-mng [body] [title] [tabs] {
  width: 85.55%;
  height: 28px;
  float: right;
  background-color: #fea0b7;
  border-radius: 16px;
  display: flex;
  color: #fff;
  line-height: 28px;
  font-size: 0.8vw;
}
.stu-mng [body] [title] [tabs] > div {
  flex: 1;
  text-align: center;
}
.stu-mng [body] [title] [tabs] [consult] {
  background-color: #9394ee;
}
.stu-mng [body] [title] [tabs] [register] {
  background-color: #5de2f5;
}
.stu-mng [body] [title] [tabs] [fee] {
  background-color: #6caf14;
}
.stu-mng [body] [title] [tabs] [course] {
  background-color: #8dce8d;
}
.stu-mng [body] [title] [tabs] [status] {
  background-color: #ffb236;
  border-radius: 0 16px 16px 0;
}
.stu-mng [body] [title] [titles] {
  width: 100%;
  height: 28px;
  float: right;
  display: flex;
  color: #fff;
  line-height: 28px;
  border-top: 1px solid #fff;
  font-size: 14px;
  position: relative;
  top: 35px;
}
.stu-mng [body] [title] [titles] > div {
  text-align: center;
  margin-left: 1px;
  background-color: #fea0b7;
}
.stu-mng [body] [title] [titles] div:last-child {
  border-radius: 0 16px 16px 0;
}
.stu-mng [body] [title] [titles] [placeholder] {
  width: calc(14% + 6px);
  background-color: #fff;
  text-align: left;
  position: relative;
}
.stu-mng [body] [title] [titles] [placeholder] .checkbox-wrap {
  position: absolute;
  top: -12px;
  left: 10px;
}
.stu-mng [body] [title] [titles] [userName] {
  width: 8%;
  border-radius: 16px 0 0 16px;
}
.stu-mng [body] [title] [titles] [email] {
  width: 14%;
}
.stu-mng [body] [title] [titles] [gender] {
  width: 5%;
}
.stu-mng [body] [title] [titles] [campus] {
  width: 6%;
}
.stu-mng [body] [title] [titles] [appStatus],
.stu-mng [body] [title] [titles] [birthday],
.stu-mng [body] [title] [titles] [lastActive] {
  width: 9%;
}
.stu-mng [body] [title] [titles] [phone] {
  width: 8%;
}
.stu-mng [body] [title] [titles] [note],
.stu-mng [body] [title] [titles] [screenshotReview] {
  width: 9%;
}
.stu-mng [body] [total] {
  font-size: 13px;
  padding-top: 1vh;
  color: #3a377b;
}