/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #1980ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #429eff;
}
a:active {
  color: #0b61d9;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: #1980ff;
}
::selection {
  color: #fff;
  background: #1980ff;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.fade-leave.fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1980ff;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 #1980ff;
          box-shadow: 0 0 0 0 #1980ff;
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #1980ff;
            box-shadow: 0 0 0 #1980ff;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #1980ff;
            box-shadow: 0 0 0 #1980ff;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.swing-enter,
.swing-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  -webkit-animation-name: antSwingIn;
          animation-name: antSwingIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
@keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  -webkit-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  -webkit-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  -o-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  -o-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #f5222d;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  -webkit-animation-name: MessageMoveOut;
          animation-name: MessageMoveOut;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
@-webkit-keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
html,
body,
#root {
  height: 100%;
}
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.globalSpin___Vg8IM {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
      -ms-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}
.ant-select-disabled .ant-select-selection {
  background: #f5f5f5 !important;
}
.ant-select-disabled .ant-select-selection * {
  color: rgba(0, 0, 0, 0.25) !important;
}
a {
  word-break: break-all;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-spin {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #1980ff;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #1980ff;
  border-radius: 100%;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
          animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: antRotate 1.2s infinite linear;
          animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@-webkit-keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
@keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-avatar {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
      -ms-transform-origin: 0 center;
          transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
      -ms-transform-origin: 0 center;
          transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
      -ms-transform-origin: 0 center;
          transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 0.3s, width 0.2s;
  -o-transition: background 0.3s, width 0.2s;
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #1980ff;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f5ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > a:hover {
  color: #1980ff;
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge > a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > .ant-badge > a:hover {
  color: #1980ff;
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #1980ff;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #1980ff;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #1980ff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f5ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8;
}
.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: rgba(0, 0, 0, 0.65) \9;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: none \9;
  border-radius: 2px;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateY(-2px);
      -ms-transform: rotate(45deg) translateY(-2px);
          transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateY(2px);
      -ms-transform: rotate(-45deg) translateY(2px);
          transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: -webkit-gradient(linear, left top, right top, from(#1980ff), to(#1980ff));
  background: -webkit-linear-gradient(left, #1980ff, #1980ff);
  background: -o-linear-gradient(left, #1980ff, #1980ff);
  background: linear-gradient(to right, #1980ff, #1980ff);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateX(2px);
      -ms-transform: rotate(-45deg) translateX(2px);
          transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateX(-2px);
      -ms-transform: rotate(45deg) translateX(-2px);
          transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateX(-2px);
      -ms-transform: rotate(-45deg) translateX(-2px);
          transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateX(2px);
      -ms-transform: rotate(45deg) translateX(2px);
          transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #1980ff;
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #1980ff;
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #1980ff;
  border-bottom: 2px solid #1980ff;
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #1980ff;
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #1980ff;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: ' ';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #1980ff;
  -webkit-transform: scaleY(0.0001);
      -ms-transform: scaleY(0.0001);
          transform: scaleY(0.0001);
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  -o-text-overflow: clip;
     text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #1980ff;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-6.53553391px) rotate(45deg);
      -ms-transform: translateY(-6.53553391px) rotate(45deg);
          transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(6.53553391px) rotate(45deg);
      -ms-transform: translateX(6.53553391px) rotate(45deg);
          transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-6.53553391px) rotate(45deg);
      -ms-transform: translateX(-6.53553391px) rotate(45deg);
          transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(6.53553391px) rotate(45deg);
      -ms-transform: translateY(6.53553391px) rotate(45deg);
          transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___3j4Xs {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.header___3c-wu {
  border-bottom: 1px solid #d1d1d1;
  -webkit-box-shadow: 0 2px 0 0 #0000000b;
          box-shadow: 0 2px 0 0 #0000000b;
  position: fixed;
  width: 100%;
  padding: 8px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 52px;
  background-color: #fff;
  z-index: 999;
}
.header___3c-wu .ant-menu.ant-menu-inline {
  border-right: none;
}
.header___3c-wu .ant-menu-item {
  padding-left: 14px !important;
}
.header___3c-wu .ant-menu-horizontal {
  border: none;
  display: inline-block;
}
.header___3c-wu .ant-menu-horizontal .ant-menu-item {
  padding: 0;
  margin: 0 20px;
}
.header___3c-wu .ant-menu-horizontal > .ant-menu-submenu {
  float: right;
}
.header___3c-wu .ant-layout-sider {
  position: absolute;
  top: 47px;
}
.header___3c-wu .ant-menu-submenu-title {
  margin: 0;
  padding: 0 16px;
  text-align: right;
}
.header___3c-wu .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: 0;
  text-align: left;
}
.header___3c-wu .leftWrapper___1HllY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.header___3c-wu .leftWrapper___1HllY .logo___1gj-v {
  text-align: center;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header___3c-wu .leftWrapper___1HllY .logo___1gj-v img {
  height: 28px;
  margin-right: 12px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.header___3c-wu .leftWrapper___1HllY .logo___1gj-v span {
  vertical-align: text-bottom;
  font-size: 20px;
  line-height: 36px;
  height: 36px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  color: #242424;
}
.header___3c-wu .leftWrapper___1HllY .logo___1gj-v .anticon___h5teo {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.header___3c-wu .rightWrapper___1Ov3m {
  position: relative;
}
.header___3c-wu .rightWrapper___1Ov3m .roleList___DKXAD {
  position: absolute;
  top: 100%;
  right: calc(100% + 6px);
  width: 248px;
  -webkit-box-shadow: 0 0 2px 0 #0000001f, 0 8px 16px 0 #00000024;
          box-shadow: 0 0 2px 0 #0000001f, 0 8px 16px 0 #00000024;
  background: #fff;
  border-radius: 8px;
  padding: 4px;
}
.header___3c-wu .rightWrapper___1Ov3m .roleList___DKXAD .roleItem___2enfg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #424242;
  cursor: pointer;
}
.header___3c-wu .userBox___2CLm8 {
  padding: 0 8px;
  height: 40px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
}
.header___3c-wu .userBox___2CLm8:hover .popoverItem___2mDq7 {
  height: auto;
  margin-bottom: 5px;
}
.header___3c-wu .userBox___2CLm8:hover .popoverItem___2mDq7:nth-of-type(1),
.header___3c-wu .userBox___2CLm8:hover .popoverItem___2mDq7:nth-last-of-type(1) {
  height: 0;
  cursor: auto;
}
.header___3c-wu .userBox___2CLm8:hover .popoverMenuList___2aSEn {
  height: auto;
}
.header___3c-wu .userBox___2CLm8 .menuItemPopover___3cZPX {
  position: absolute;
  right: 0;
  top: 45px;
  min-width: 200px;
  height: auto;
  background: #fff;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  border-radius: 8px;
  cursor: auto;
  -webkit-box-shadow: 0 0 2px 0 #0000001f, 0 8px 16px 0 #00000024;
          box-shadow: 0 0 2px 0 #0000001f, 0 8px 16px 0 #00000024;
}
.header___3c-wu .userBox___2CLm8 .menuItemPopover___3cZPX::before {
  position: absolute;
  top: -14px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.header___3c-wu .userBox___2CLm8 .menuItemPopover___3cZPX .popoverList___3le-j {
  padding: 0 8px;
  max-height: 50vh;
  overflow-y: auto;
}
.header___3c-wu .userBox___2CLm8 .menuItemPopover___3cZPX .popoverItem___2mDq7 {
  width: 100%;
  height: 0;
  overflow: hidden;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  position: relative;
  z-index: 2;
  padding: 0 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header___3c-wu .userBox___2CLm8 .menuItemPopover___3cZPX .popoverItem___2mDq7:nth-last-of-type(1) {
  margin-bottom: 0;
}
.header___3c-wu .userBox___2CLm8 .menuItemPopover___3cZPX .popoverItem___2mDq7:hover {
  overflow: initial;
  background-color: rgba(25, 128, 255, 0.2);
  color: #242424;
}
.headerMenu___3Ce3n {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
}
.headerMenu___3Ce3n .menuItem___3OeXl {
  padding: 6px 8px 6px 16px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
}
.headerMenu___3Ce3n .menuItem___3OeXl > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #616161;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerMenu___3Ce3n .menuItem___3OeXl.withNav___2qQ_0:hover .popoverItem___2mDq7 {
  height: auto;
  margin-bottom: 5px;
}
.headerMenu___3Ce3n .menuItem___3OeXl.withNav___2qQ_0:hover .popoverItem___2mDq7:nth-of-type(1),
.headerMenu___3Ce3n .menuItem___3OeXl.withNav___2qQ_0:hover .popoverItem___2mDq7:nth-last-of-type(1) {
  height: 0;
  cursor: auto;
}
.headerMenu___3Ce3n .menuItem___3OeXl.withNav___2qQ_0:hover .popoverMenuList___2aSEn {
  height: auto;
}
.headerMenu___3Ce3n .menuItem___3OeXl.withNav___2qQ_0:hover .menuItemPopover___3cZPX::before {
  position: absolute;
  top: -14px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.headerMenu___3Ce3n .menuItem___3OeXl.withNav___2qQ_0:hover .placeholderItem___3LQj4 {
  height: 16px;
  cursor: auto;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX {
  position: absolute;
  left: 0;
  top: 45px;
  min-width: 200px;
  height: auto;
  background: #fff;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  border-radius: 8px;
  cursor: auto;
  -webkit-box-shadow: 0 0 2px 0 #0000001f, 0 8px 16px 0 #00000024;
          box-shadow: 0 0 2px 0 #0000001f, 0 8px 16px 0 #00000024;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverList___3le-j {
  padding: 0 8px;
  max-height: 50vh;
  overflow-y: auto;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverMenuList___2aSEn {
  height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px;
  gap: 12px;
  border-radius: 8px;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverMenuList___2aSEn .divider___2-BS2 {
  border-left: 1px solid #f0f0f0;
  margin: 0 4px;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverMenuList___2aSEn .menuGroup___adooi {
  width: 196px;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverMenuList___2aSEn .menuGroup___adooi .menuGroupTitle___dmx7B {
  position: relative;
  padding-left: 14px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
  color: #1980ff;
  margin-bottom: 12px;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverMenuList___2aSEn .menuGroup___adooi .menuGroupTitle___dmx7B span {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 4px;
  border-radius: 2px;
  background: #1980ff;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverMenuList___2aSEn .menuGroup___adooi .childrenList___2_VrG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  padding-left: 8px;
  padding-right: 4px;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverMenuList___2aSEn .menuGroup___adooi .childrenList___2_VrG .childrenMenuItem___1HPff {
  position: relative;
  z-index: 2;
  color: #424242;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  padding: 6px 8px;
  cursor: pointer;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverMenuList___2aSEn .menuGroup___adooi .childrenList___2_VrG .childrenMenuItem___1HPff:hover {
  background-color: rgba(25, 128, 255, 0.2);
  color: #242424;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverMenuList___2aSEn:hover {
  overflow: initial;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverItem___2mDq7 {
  width: 100%;
  height: 0;
  overflow: hidden;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  position: relative;
  z-index: 2;
  padding: 0 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverItem___2mDq7:nth-last-of-type(1) {
  margin-bottom: 0;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopover___3cZPX .popoverItem___2mDq7:hover {
  overflow: initial;
  background-color: rgba(25, 128, 255, 0.2);
  color: #242424;
}
.headerMenu___3Ce3n .menuItem___3OeXl .menuItemPopoverGroup___2-oZb {
  position: absolute;
  left: 50%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #429eff;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #1980ff;
  background-color: #e6f5ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #e6f5ff;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1980ff;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #1980ff;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #429eff;
  background-color: #fff;
  border-color: #429eff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: #0b61d9;
  background-color: #fff;
  border-color: #0b61d9;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #1980ff;
  border-color: #1980ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #429eff;
  border-color: #429eff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #0b61d9;
  border-color: #0b61d9;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #429eff;
  border-left-color: #429eff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #429eff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #429eff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #429eff;
  background-color: transparent;
  border-color: #429eff;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #0b61d9;
  background-color: transparent;
  border-color: #0b61d9;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #429eff;
  background-color: #fff;
  border-color: #429eff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #0b61d9;
  background-color: #fff;
  border-color: #0b61d9;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background-color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #1980ff;
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #429eff;
  background-color: transparent;
  border-color: #429eff;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: #0b61d9;
  background-color: transparent;
  border-color: #0b61d9;
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 38px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
  width: 40px;
  height: 40px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1980ff;
  background-color: transparent;
  border-color: #1980ff;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #429eff;
  background-color: transparent;
  border-color: #429eff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #0b61d9;
  background-color: transparent;
  border-color: #0b61d9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  background-color: transparent;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #d9363e;
  background-color: transparent;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: #1980ff;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: #429eff;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: #0b61d9;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___3nMKX {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.bread___1C4Dh {
  height: 47px;
  line-height: 47px;
  padding: 0 24px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.36s;
  -o-transition: all 0.36s;
  transition: all 0.36s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
}
.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  -webkit-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch::after {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}
.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px;
}
.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}
.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #1980ff;
}
.ant-switch:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.ant-switch:focus:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}
.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}
.ant-switch-small::after {
  width: 12px;
  height: 12px;
}
.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px;
}
.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  -webkit-transform: scale(0.66667);
      -ms-transform: scale(0.66667);
          transform: scale(0.66667);
}
.ant-switch-checked {
  background-color: #1980ff;
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}
.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed;
}
@-webkit-keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
            transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
            transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
            transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
            transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___1hLVq {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.layout___131Zw {
  position: relative;
  height: 100vh;
}
.layout___131Zw.withnavbar___1mh1T .main___2Xh6B {
  margin-left: 0;
}
.layout___131Zw.fold___3gSZx .sider___3jGFY {
  width: 42px;
}
.layout___131Zw.fold___3gSZx .sider___3jGFY .logo___265wB img {
  width: 28px;
  margin: 6px 7px;
}
.layout___131Zw.fold___3gSZx .sider___3jGFY .ant-menu-root {
  width: 100%;
  overflow: visible;
}
.layout___131Zw.fold___3gSZx .sider___3jGFY .ant-menu-root > .ant-menu-item {
  padding: 0;
  text-align: center;
}
.layout___131Zw.fold___3gSZx .sider___3jGFY .ant-menu-root > .ant-menu-item .anticon {
  font-size: 14px;
  margin-right: 0;
}
.layout___131Zw.fold___3gSZx .sider___3jGFY .ant-menu-root > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
  text-align: center;
}
.layout___131Zw.fold___3gSZx .sider___3jGFY .ant-menu-root > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  font-size: 14px;
  margin-right: 0;
}
.layout___131Zw.fold___3gSZx .sider___3jGFY .ant-menu-root > .ant-menu-submenu > .ant-menu-submenu-title::after {
  display: none;
}
.layout___131Zw.fold___3gSZx .main___2Xh6B {
  margin-left: 0;
}
.layout___131Zw .sider___3jGFY {
  width: 224px;
  background: #3e3e3e;
  position: absolute;
  overflow: visible;
  padding-bottom: 24px;
  height: 100vh;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.01);
          box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.01);
  color: #999;
}
.layout___131Zw .sider___3jGFY.light___-v9fH {
  background: #fff;
}
.layout___131Zw .sider___3jGFY.light___-v9fH .switchtheme___YDQf- {
  background: #fff;
  border-top: solid 1px #f8f8f8;
}
.layout___131Zw .sider___3jGFY .logo___265wB {
  text-align: center;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  margin: 28px 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  overflow: hidden;
}
.layout___131Zw .sider___3jGFY .logo___265wB img {
  width: 40px;
  margin-right: 8px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.layout___131Zw .sider___3jGFY .logo___265wB span {
  vertical-align: text-bottom;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
}
.layout___131Zw .sider___3jGFY .logo___265wB .anticon___1rL9H {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.layout___131Zw .sider___3jGFY .switchtheme___YDQf- {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 48px;
  background-color: #494949;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px 0 24px;
  overflow: hidden;
  z-index: 1000;
}
.layout___131Zw .sider___3jGFY .switchtheme___YDQf- span {
  white-space: nowrap;
  overflow: hidden;
}
.layout___131Zw .sider___3jGFY .switchtheme___YDQf- .anticon {
  min-width: 14px;
  margin-right: 8px;
  font-size: 14px;
}
.layout___131Zw .sider___3jGFY .ant-menu-dark,
.layout___131Zw .sider___3jGFY .ant-menu-dark .ant-menu-sub {
  color: #fff;
}
.layout___131Zw .sider___3jGFY .ant-menu-root {
  height: calc(100vh - 144px);
  overflow-x: hidden;
  border-right: none;
}
.layout___131Zw .sider___3jGFY .ant-menu-root::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.layout___131Zw .sider___3jGFY .ant-menu-root:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.layout___131Zw .sider___3jGFY .ant-menu-root.ant-menu-vertical .ant-menu-sub {
  height: 0;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.layout___131Zw .sider___3jGFY .ant-menu-root.ant-menu-vertical .ant-menu-submenu-active .ant-menu-sub {
  height: auto;
  opacity: 1;
}
.layout___131Zw .sider___3jGFY .ant-menu {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.layout___131Zw .sider___3jGFY .ant-menu .ant-menu-item,
.layout___131Zw .sider___3jGFY .ant-menu .ant-menu-submenu-title {
  overflow: hidden;
  white-space: normal;
}
.layout___131Zw .main___2Xh6B {
  margin-left: 0;
  overflow: auto;
  height: 100vh;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.layout___131Zw .main___2Xh6B .content-inner {
  background: #fff;
  padding: 24px;
  -webkit-box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.01);
          box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.01);
  min-height: calc(100vh - 144px);
}
.layout___131Zw .main___2Xh6B .container___W0F8z {
  padding: 52px 24px 0;
  -webkit-animation: width___2NGO3 0.2s;
          animation: width___2NGO3 0.2s;
  overflow-x: hidden;
}
.layout___131Zw .main___2Xh6B .insideAllScreen___1pb1- {
  padding: 52px 24px 0;
  -webkit-animation: narrow___DHXwP 0.2s;
          animation: narrow___DHXwP 0.2s;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 1920px;
}
.layout___131Zw .main___2Xh6B .insideAllScreenExpand___3hxE9 {
  padding: 52px 0 24px;
  -webkit-animation: width___2NGO3 0.2s;
          animation: width___2NGO3 0.2s;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 1920px;
}
.layout___131Zw .main___2Xh6B .fullScreen___1lJMM {
  padding: 0 24px;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.layout___131Zw .main___2Xh6B .fullScreen___1lJMM div::-webkit-scrollbar {
  width: 0;
}
.layout___131Zw .main___2Xh6B .fullScreen___1lJMM div::-webkit-scrollbar-thumb {
  color: transparent;
}
.layout___131Zw .main___2Xh6B .fullScreen___1lJMM div::-webkit-scrollbar-track {
  color: transparent;
}
.layout___131Zw .main___2Xh6B .isInspect___3Iit1 {
  padding: 52px 0 0;
  min-width: unset;
}
.layout___131Zw .main___2Xh6B .isInspect___3Iit1.fullScreen___1lJMM {
  padding: 0;
}
@-webkit-keyframes width___2NGO3 {
  from {
    margin-left: 80px;
  }
  to {
    margin-left: 200px;
  }
}
@keyframes width___2NGO3 {
  from {
    margin-left: 80px;
  }
  to {
    margin-left: 200px;
  }
}
.layout___131Zw .main___2Xh6B .marginNarrow___161YR {
  padding: 52px 24px 0;
  -webkit-animation: narrow___DHXwP 0.2s;
          animation: narrow___DHXwP 0.2s;
  overflow-x: hidden;
}
@-webkit-keyframes narrow___DHXwP {
  from {
    margin-left: 200px;
  }
  to {
    margin-left: 80px;
  }
}
@keyframes narrow___DHXwP {
  from {
    margin-left: 200px;
  }
  to {
    margin-left: 80px;
  }
}
.layout___131Zw .main___2Xh6B .content___1HWSz {
  min-height: calc(100vh - 100px);
  position: relative;
}
.layout___131Zw .main___2Xh6B .allScreenContent___22kdY {
  min-height: calc(100vh);
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 {
  opacity: 0.7;
  position: fixed;
  width: calc(100vw - 135px);
  height: 100vh;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn {
  width: 590px;
  margin: 0 auto;
  display: block;
  height: 100px;
  position: absolute;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn:nth-of-type(1) {
  left: 50%;
  margin-left: -275px;
  margin-top: -246px;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn:nth-of-type(2) {
  left: 50%;
  top: 50%;
  margin-top: -100px;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .gxtBall___30ekP {
  float: right;
  position: relative;
  width: 292px;
  height: 292px;
  margin: 24px 146px 0 0;
  border-radius: 50%;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .gxtBall___30ekP em {
  position: absolute;
  z-index: 10;
  height: 189px;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .gxtBall___30ekP em .bgImg___11M-1 {
  width: 292px;
  height: 125px;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .gxtBall___30ekP span {
  margin-top: 125px;
  display: block;
  clear: both;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .gxtBall___30ekP span .bgImg___11M-1 {
  width: 292px;
  height: 270px;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .pathway___hfPaQ {
  position: absolute;
  right: 47%;
  top: 210px;
  z-index: 0;
  height: 520px;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .pathway___hfPaQ > .contentPathway___3KbIP {
  position: relative;
  z-index: 0;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .pathway___hfPaQ > .contentPathway___3KbIP > div {
  position: absolute;
  top: -48px;
  margin-left: -248px;
  margin-top: -220px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  border: 2px solid rgba(46, 127, 186, 0.3);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateX(72deg) rotateY(-4deg);
          transform: rotateX(72deg) rotateY(-4deg);
  z-index: 0;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .pathway___hfPaQ > .contentPathway___3KbIP > div:nth-of-type(1) {
  border: 2px solid rgba(46, 127, 186, 0.3);
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .pathway___hfPaQ > .contentPathway___3KbIP > div:nth-of-type(1) .boxTransform___2yuKx {
  width: 420px;
  height: 420px;
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: trail____3yh1C 5s infinite linear;
          animation: trail____3yh1C 5s infinite linear;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .pathway___hfPaQ > .contentPathway___3KbIP > div:nth-of-type(1) .boxTransform___2yuKx::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-animation: particle____pUoIT 5s infinite linear;
          animation: particle____pUoIT 5s infinite linear;
  margin: 0;
  background: -webkit-radial-gradient(18px 16px, circle, #5cabff, #000);
}
@-webkit-keyframes trail____3yh1C {
  from {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  to {
    -webkit-transform: rotateZ(-360deg);
            transform: rotateZ(-360deg);
  }
}
@keyframes trail____3yh1C {
  from {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  to {
    -webkit-transform: rotateZ(-360deg);
            transform: rotateZ(-360deg);
  }
}
@-webkit-keyframes particle____pUoIT {
  0% {
    -webkit-transform: rotateX(90deg) rotateY(0) scale(0.5);
            transform: rotateX(90deg) rotateY(0) scale(0.5);
  }
  25% {
    -webkit-transform: rotateX(90deg) rotateY(-73deg);
            transform: rotateX(90deg) rotateY(-73deg);
  }
  50% {
    -webkit-transform: rotateX(90deg) rotateY(0);
            transform: rotateX(90deg) rotateY(0);
  }
  75% {
    -webkit-transform: rotateX(90deg) rotateY(77deg);
            transform: rotateX(90deg) rotateY(77deg);
  }
  85% {
    -webkit-transform: rotateX(90deg) rotateY(138deg) scale(0.95);
            transform: rotateX(90deg) rotateY(138deg) scale(0.95);
  }
  100% {
    -webkit-transform: rotateX(90deg) rotateY(200deg) scale(0.5);
            transform: rotateX(90deg) rotateY(200deg) scale(0.5);
  }
}
@keyframes particle____pUoIT {
  0% {
    -webkit-transform: rotateX(90deg) rotateY(0) scale(0.5);
            transform: rotateX(90deg) rotateY(0) scale(0.5);
  }
  25% {
    -webkit-transform: rotateX(90deg) rotateY(-73deg);
            transform: rotateX(90deg) rotateY(-73deg);
  }
  50% {
    -webkit-transform: rotateX(90deg) rotateY(0);
            transform: rotateX(90deg) rotateY(0);
  }
  75% {
    -webkit-transform: rotateX(90deg) rotateY(77deg);
            transform: rotateX(90deg) rotateY(77deg);
  }
  85% {
    -webkit-transform: rotateX(90deg) rotateY(138deg) scale(0.95);
            transform: rotateX(90deg) rotateY(138deg) scale(0.95);
  }
  100% {
    -webkit-transform: rotateX(90deg) rotateY(200deg) scale(0.5);
            transform: rotateX(90deg) rotateY(200deg) scale(0.5);
  }
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .pathway___hfPaQ > .contentPathway___3KbIP > div:nth-of-type(2) {
  -webkit-transform: rotateX(71deg) rotateY(-4deg);
  -ms-transform: rotateX(71deg) rotateY(-4deg);
  transform: rotateX(71deg) rotateY(-4deg);
  height: 570px;
  width: 552px;
  top: -50px;
  margin-top: -280px;
  margin-left: -304px;
  z-index: -1;
}
.layout___131Zw .main___2Xh6B .contentPlanetWapper___sRgQ7 .contentPlanet___1v2bn .pathway___hfPaQ > .contentPathway___3KbIP > div:nth-of-type(3) {
  -webkit-transform: rotateX(74deg) rotateY(-4deg);
          transform: rotateX(74deg) rotateY(-4deg);
  height: 340px;
  width: 340px;
  left: 50%;
  top: -56px;
  margin-top: -180px;
  margin-left: -206px;
  z-index: 0;
  border: 1px solid rgba(46, 127, 186, 0.5);
}
.layout___131Zw .loadingWrapper___sq7PV {
  text-align: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: Center;
  -webkit-align-items: Center;
      -ms-flex-align: Center;
          align-items: Center;
}
.layout___131Zw .pageTitle___1ABnd {
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -60px;
  text-shadow: 0 0 30px;
}
.ant-menu-dark {
  background-color: #252525;
}
.ant-menu-dark .ant-menu-submenu-title:hover,
.ant-menu-dark .ant-menu-submenu:hover {
  color: #ff8d0c;
  font-weight: bolder;
}
.ant-menu-dark .ant-menu-sub {
  color: #fff;
}
.ant-menu-dark .ant-menu-submenu-selected {
  color: #ff8d0c;
  font-weight: bolder;
}
.ant-menu-dark .ant-menu-submenu-selected:not(.ant-menu-submenu-open) {
  background-color: #252525;
}
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-submenu-title > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #ff8d0c;
  font-weight: bolder;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item-selected {
  color: #ff8d0c;
  font-weight: bolder;
  background-color: #252525;
}
.ant-menu-dark .ant-menu-item-selected {
  background-color: #252525 !important;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #ff8d0c;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #ff8d0c;
}
.ant-menu-dark .ant-menu-item-selected > a {
  color: #ff8d0c;
  font-weight: bolder;
}
.ant-menu-dark .ant-menu-item-selected:hover {
  background-color: #252525;
}
.spin___2p2O7 .ant-spin-container {
  height: 100vh;
}
@media (max-width: 767px) {
  .layout___131Zw .main___2Xh6B .container___W0F8z {
    margin: 12px;
  }
  .layout___131Zw .main___2Xh6B .bread___3v_Gq {
    padding: 0 12px;
  }
  .layout___131Zw .main___2Xh6B .content___1HWSz {
    min-height: calc(100vh - 120px);
  }
  .layout___131Zw .main___2Xh6B .content-inner {
    padding: 12px;
    min-height: calc(100vh - 120px);
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___1MmBK {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.footer___2sTB3 {
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 12px;
  color: #999;
  -webkit-box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.05);
  width: 100%;
  background: #111;
  position: relative;
  z-index: 1;
}
.navigation___1qC0C {
  width: 200px;
  position: fixed;
  top: 47px;
  bottom: 48px;
}
.navigation___1qC0C .ant-menu {
  height: 100%;
  overflow-y: auto;
}
.navigation___1qC0C .ant-menu .ant-menu-submenu .ant-menu-item {
  padding-left: 30px !important;
}
.navigation___1qC0C .ant-btn {
  color: #fff;
  border: none;
  background: #252525;
  border-radius: 0;
  margin: 0;
  text-align: left;
  height: 48px;
  padding: 0;
  border-top: 1px solid #3A3A3A;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.noHeaderstyle___2oEJO {
  top: 0px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.exception___2aJ0K {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.exception___2aJ0K .imgBlock___2pLzV {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62.5%;
      -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
  width: 62.5%;
  padding-right: 152px;
  zoom: 1;
}
.exception___2aJ0K .imgBlock___2pLzV:before,
.exception___2aJ0K .imgBlock___2pLzV:after {
  content: " ";
  display: table;
}
.exception___2aJ0K .imgBlock___2pLzV:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.exception___2aJ0K .imgEle___BEmAa {
  height: 360px;
  width: 100%;
  max-width: 430px;
  float: right;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.exception___2aJ0K .content___Vjtij {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.exception___2aJ0K .content___Vjtij h1 {
  color: #434e59;
  font-size: 72px;
  font-weight: 600;
  line-height: 72px;
  margin-bottom: 24px;
}
.exception___2aJ0K .content___Vjtij .desc___3v73k {
  color: rgba(0, 0, 0, 0.45);
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}
.exception___2aJ0K .content___Vjtij .actions___2I7s9 button:not(:last-child) {
  margin-right: 8px;
}
@media screen and (max-width: 1200px) {
  .exception___2aJ0K .imgBlock___2pLzV {
    padding-right: 88px;
  }
}
@media screen and (max-width: 576px) {
  .exception___2aJ0K {
    display: block;
    text-align: center;
  }
  .exception___2aJ0K .imgBlock___2pLzV {
    padding-right: 0;
    margin: 0 auto 24px;
  }
}
@media screen and (max-width: 480px) {
  .exception___2aJ0K .imgBlock___2pLzV {
    margin-bottom: -24px;
    overflow: hidden;
  }
}
.wrapper___ce74f {
  width: 600px;
  color: #434e59;
  font-size: 40px;
  font-weight: 500;
  line-height: 72px;
  margin-bottom: 24px;
  text-align: center;
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}
.waterMaskBox___20juO {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.1);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___3IWed {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
body {
  height: 100%;
  overflow-y: hidden;
  background-color: #f8f8f8;
}
::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.ant-breadcrumb > span:last-child {
  color: #999;
  font-weight: normal;
}
.ant-breadcrumb-link .anticon + span {
  margin-left: 4px;
}
.ant-table .ant-table-thead > tr > th {
  text-align: center;
}
.ant-table .ant-table-tbody > tr > td {
  text-align: center;
}
.ant-table.ant-table-small .ant-table-thead > tr > th {
  background: #f7f7f7;
}
.ant-table.ant-table-small .ant-table-body > table {
  padding: 0;
}
.ant-table-middle .ant-table-content .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar {
  width: calc(100% + 9px) !important;
}
.ant-table-pagination {
  float: none !important;
  display: table;
  margin: 16px auto !important;
}
.ant-popover-inner {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
          box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
}
.vertical-center-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.vertical-center-modal .ant-modal {
  top: 0;
}
.vertical-center-modal .ant-modal .ant-modal-body {
  max-height: 80vh;
  overflow-y: auto;
}
.ant-form-item-control {
  vertical-align: middle;
}
.ant-modal-mask {
  background-color: rgba(55, 55, 55, 0.2);
}
.ant-modal-content {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-card:hover {
  overflow: auto;
}
.ant-select-dropdown-menu-item {
  padding: 12px 16px !important;
}
.margin-right {
  margin-right: 16px;
}
a:focus {
  text-decoration: none;
}
@media (min-width: 1600px) {
  .ant-col-xl-48 {
    width: 20%;
  }
  .ant-col-xl-96 {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .ant-card .ant-card-head {
    padding: 0 12px;
  }
  .ant-card .ant-card-body {
    padding: 12px;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___3GLFs {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: #1980ff;
  position: fixed;
  z-index: 1024;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
}
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  -webkit-box-shadow: 0 0 10px #1980ff, 0 0 5px #1980ff;
          box-shadow: 0 0 10px #1980ff, 0 0 5px #1980ff;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #1980ff;
  border-left-color: #1980ff;
  border-radius: 50%;
}
#nprogress .spinner-icon {
  -webkit-animation: nprogress-spinner___2RNg8 400ms linear infinite;
          animation: nprogress-spinner___2RNg8 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
  position: absolute;
}
.main___hW6i_ {
  width: 100%;
  background-size: cover;
  min-height: 900px;
  max-height: 1080px;
}
@-webkit-keyframes nprogress-spinner___2RNg8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner___2RNg8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-notification {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationLeftFadeIn;
          animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #f5222d;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ant-notification-fade-leave {
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationFadeIn;
          animation-name: NotificationFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  -webkit-animation-name: NotificationFadeOut;
          animation-name: NotificationFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@-webkit-keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-radio-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #1980ff;
}
.ant-radio-input:focus + .ant-radio-inner {
  -webkit-box-shadow: 0 0 0 3px rgba(25, 128, 255, 0.08);
          box-shadow: 0 0 0 3px rgba(25, 128, 255, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1980ff;
  border-radius: 50%;
  visibility: hidden;
  -webkit-animation: antRadioEffect 0.36s ease-in-out;
          animation: antRadioEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #1980ff;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #1980ff;
}
.ant-radio-checked .ant-radio-inner::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s;
  -o-transition: color 0.3s, background 0.3s, border-color 0.3s;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #1980ff;
}
.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(25, 128, 255, 0.06);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #1980ff;
  background: #fff;
  border-color: #1980ff;
  -webkit-box-shadow: -1px 0 0 0 #1980ff;
          box-shadow: -1px 0 0 0 #1980ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #1980ff !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #1980ff;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #429eff;
  border-color: #429eff;
  -webkit-box-shadow: -1px 0 0 0 #429eff;
          box-shadow: -1px 0 0 0 #429eff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #0b61d9;
  border-color: #0b61d9;
  -webkit-box-shadow: -1px 0 0 0 #0b61d9;
          box-shadow: -1px 0 0 0 #0b61d9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(25, 128, 255, 0.06);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #1980ff;
  border-color: #1980ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #429eff;
  border-color: #429eff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #0b61d9;
  border-color: #0b61d9;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(25, 128, 255, 0.06);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@-webkit-keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}
.ant-card {
  border-radius: 0;
  margin-bottom: 24px;
}
.pageTitle___1Egom {
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -40px;
  text-shadow: 0 0 30px;
}
.titleWrapper___3ApPb {
  font-size: 20px;
  color: #CBCBCB;
  position: relative;
  margin: 0 10px 0 0;
}
.titleWrapper___3ApPb img {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
}
.titleWrapper___3ApPb .word___E0PU1 {
  margin-left: 44px;
}
.rightTime___GaLDx {
  font-size: 20px;
  color: #f5f5f5;
  position: absolute;
  right: 0;
  top: 0;
}
.learningDynamicWrapper___3N3D3 {
  min-height: 116px;
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 10px 10px 0 36px;
  margin-bottom: 24px;
  position: relative;
}
.learningDynamicWrapper___3N3D3 .titleWrapper___3ApPb {
  font-size: 20px;
  color: #CBCBCB;
  position: relative;
  height: 32px;
  line-height: 32px;
  margin: 0;
}
.learningDynamicWrapper___3N3D3 .titleWrapper___3ApPb .leftTitle___2XMbY {
  line-height: 32px;
}
.learningDynamicWrapper___3N3D3 .titleWrapper___3ApPb .leftTitle___2XMbY img {
  width: 30px;
  height: 30px;
  margin-right: 14px;
  position: absolute;
  left: 0;
  top: 0;
}
.learningDynamicWrapper___3N3D3 .titleWrapper___3ApPb .leftTitle___2XMbY span {
  margin-left: 44px;
}
.learningDynamicWrapper___3N3D3 .chartWrapper___2bRew {
  padding: 16px 0;
}
.learningDynamicWrapper___3N3D3 .chartWrapper___2bRew .chartBox___36wSk {
  display: grid;
  grid-template-columns: repeat(auto-fill, 144px);
  grid-gap: 16px;
}
.learningDynamicWrapper___3N3D3 .chartWrapper___2bRew .chartBox___36wSk .wrapper___6yjxC {
  width: 144px;
  height: 96px;
  border-radius: 4px;
  border: 1px solid #afe3ff;
  position: relative;
}
.learningDynamicWrapper___3N3D3 .chartWrapper___2bRew .chartBox___36wSk .wrapper___6yjxC .title___3P36j {
  color: #EAEAEA;
  font-size: 12px;
  margin: 20px 0 0 0;
  text-align: center;
}
.learningDynamicWrapper___3N3D3 .chartWrapper___2bRew .chartBox___36wSk .wrapper___6yjxC .num___3-H4p {
  color: #e8e8e8;
  font-size: 34px;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
}
.learningDynamicWrapper___3N3D3 .chartWrapper___2bRew .chartBox___36wSk .wrapper___6yjxC .num___3-H4p .unit___15gLx {
  color: #b5b5b5;
  font-size: 10px;
}
.learningDynamicWrapper___3N3D3 .chartWrapper___2bRew .chartBox___36wSk .wrapper___6yjxC .chartWrapper___2bRew {
  width: 100%;
  height: 48px;
  position: absolute;
  bottom: 0;
}
.learningDynamicWrapper___3N3D3 .linkHistry___3TIIB {
  position: absolute;
  right: 36px;
  font-size: 14px;
  bottom: 10px;
}
.learningSituationWrapper___27p9m {
  position: relative;
  min-height: 100px;
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 10px 10px 0 36px;
}
.learningSituationWrapper___27p9m .biaxialWrapper___wONRA {
  position: relative;
  height: 394px;
  margin: 15px 10px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}
.learningSituationWrapper___27p9m .biaxialWrapper___wONRA .ant-radio-group___2GJi4 span {
  color: #f5f5f5;
}
.learningSituationWrapper___27p9m .biaxialWrapper___wONRA .ant-radio-wrapper {
  color: #f5f5f5;
}
.learningSituationWrapper___27p9m .tableWrapper___43vg7 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.learningSituationWrapper___27p9m .dateWrapper___24_G9 {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.learningSituationWrapper___27p9m .dateWrapper___24_G9 .pickWrapper___43V6G span {
  margin-left: 15px;
}
.learningSituationWrapper___27p9m .dateWrapper___24_G9 .pickWrapper___43V6G span input {
  color: #f5f5f5;
  border-color: rgba(230, 247, 255, 0.25);
  background: transparent;
}
.learningSituationWrapper___27p9m .dateWrapper___24_G9 .pickWrapper___43V6G span .ant-calendar-picker-icon:after {
  color: #f5f5f5;
}
.teacherSource___1FQ3i {
  position: relative;
  min-height: 100px;
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 10px 10px 0 36px;
  margin-bottom: 24px;
}
.teacherSource___1FQ3i .sourceWrapper___39TeK {
  padding: 16px 0;
}
.teacherSource___1FQ3i .sourceWrapper___39TeK .sourceBox___eeKzF {
  display: grid;
  grid-template-columns: repeat(auto-fill, 144px);
  grid-gap: 16px;
}
.teacherSource___1FQ3i .sourceWrapper___39TeK .sourceNum___2Nz-3 {
  border: 1px solid #afe3ff;
  border-radius: 5px;
  padding-top: 10px;
  width: 144px;
  font-size: 12px;
  text-align: center;
  color: #EAEAEA;
}
.teacherSource___1FQ3i .sourceWrapper___39TeK .sourceNum___2Nz-3 img {
  margin-right: 2px;
  height: 16px;
}
.teacherSource___1FQ3i .sourceWrapper___39TeK .sourceNum___2Nz-3 .num___3-H4p {
  font-size: 34px;
  color: #FA8F0A;
}
.loadingWrapper___qCvq0 {
  position: absolute;
  background: #00000080;
  z-index: 9999;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: Center;
  -webkit-align-items: Center;
      -ms-flex-align: Center;
          align-items: Center;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-select-selection {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-selection:hover {
  border-color: #429eff;
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #429eff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  -o-transition: color 0.3s ease, opacity 0.15s ease;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-selection__clear::before {
  display: block;
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  position: relative;
  height: 32px;
  cursor: pointer;
}
.ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 24px;
}
.ant-select-no-arrow .ant-select-selection__rendered {
  margin-right: 11px;
}
.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 30px;
}
.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 20px;
}
.ant-select-sm .ant-select-selection--single {
  height: 24px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin-left: 7px;
  line-height: 22px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 12px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-select-search__field__placeholder {
  left: 12px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 32px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 24px;
  margin-top: 3px;
  line-height: 22px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 16px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #429eff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding: 4px 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #e6f5ff;
}
.ant-select-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa;
}
.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #e6f5ff;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: #1980ff;
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 12px;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.selectWrapper___3z-uX {
  color: #fff;
  font-size: 12px;
  margin: 7.5px 0;
  line-height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.selectWrapper___3z-uX .selectBox___1g_b2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.selectWrapper___3z-uX .interval___1dMG7 {
  margin: 0 8px;
}
.selectWrapper___3z-uX .backBtn___3TDNL {
  border: none;
  background: none;
  outline: none;
  color: #fff;
}
.selectWrapper___3z-uX .ant-select {
  border: 0;
}
.selectWrapper___3z-uX .ant-select .ant-select-selection {
  background: transparent;
  border: none;
}
.selectWrapper___3z-uX .ant-select span {
  color: #fff;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
.ant-table-body {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-table-empty .ant-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-layout-fixed table {
  table-layout: fixed;
}
.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  color: #1980ff;
}
.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  -webkit-transform: scale(0.91666667) rotate(0deg);
      -ms-transform: scale(0.91666667) rotate(0deg);
          transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: #1980ff;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em;
}
.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
  /* stylelint-disable-next-line */
  -webkit-background-clip: border-box;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead > tr > th.ant-table-column-has-sorters {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: all 0.3s, border 0s;
  -o-transition: all 0.3s, border 0s;
  transition: all 0.3s, border 0s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #e6f5ff;
}
.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td,
.ant-table-tbody > tr:hover.ant-table-row-selected > td {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover {
  background: none;
}
.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: '';
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e8e8e8;
}
.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #e8e8e8;
}
.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid #e8e8e8;
  border-radius: 4px;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01);
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.ant-table-header {
  overflow: hidden;
  background: #fafafa;
}
.ant-table-header table {
  border-radius: 4px 4px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e8e8e8;
}
.ant-table-placeholder {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}
.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu {
  max-height: 400px;
  overflow-x: hidden;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: #1980ff;
  font-weight: bold;
  text-shadow: 0 0 2px #bde3ff;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8;
}
.ant-table-filter-dropdown-link {
  color: #1980ff;
}
.ant-table-filter-dropdown-link:hover {
  color: #429eff;
}
.ant-table-filter-dropdown-link:active {
  color: #0b61d9;
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection {
  white-space: nowrap;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #bfbfbf;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}
.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6);
}
.ant-table-row-expand-icon {
  color: #1980ff;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: inherit;
  line-height: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  outline: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #429eff;
}
.ant-table-row-expand-icon:active {
  color: #0b61d9;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
.ant-table-row-expanded::after {
  content: '-';
}
.ant-table-row-collapsed::after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced::after {
  content: '.';
}
.ant-table-row-cell-ellipsis,
.ant-table-row-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-table-row-cell-ellipsis .ant-table-column-title {
  display: block;
}
.ant-table-row-cell-break-word {
  word-wrap: break-word;
  word-break: break-word;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll table {
  min-width: 100%;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) {
  color: transparent;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) > * {
  visibility: hidden;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 0 0 1px 0;
}
.ant-table-hide-scrollbar {
  scrollbar-color: transparent transparent;
  min-width: unset;
}
.ant-table-hide-scrollbar::-webkit-scrollbar {
  min-width: inherit;
  background-color: transparent;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 1px 1px 1px 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {
  border-right-color: transparent;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: auto;
  overflow: hidden;
  border-radius: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
          box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}
.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  right: 0;
  -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
          box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table colgroup > col.ant-table-selection-col {
  width: 60px;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
/**
* Another fix of Firefox:
*/
@supports (-moz-appearance: meterbar) {
  .ant-table-thead > tr > th.ant-table-column-has-actions {
    background-clip: padding-box;
  }
}
.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-content > .ant-table-footer {
  padding: 12px 8px;
}
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 12px 8px;
}
.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -12px -8px -13px;
}
.ant-table-small {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-content > .ant-table-footer {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer {
  background-color: transparent;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer::before {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0;
}
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: transparent;
  border-radius: 4px 4px 0 0;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr > th.ant-table-row-cell-last,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px;
}
.ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  border-radius: 0 0 4px 4px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #1980ff;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1980ff;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  -o-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  -o-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1980ff;
  border-color: #1980ff;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1980ff;
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #1980ff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #1980ff;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1980ff;
}
.ant-pagination-item-active a {
  color: #1980ff;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #429eff;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #429eff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  -webkit-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  color: #1980ff;
  letter-spacing: -1px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #429eff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #1980ff;
  border-color: #1980ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #429eff;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #429eff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1980ff;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.colWord___j3PXD {
  min-width: 100px;
}
.colNum___1J5J1 {
  width: 80px;
}
.colNumber___ru4_3 {
  width: 68px;
}
.wrapper___Drpek {
  width: 144px;
  height: 96px;
  border-radius: 4px;
  border: 1px solid #afe3ff;
  position: relative;
  margin: 10px 30px 0;
}
.wrapper___Drpek .title___27rKw {
  color: #EAEAEA;
  font-size: 12px;
  margin: 20px 0 0 0;
  text-align: center;
}
.wrapper___Drpek .num___1Izyc {
  color: #FA8F0A;
  font-size: 34px;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
}
.wrapper___Drpek .num___1Izyc .unit___2kmiV {
  color: #86603B;
  font-size: 10px;
}
.wrapper___Drpek .chartWrapper___2pvi0 {
  width: 100%;
  height: 48px;
  position: absolute;
  bottom: 0;
}
.chartWrapper___2pvi0 {
  width: 100%;
  height: 48px;
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 1366px) and (max-width: 1366px) {
  .wrapper___Drpek {
    margin: 10px 15px 0;
  }
}
.logoGatherWrapper___1ouXe {
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.logoGatherWrapper___1ouXe .pointWrapper___2P5sU {
  position: absolute;
}
.logoGatherWrapper___1ouXe .pointWrapper___2P5sU .point___2uHsH {
  border-radius: 100%;
}
.logoGatherWrapper___1ouXe .rightSide___3Au-L {
  width: 300px;
  height: 360px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.rowWrapper___2gccF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 32px;
  line-height: 32px;
}
.rowWrapper___2gccF:nth-of-type(2n-1) {
  background-color: rgba(10, 0, 0, 0.2);
}
.rowWrapper___2gccF .rank___3tXWo {
  width: 32px;
  background-color: transparent;
  color: #e6e6e6;
  line-height: 32px;
  text-align: center;
  height: 32px;
}
.rowWrapper___2gccF .name___pXOmd {
  font-size: 12px;
  color: #bfbfbf;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: calc(100% - 98px);
}
.rowWrapper___2gccF .teacherName___2nIa0 {
  margin-left: 12px;
}
.rowWrapper___2gccF .numWrapper___1cdfA {
  font-size: 12px;
  color: #bfbfbf;
  width: 66px;
  height: 32px;
  position: relative;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.rowWrapper___2gccF .numWrapper___1cdfA .num___2kI5Q {
  text-align: right;
  position: absolute;
  right: 25px;
  height: 32px;
}
.rowWrapper___2gccF .numWrapper___1cdfA .upWrapper___2U40x {
  position: absolute;
  right: 10px;
  width: 10px;
  height: 32px;
}
.rankTableWrapper___2cME2 {
  width: 100%;
  min-height: 380px;
  margin-right: 0;
  position: relative;
}
.rankTableWrapper___2cME2 .topTitle___17Jt2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.rankTableWrapper___2cME2 .topTitle___17Jt2 .tableName___kLhC7 {
  font-size: 14px;
  color: #afb2b1;
  font-weight: bolder;
  width: 100%;
  line-height: 32px;
}
.rankTableWrapper___2cME2 .tableHead___17OZN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  color: #147DFF;
  position: relative;
  margin-bottom: 8px;
}
.rankTableWrapper___2cME2 .tableHead___17OZN .headRank___33dqf {
  width: 35px;
  margin-right: 15px;
}
.rankTableWrapper___2cME2 .tableHead___17OZN .headLast___wJiXs {
  position: absolute;
  right: 0;
}
.rankTableWrapper___2cME2 .noRowsWrapper___1mPAn {
  position: absolute;
  top: 28px;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: Center;
  -webkit-align-items: Center;
      -ms-flex-align: Center;
          align-items: Center;
  color: #ccc;
}
.wrapper___2tUN3 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-calendar-picker-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
}
.ant-calendar-picker-input.ant-input {
  line-height: 1.5;
}
.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #429eff;
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #429eff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-picker-clear {
  z-index: 2;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
}
.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}
.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input:placeholder-shown {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-header a:hover {
  color: #429eff;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-next-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-body {
  padding: 8px 12px;
}
.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
}
.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  height: 30px;
  padding: 3px 0;
}
.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
  outline: none;
}
.ant-calendar-date:hover {
  background: #e6f5ff;
  cursor: pointer;
}
.ant-calendar-date:active {
  color: #fff;
  background: #429eff;
}
.ant-calendar-today .ant-calendar-date {
  color: #1980ff;
  font-weight: bold;
  border-color: #1980ff;
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #bde3ff;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date,
.ant-calendar-last-month-cell .ant-calendar-date:hover,
.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5;
}
.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: '';
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  content: ' ';
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  display: block;
  text-align: center;
}
.ant-calendar-footer-extra {
  text-align: left;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px;
}
.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
  text-indent: 43px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  color: #fff;
  background-color: #1980ff;
  border-color: #1980ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 22px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #429eff;
  border-color: #429eff;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #0b61d9;
  border-color: #0b61d9;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input:placeholder-shown {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none;
}
.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}
.ant-calendar-range-part {
  position: relative;
  width: 50%;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid #e8e8e8;
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
  color: #1980ff;
  background: #bde3ff;
  border-color: #1980ff;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: #1980ff;
  border: 1px solid transparent;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: #1980ff;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  line-height: 24px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:placeholder-shown,
.ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #429eff;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #429eff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: #e6f5ff;
  border: 0;
  border-radius: 0;
  content: '';
}
.ant-calendar-range .ant-calendar-footer-extra {
  float: left;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header,
.ant-calendar-range .ant-calendar-decade-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body,
.ant-calendar-range .ant-calendar-decade-panel-body {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff;
}
.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  height: 226px;
  overflow: hidden;
  font-size: 14px;
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-calendar-time-picker-select li {
  width: 100%;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  list-style: none;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: '';
}
.ant-calendar-time-picker-select li:hover {
  background: #e6f5ff;
}
.ant-calendar-time-picker-select li:focus {
  color: #1980ff;
  font-weight: 600;
  outline: none;
}
li.ant-calendar-time-picker-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-month-panel > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.ant-calendar-month-panel-header a:hover {
  color: #429eff;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-calendar-month-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: #1980ff;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: #1980ff;
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: #e6f5ff;
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-year-panel > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.ant-calendar-year-panel-header a:hover {
  color: #429eff;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-calendar-year-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: #e6f5ff;
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: #1980ff;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: #1980ff;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.ant-calendar-decade-panel-header a:hover {
  color: #429eff;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-calendar-decade-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: #e6f5ff;
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: #1980ff;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: #1980ff;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}
.ant-calendar-week-number-cell {
  opacity: 0.5;
}
.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #e6f5ff;
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: #bde3ff;
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:placeholder-shown {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #429eff;
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: #429eff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #1980ff;
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #429eff;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 49px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
  padding-right: 22px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  vertical-align: 0;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-textarea-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-textarea-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-time-picker-panel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input:placeholder-shown {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-time-picker-panel-input-invalid {
  border-color: #f5222d;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 14px;
  border-left: 1px solid #e8e8e8;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  width: 56px;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-time-picker-panel-select li:focus {
  color: #1980ff;
  font-weight: 600;
  outline: none;
}
.ant-time-picker-panel-select li:hover {
  background: #e6f5ff;
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
li.ant-time-picker-panel-select-option-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  font-weight: inherit;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-time-picker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:placeholder-shown {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-time-picker-input:hover {
  border-color: #429eff;
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: #429eff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .ant-input {
      line-height: 1.5;
    }
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
:root .ant-tag .anticon-close {
  font-size: 12px;
}
.ant-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1980ff;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #1980ff;
}
.ant-tag-checkable:active {
  background-color: #0b61d9;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.datePickerWrapper___5R6ZM span {
  margin-left: 15px;
}
.datePickerWrapper___5R6ZM span input {
  color: rgba(0, 0, 0, 0.85);
  border-color: rgba(230, 247, 255, 0.25);
  background: transparent;
}
.datePickerWrapper___5R6ZM span i {
  color: rgba(0, 0, 0, 0.85);
}
.datePickerWrapper___5R6ZM span .ant-calendar-picker-icon:after {
  color: rgba(0, 0, 0, 0.85);
}
.wrapper___3bjrz {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.wrapper___3bjrz .tableHead___3KI2Y {
  font-size: 14px;
  color: #222;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___3bjrz .tableHead___3KI2Y > div {
  padding: 16px;
  border-bottom: 1px solid #e9eaec;
  border-right: 1px solid #e9eaec;
  width: 20%;
  text-align: center;
}
.wrapper___3bjrz .tableBody___1Zxqc {
  width: 100%;
  text-align: center;
}
.wrapper___3bjrz .tableBody___1Zxqc > button {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: none;
  margin: 0;
  background-color: transparent;
  outline: none;
  padding: 0;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .courseInfoRow___1k_6s {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .courseInfoRow___1k_6s .courseInfoCell___2jWta {
  width: 20%;
  text-align: left;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .courseInfoRow___1k_6s .courseInfoCell___2jWta > div {
  width: 100%;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .courseInfoRow___1k_6s .courseInfoCell___2jWta .infoOrgName___1vVdI {
  font-size: 12px;
  color: #ccc;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .courseInfoRow___1k_6s > div {
  border-right: 1px solid #e9eaec;
  border-bottom: 1px solid #e9eaec;
  width: 20%;
  padding: 0 16px;
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 20px;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .courseInfoRow___1k_6s > div .rank___2EXDD {
  color: #000;
  text-align: center;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .courseInfoRow___1k_6s .textAlign___nYsbv {
  text-align: left;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .courseInfoRow___1k_6s .numTextAlign___1CMzj {
  text-align: right;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .row___39Gl6 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .row___39Gl6 > div {
  border-right: 1px solid #e9eaec;
  border-bottom: 1px solid #e9eaec;
  width: 20%;
  padding: 0 16px;
  text-align: left;
  line-height: 48px;
  height: 48px;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .row___39Gl6 > div .rank___2EXDD {
  color: #000;
  text-align: center;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .row___39Gl6 .textAlign___nYsbv {
  text-align: left;
}
.wrapper___3bjrz .tableBody___1Zxqc > button .row___39Gl6 .numTextAlign___1CMzj {
  text-align: right;
}
.wrapper___3bjrz .tableBody___1Zxqc .dataEmpty___32tuU {
  position: relative;
  z-index: 1;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.wrapper___3bjrz .tableBody___1Zxqc .dataEmpty___32tuU > i {
  display: block;
  font-size: 60px;
  color: #e8e8e8;
}
.topWrapper___tnjo2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.topWrapper___tnjo2 .pickerWrapper___3gWYf {
  position: absolute;
  right: 0;
  margin: 7.5px 0;
}
.topWrapper___tnjo2 .pickerWrapper___3gWYf span {
  margin-left: 10px;
}
.contentTable___2g8S8 {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 18px 76px 20px 76px;
}
.contentTable___2g8S8 .topTitle___2iz_j {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
}
.contentTable___2g8S8 .topTitle___2iz_j .tableName___27BJr {
  font-size: 14px;
  font-weight: bolder;
  width: 100%;
  line-height: 28px;
}
.contentTable___2g8S8 .topTitle___2iz_j .tableName___27BJr img {
  margin-bottom: -6px;
}
.paginationWrapper___I_Viu {
  text-align: center;
  margin-top: 20px;
}
.tableWrapper___mzWrP {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.tableWrapper___mzWrP .tableHead___2GR4J {
  font-size: 14px;
  font-weight: bolder;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.tableWrapper___mzWrP .tableHead___2GR4J > div {
  width: 20%;
  text-align: center;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 30px;
}
.tableWrapper___mzWrP .tableBody___18n7t {
  width: 100%;
  text-align: center;
}
.tableWrapper___mzWrP .tableBody___18n7t > button {
  padding: 0 30px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: none;
  margin: 0;
  background-color: transparent;
  outline: none;
  height: 48px;
  line-height: 48px;
  padding: 0;
}
.tableWrapper___mzWrP .tableBody___18n7t > button .courseInfoCell___3cqJz {
  width: 20%;
  text-align: center;
}
.tableWrapper___mzWrP .tableBody___18n7t > button .courseInfoCell___3cqJz > div {
  width: 100%;
}
.tableWrapper___mzWrP .tableBody___18n7t > button .courseInfoCell___3cqJz .infoOrgName___2h9uR {
  font-size: 12px;
  color: #ccc;
}
.tableWrapper___mzWrP .tableBody___18n7t > button .row___25Ywk {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.tableWrapper___mzWrP .tableBody___18n7t > button .row___25Ywk > div {
  text-align: left;
  width: 20%;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 16px;
}
.tableWrapper___mzWrP .tableBody___18n7t > button .row___25Ywk > div .rank___1YwJK {
  width: 18px;
  height: 18px;
  background-color: #d8d8d8;
  color: #fff;
  line-height: 18px;
  text-align: left;
  border-radius: 2px;
}
.tableWrapper___mzWrP .tableBody___18n7t > button .row___25Ywk .numText____dKE4 {
  text-align: right;
}
.ant-pagination-item {
  margin-bottom: 0;
}
.ant-card {
  border-radius: 0;
  margin-bottom: 24px;
}
.teachingAnalysisPage___1f7M6 .pageTitle___2qXnJ {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
}
.teachingAnalysisPage___1f7M6 .filterWrapper___1LEA9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.teachingAnalysisPage___1f7M6 .filterWrapper___1LEA9 .ant-calendar-picker {
  margin-left: 15px;
}
.teachingAnalysisPage___1f7M6 .topWrapper___1waCi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-height: 418px;
}
.teachingAnalysisPage___1f7M6 .topWrapper___1waCi .leftPeiWrapper___pTKep {
  min-height: 418px;
  width: calc(70% - 10px);
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 18px 18px 0 18px;
  margin-bottom: 24px;
  position: relative;
}
.teachingAnalysisPage___1f7M6 .topWrapper___1waCi .rightBarwrapper___CNTEH {
  min-height: 418px;
  width: calc(30% - 10px);
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 18px 18px 0 18px;
  margin-bottom: 24px;
  position: relative;
}
.teachingAnalysisPage___1f7M6 .bottomWrapper___30IUv {
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 18px 18px 0 18px;
  margin-bottom: 24px;
  position: relative;
  min-height: 200px;
}
.teachingAnalysisPage___1f7M6 .loadingWrapper___3v8D8 {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: Center;
  -webkit-align-items: Center;
      -ms-flex-align: Center;
          align-items: Center;
}
.chartPie___1UI68 {
  width: 400px;
  height: 400px;
}
.rosePieChart___V0FWV {
  width: 100%;
  height: 100%;
  min-height: 400px;
  min-width: 400px;
}
.circle___ShWSL {
  width: 200px;
  height: 200px;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -100px;
}
.circle___ShWSL .circle_left___hEjh5,
.circle___ShWSL .circle_right___22emQ {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}
.circle___ShWSL .left___28xSO,
.circle___ShWSL .right___Xe3z1 {
  display: block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.circle___ShWSL .circle_right___22emQ,
.circle___ShWSL .right___Xe3z1 {
  clip: rect(0, auto, auto, 100px);
}
.circle___ShWSL .circle_left___hEjh5,
.circle___ShWSL .left___28xSO {
  clip: rect(0, 100px, auto, 0);
}
.circle___ShWSL .mask___1QwtB {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  left: 25px;
  top: 25px;
  background: #1A1A1A;
  position: absolute;
  text-align: center;
  font-size: 16px;
}
.circle___ShWSL .mask___1QwtB .word___20fHX {
  margin-top: 20px;
}
.circle___ShWSL .mask___1QwtB .num___1UWoX {
  margin-top: 5px;
  font-size: 46px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.circle___ShWSL .mask___1QwtB .num___1UWoX .unit___2XW-- {
  font-size: 14px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #94cfff;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #94cfff;
  border-radius: 50%;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: #4799ff;
  outline: none;
  -webkit-box-shadow: 0 0 0 5px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 5px rgba(25, 128, 255, 0.2);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #1980ff;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #6bb8ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #6bb8ff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #8cc0ff;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.numberViewWrapper___2IKj2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 4px;
  padding: 0px 5px!important;
  margin-bottom: 10px;
}
.btnWrapper___2MmLm {
  height: 80px;
  border: none;
  outline: none;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.btnWrapper___2MmLm:hover {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.notClickBtnWrapper___384Ud {
  height: 80px;
  border: none;
  outline: none;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sliderWrapper___1Fpbl {
  margin: 0 50px 15px 38px;
  position: relative;
}
.sliderWrapper___1Fpbl .sliderLines___2Uujz {
  position: absolute;
  bottom: 7px;
}
.sliderWrapper___1Fpbl .ant-slider {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.sliderWrapper___1Fpbl .ant-slider-rail {
  background-color: #888888;
  height: 12px;
}
.sliderWrapper___1Fpbl .ant-slider-track {
  background-color: #888888;
  height: 12px;
}
.sliderWrapper___1Fpbl .ant-slider:hover .ant-slider-rail {
  background-color: #888888;
}
.sliderWrapper___1Fpbl .ant-slider:hover .ant-slider-track {
  background-color: #888888;
}
.sliderWrapper___1Fpbl .ant-slider-handle {
  right: auto !important;
  -webkit-transform: translateX(-50%) !important;
      -ms-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}
.sliderWrapper___1Fpbl .ant-slider-handle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.topWrapper___2PsXr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.topWrapper___2PsXr .pickerWrapper___1SMum {
  position: absolute;
  right: 0;
  margin: 7.5px 0;
}
.topWrapper___2PsXr .pickerWrapper___1SMum span {
  margin-left: 10px;
}
.contentTable___3qSS8 {
  background: #fff;
  padding: 18px 76px 20px 76px;
  padding: 18px;
}
.contentTable___3qSS8 .topTitle___nvGCs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
}
.contentTable___3qSS8 .topTitle___nvGCs .tableName___1FjQr {
  font-size: 14px;
  color: #555;
  font-weight: bolder;
  width: 100%;
  line-height: 28px;
}
.paginationWrapper___1oQOY {
  text-align: center;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 16px;
}
.paginationWrapper___1oQOY .totalNum___3W4B0 {
  padding: 0 15px;
  color: #666;
}
.paginationWrapper___1oQOY .ant-pagination-item {
  margin-bottom: 0;
}
.orderBtnwrapper___1tL9A {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.orderBtnwrapper___1tL9A .textWrapper___31dVv {
  padding-right: 18px !important;
}
.orderBtnwrapper___1tL9A .btnWrapper___1Wd-u {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 22px;
  margin-top: -11px;
  color: #bfbfbf;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.orderBtnwrapper___1tL9A .btnWrapper___1Wd-u .btnStyle___3Ps3R {
  color: #bfbfbf;
  padding: 0 !important;
  height: 16px;
  width: 14px;
  margin: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: none;
  background: transparent;
  outline: none;
}
.orderBtnwrapper___1tL9A .btnWrapper___1Wd-u .btnStyle___3Ps3R.active___2QJ5N {
  color: #1980ff;
}
.orderBtnwrapper___1tL9A .btnWrapper___1Wd-u .btnStyle___3Ps3R:nth-child(1) {
  margin-bottom: -5px;
}
.orderBtnwrapper___1tL9A .btnWrapper___1Wd-u .btnStyle___3Ps3R:nth-child(2) {
  margin-top: -5px;
}
.ant-card {
  border-radius: 0;
  margin-bottom: 24px;
}
.learningAnalysisPage___1MvBo .pageTitle___M3MUb {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
}
.learningAnalysisPage___1MvBo .filterWrapper___27J-T {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.learningAnalysisPage___1MvBo .filterWrapper___27J-T .ant-calendar-picker {
  margin-left: 15px;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .leftPeiWrapper___1Hbvu {
  height: 418px;
  width: calc(30% - 10px);
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 18px 18px 18px 36px;
  margin-bottom: 24px;
  position: relative;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .leftPeiWrapper___1Hbvu .totalNumWrapper___5iJTr {
  width: 220px;
  height: 220px;
  margin: auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .leftPeiWrapper___1Hbvu .totalNumWrapper___5iJTr .totalNumBox___1FKOl {
  border: 10px solid #178DF0;
  border-radius: 100%;
  height: 160px;
  width: 160px;
  text-align: center;
  line-height: 50px;
  margin: auto;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .leftPeiWrapper___1Hbvu .totalNumWrapper___5iJTr .totalNumBox___1FKOl .totalNum___1l9As {
  font-size: 30px;
  color: #178DF0;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .leftPeiWrapper___1Hbvu .numWrapper___3qDS8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  position: relative;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .leftPeiWrapper___1Hbvu .numWrapper___3qDS8 .numBox___3wB9X {
  height: 100px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .leftPeiWrapper___1Hbvu .numWrapper___3qDS8 .numBox___3wB9X .bar___2aCK8 {
  position: absolute;
  border-radius: 5px;
  width: 6px;
  height: 100%;
  background-color: #178DF0;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .leftPeiWrapper___1Hbvu .numWrapper___3qDS8 .numBox___3wB9X .word___3JFCv {
  margin-left: 20px;
  margin-top: 18px;
  color: #afb2b1;
  font-size: 14px;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .leftPeiWrapper___1Hbvu .numWrapper___3qDS8 .numBox___3wB9X .num___2P8r- {
  margin-left: 20px;
  font-size: 30px;
  color: #178DF0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .leftPeiWrapper___1Hbvu .numWrapper___3qDS8 .numBox___3wB9X .num___2P8r- .unit___37sVz {
  margin-left: 5px;
  color: #afb2b1;
  font-size: 14px;
}
.learningAnalysisPage___1MvBo .topWrapper___QK8eu .rightBarwrapper___1Y8ow {
  min-height: 418px;
  width: calc(70% - 10px);
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 18px 18px 18px 36px;
  margin-bottom: 24px;
  position: relative;
}
.learningAnalysisPage___1MvBo .bottomWrapper___3rZTd {
  min-height: 549px;
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 18px 18px 18px 36px;
  margin-bottom: 24px;
  position: relative;
}
.learningAnalysisPage___1MvBo .loadingWrapper___3J9Q5 {
  text-align: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: Center;
  -webkit-align-items: Center;
      -ms-flex-align: Center;
          align-items: Center;
}
.ant-card {
  border-radius: 0;
  margin-bottom: 24px;
}
.attendanceAnalysisPage___1D96M .pageTitle___3A-VP {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
}
.attendanceAnalysisPage___1D96M .filterWrapper___3YZgK {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.attendanceAnalysisPage___1D96M .filterWrapper___3YZgK .ant-calendar-picker {
  margin-left: 15px;
}
.attendanceAnalysisPage___1D96M .topWrapper___1aPPX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.attendanceAnalysisPage___1D96M .topWrapper___1aPPX .leftPeiWrapper___2Mh8r {
  min-height: 418px;
  height: 100%;
  width: calc(70% - 10px);
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 0 18px;
  margin-bottom: 24px;
  position: relative;
}
.attendanceAnalysisPage___1D96M .topWrapper___1aPPX .rightBarwrapper___9cxlC {
  min-height: 418px;
  width: calc(30% - 10px);
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 18px 18px 0 18px;
  margin-bottom: 24px;
  position: relative;
}
.attendanceAnalysisPage___1D96M .bottomWrapper___1W5c_ {
  min-height: 400px;
  color: #ffffff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  padding: 18px;
  margin-bottom: 24px;
  position: relative;
}
.attendanceAnalysisPage___1D96M .bottomWrapper___1W5c_ .headerWrapper___3srWw {
  position: absolute;
  left: 18px;
  right: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-card {
  border-radius: 0;
  margin-bottom: 24px;
}
.classroomActivityAnalysisPage___21_8b .pageTitle___9MIEC {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
}
.classroomActivityAnalysisPage___21_8b .filterWrapper___3MwUl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.classroomActivityAnalysisPage___21_8b .filterWrapper___3MwUl .ant-calendar-picker {
  margin-left: 15px;
}
.classroomActivityAnalysisPage___21_8b .boxWrapper___1bGct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.classroomActivityAnalysisPage___21_8b .boxWrapper___1bGct .tableBox___2yE9W {
  width: calc(50% - 290px);
  min-height: 518px;
  background: rgba(62, 128, 245, 0.06);
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 18px 18px 18px 18px;
  margin-bottom: 24px;
  position: relative;
}
.classroomActivityAnalysisPage___21_8b .topWrapper___1ykdK {
  width: 560px;
  min-height: 280px;
  background: rgba(62, 128, 245, 0.06);
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 18px 18px 18px 18px;
  margin-bottom: 24px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.classroomActivityAnalysisPage___21_8b .topWrapper___1ykdK .leftWrapper___1lxoU {
  height: 240px;
  position: relative;
  width: calc(50% - 10px);
}
.classroomActivityAnalysisPage___21_8b .topWrapper___1ykdK .rightWrspper___1vrZ1 {
  height: 240px;
  position: relative;
  width: calc(50% - 10px);
}
.classroomActivityAnalysisPage___21_8b .bottomWrapper___1ydn1 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.classroomActivityAnalysisPage___21_8b .bottomWrapper___1ydn1 .leftBox___pTLn1 {
  min-height: 518px;
  width: calc(50% - 10px);
  background: rgba(62, 128, 245, 0.06);
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 18px 18px 18px 36px;
  margin-bottom: 24px;
  position: relative;
}
.classroomActivityAnalysisPage___21_8b .bottomWrapper___1ydn1 .rightBox___2ROa5 {
  min-height: 518px;
  width: calc(50% - 10px);
  background: rgba(62, 128, 245, 0.06);
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 18px 18px 18px 36px;
  margin-bottom: 24px;
  position: relative;
}
.sourceWrapper___34IY5 .sourceHeade___19co7 {
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 18px;
  min-height: 116px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-bottom: 32px;
}
.sourceWrapper___34IY5 .sourceHeade___19co7 > div {
  padding: 5px 18px;
  text-align: center;
  position: relative;
}
.sourceWrapper___34IY5 .sourceHeade___19co7 .source___1wjdZ {
  font-size: 18px;
  font-weight: bolder;
}
.sourceWrapper___34IY5 .sourceBody___2whGX {
  background: #fff;
  color: #fff;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 18px;
}
.sourceWrapper___34IY5 .sourceBody___2whGX .ant-table-thead > tr > th {
  padding: 16px 4px;
}
.sourceWrapper___34IY5 .sourceBody___2whGX .ant-table-tbody > tr > td {
  padding: 16px 8px;
}
.sourceWrapper___34IY5 .sourceBody___2whGX th {
  text-align: center !important;
}
.sourceWrapper___34IY5 .sourceBody___2whGX .textAlign___1NMWf {
  text-align: left;
}
.sourceWrapper___34IY5 .sourceBody___2whGX .numTextAlign___3wko3 {
  text-align: right;
}
.pageTitle___2XIiq {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.circle___2lhi4 {
  width: 100px;
  height: 100px;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
}
.circle___2lhi4 .circle_left___2H5b1,
.circle___2lhi4 .circle_right___1Mc0w {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}
.circle___2lhi4 .left___1vbiu,
.circle___2lhi4 .right___219iN {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.circle___2lhi4 .circle_right___1Mc0w,
.circle___2lhi4 .right___219iN {
  clip: rect(0, auto, auto, 50px);
}
.circle___2lhi4 .circle_left___2H5b1,
.circle___2lhi4 .left___1vbiu {
  clip: rect(0, 50px, auto, 0);
}
.circle___2lhi4 .mask___3jTv4 {
  clear: #222;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  left: 10px;
  top: 10px;
  background: #fff;
  position: absolute;
  text-align: center;
  font-size: 12px;
}
.circle___2lhi4 .mask___3jTv4 .word___2JKt6 {
  margin-top: 15px;
}
.circle___2lhi4 .mask___3jTv4 .num___3gsAV {
  font-size: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.circle___2lhi4 .mask___3jTv4 .num___3gsAV .unit___3Txz1 {
  font-size: 12px;
}
.topWrapper___1GmIk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.topWrapper___1GmIk .pickerWrapper___1g79i {
  position: absolute;
  right: 0;
}
.topWrapper___1GmIk .pickerWrapper___1g79i span {
  margin-left: 10px;
}
.contentTable___26STU {
  background: #fff;
  color: #f5f5f5;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 20px;
}
.contentTable___26STU .topTitle___h2WeG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
}
.contentTable___26STU .topTitle___h2WeG .tableName___1yCh5 {
  font-size: 14px;
  color: #555;
  font-weight: bolder;
  width: 100%;
  line-height: 28px;
}
.contentTable___26STU .topTitle___h2WeG .tableName___1yCh5 img {
  margin-bottom: -6px;
}
.contentTable___26STU .courseTableWrapper___1Ai9S .ant-table-thead > tr > th {
  padding: 16px 4px;
}
.contentTable___26STU .courseTableWrapper___1Ai9S .ant-table-tbody > tr > td {
  padding: 16px 8px;
}
.contentTable___26STU .courseTableWrapper___1Ai9S th {
  text-align: center !important;
}
.contentTable___26STU .courseTableWrapper___1Ai9S .colWord___1iRc7 {
  min-width: 100px;
}
.contentTable___26STU .courseTableWrapper___1Ai9S .colNum___1Hf_I {
  width: 80px;
}
.contentTable___26STU .courseTableWrapper___1Ai9S .colNumber___8v9V7 {
  width: 68px;
}
.contentTable___26STU .courseTableWrapper___1Ai9S .textAlign___zGSlB {
  text-align: left;
}
.contentTable___26STU .courseTableWrapper___1Ai9S .numTextAlign___3K667 {
  text-align: right;
}
.contentTable___26STU .courseTableWrapper___1Ai9S .colOperating___ejFo- {
  width: 200px;
}
.pageTitle___3RB9e {
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -60px;
  text-shadow: 0 0 30px;
  line-height: 48px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(84vw);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background: #e8e8e8;
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text-center::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid #e8e8e8;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-color: #e8e8e8;
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  display: table;
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1980ff;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #0b61d9;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #429eff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #429eff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  zoom: 1;
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  zoom: 1;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 28px;
}
.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
  opacity: 0;
}
.ant-upload-list-item-card-actions.picture {
  top: 25px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  padding-right: 5px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
}
.ant-upload-list-item .anticon-close:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #e6f5ff;
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f5222d;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  padding-right: 5px;
  color: #f5222d;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f5222d;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 18px;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 36px;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}
.ant-upload-list-picture-card-container {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}
.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
}
.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  -webkit-animation-name: uploadAnimateIn;
          animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  -webkit-animation-name: uploadAnimateOut;
          animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  -webkit-animation-name: uploadAnimateInlineIn;
          animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-name: uploadAnimateInlineOut;
          animation-name: uploadAnimateInlineOut;
}
@-webkit-keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-webkit-keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-webkit-keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-webkit-keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  -webkit-animation: ant-progress-appear 0.3s;
          animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  -o-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
          animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #f5222d;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1;
  white-space: normal;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@-webkit-keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 0;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #1980ff;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1980ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1980ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1980ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: #1980ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1980ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1980ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1980ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #1980ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #1980ff;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #1980ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #1980ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #1980ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1980ff;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.ant-steps-vertical {
  display: block;
}
.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible;
}
.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px;
  }
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #1980ff;
  -webkit-transition: width 0.3s, left 0.3s;
  -o-transition: width 0.3s, left 0.3s;
  transition: width 0.3s, left 0.3s;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(76%);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: '';
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}
.stepBody___2jfBd {
  padding: 32px 64px;
}
.stepBody___2jfBd .ivuSteps___3PuQM {
  width: 972px;
}
.stepBody___2jfBd .content___1Zccw {
  text-align: center;
}
.stepBody___2jfBd .content___1Zccw .wrapper___1lJQ3 {
  margin-top: 32px;
  max-height: 480px;
  overflow: auto;
}
.stepBody___2jfBd .content___1Zccw .wrapper___1lJQ3 .doneBox___NHKte i {
  font-size: 96px;
}
.stepBody___2jfBd .content___1Zccw .wrapper___1lJQ3 .doneBox___NHKte .doneWord___emy_r {
  font-size: 24px;
}
.stepBody___2jfBd .content___1Zccw .wrapper___1lJQ3 .doneBox___NHKte .doneDesc___1PMBm {
  font-size: 16px;
  color: #777;
  margin: 20px 0 40px;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO {
  margin-top: 32px;
  max-height: 480px;
  overflow: auto;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .boxWrapper___9tkiT {
  margin-bottom: 32px;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .boxWrapper___9tkiT .box___2hQ-Z {
  text-align: left;
  width: auto;
  height: 120px;
  background-color: white;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #eaeaea;
  margin: 16px 0;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .boxWrapper___9tkiT .box___2hQ-Z .iconBox___2JMaT {
  width: 100px;
  height: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f5f5;
  border: 1px solid #eaeaea;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .boxWrapper___9tkiT .box___2hQ-Z .iconBox___2JMaT i {
  font-size: 56px;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .boxWrapper___9tkiT .box___2hQ-Z .wordBox___3vS6f {
  width: calc(100% - 100px);
  height: 120px;
  padding: 20px;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .boxWrapper___9tkiT .box___2hQ-Z .wordBox___3vS6f .title___py0Qb {
  font-size: 18px;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .boxWrapper___9tkiT .box___2hQ-Z .wordBox___3vS6f .desc___1iA6M {
  font-size: 14px;
  color: #777;
  margin: 5px 0;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .boxWrapper___9tkiT .box___2hQ-Z .wordBox___3vS6f .btn___2XRGK span {
  font-size: 14px;
  color: #1980ff;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .boxWrapper___9tkiT .box___2hQ-Z .wordBox___3vS6f .btn___2XRGK span .ant-upload-list {
  display: none;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .btn___2XRGK {
  cursor: pointer;
}
.stepBody___2jfBd .content___1Zccw .currentStep0___1w6eO .uploadFileName___1s6ia {
  color: #730101;
  margin-left: 16px;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ {
  margin-top: 32px;
  max-height: 480px;
  overflow: auto;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .boxWrapper___9tkiT {
  margin-bottom: 32px;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .boxWrapper___9tkiT .box___2hQ-Z {
  text-align: left;
  width: auto;
  height: 80px;
  background-color: white;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #eaeaea;
  margin: 16px 0;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .boxWrapper___9tkiT .box___2hQ-Z .iconBox___2JMaT {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f5f5;
  border: 1px solid #eaeaea;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .boxWrapper___9tkiT .box___2hQ-Z .iconBox___2JMaT i {
  font-size: 40px;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .boxWrapper___9tkiT .box___2hQ-Z .wordBbox___3wGbr {
  width: calc(100% - 80px);
  height: 80px;
  padding: 20px;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .boxWrapper___9tkiT .box___2hQ-Z .wordBbox___3wGbr .title___py0Qb {
  font-size: 16px;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .boxWrapper___9tkiT .box___2hQ-Z .wordBbox___3wGbr .desc___1iA6M {
  font-size: 14px;
  color: #777;
  margin: 5px 0;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .boxWrapper___9tkiT .box___2hQ-Z .wordBbox___3wGbr .btn___2XRGK {
  font-size: 14px;
  font-weight: bolder;
  color: #1980ff;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .box___2hQ-Z {
  width: auto;
  height: 80px;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .box___2hQ-Z .iconBox___2JMaT {
  width: 80px;
  height: 80px;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .box___2hQ-Z .iconBox___2JMaT i {
  font-size: 40px;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .box___2hQ-Z .wordBox___3vS6f {
  width: calc(100% - 80px);
  height: 80px;
  padding: 20px;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .box___2hQ-Z .wordBox___3vS6f .title___py0Qb {
  font-size: 16px;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .box___2hQ-Z .wordBox___3vS6f .btn___2XRGK {
  font-size: 14px;
  font-weight: bolder;
}
.stepBody___2jfBd .content___1Zccw .currentStep1___aGLwZ .unImportWrapper___1kbSk {
  margin-top: 32px;
  text-align: left;
}
.topWrapper___DneuC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.topWrapper___DneuC .pickerWrapper___teZ5_ {
  position: absolute;
  right: 0;
}
.topWrapper___DneuC .pickerWrapper___teZ5_ span {
  margin-left: 10px;
}
.contentTable___2We0_ {
  background: #fff;
  color: #f5f5f5;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 20px;
}
.contentTable___2We0_ .topTitle___l3B3W {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
}
.contentTable___2We0_ .topTitle___l3B3W .tableName___2W-oB {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  width: 100%;
  line-height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentTable___2We0_ .topTitle___l3B3W .tableName___2W-oB .selectWrapper___2KH_2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentTable___2We0_ .topTitle___l3B3W .tableName___2W-oB .selectWrapper___2KH_2 .ant-select {
  width: 90px;
}
.contentTable___2We0_ .topTitle___l3B3W .tableName___2W-oB .selectWrapper___2KH_2 > span {
  margin-right: 6px;
  margin-left: 16px;
}
.contentTable___2We0_ .topTitle___l3B3W .tableName___2W-oB img {
  margin-bottom: -6px;
}
.contentTable___2We0_ .courseTableWrapper___1iUpT .ant-table-thead > tr > th {
  padding: 16px 4px;
}
.contentTable___2We0_ .courseTableWrapper___1iUpT .ant-table-tbody > tr > td {
  padding: 16px 8px;
}
.contentTable___2We0_ .courseTableWrapper___1iUpT th {
  text-align: center !important;
}
.contentTable___2We0_ .courseTableWrapper___1iUpT .colWord___3TFPQ {
  min-width: 100px;
}
.contentTable___2We0_ .courseTableWrapper___1iUpT .colNum___1jhM0 {
  width: 80px;
}
.contentTable___2We0_ .courseTableWrapper___1iUpT .colNumber___1FoR- {
  width: 68px;
}
.contentTable___2We0_ .courseTableWrapper___1iUpT .textAlign___2_FaO {
  text-align: left;
}
.contentTable___2We0_ .courseTableWrapper___1iUpT .numTextAlign___3FIwH {
  text-align: right;
}
.contentTable___2We0_ .courseTableWrapper___1iUpT .colOperating___1tRIv {
  width: 200px;
}
.pageTitle___3AGIC {
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -60px;
  text-shadow: 0 0 30px;
  line-height: 48px;
}
.selectWrap___dj9ms {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  padding-left: 10px;
}
.interval___3PMfN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 16px;
}
.selectWrap___dj9ms .ant-select {
  min-width: 160px;
  color: rgba(0, 0, 0, 0.85);
  border: 0;
}
.selectWrap___dj9ms .ant-select .ant-select-selection {
  background: transparent;
  border: none;
}
.selectWrap___dj9ms .ant-select span {
  color: rgba(0, 0, 0, 0.85);
}
.filterWrap___1eqWW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  position: relative;
}
.pageTitle___2Sdfq {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  text-align: center;
  position: absolute;
  width: 100%;
}
.selectWrap___2FFPc {
  position: relative;
  z-index: 99;
  margin-right: 10px;
}
.pageContent___1Jj74 {
  background: #fff;
  padding: 18px;
}
.titleWrap___16Yus {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 28px;
}
.pageContent___1Jj74 .ant-pagination-item {
  margin-bottom: 0;
}
.ranklistTable___2Rw4E .ant-table-bordered.ant-table-empty .ant-table-placeholder {
  min-height: 200px;
}
.ranklistTable___2Rw4E .ant-table-bordered.ant-table-empty .ant-table-placeholder .ant-empty-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ranklistTable___2Rw4E .ant-table-body .ant-btn-link {
  color: #1980ff;
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.graphicWrapper___YFhcI {
  width: 100%;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: #1980ff;
  background: #fff;
  border-color: #e8e8e8;
  border-bottom: 1px solid #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid transparent;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: #1980ff;
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 45px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #1980ff;
  border-color: #1980ff;
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
  line-height: 56px;
}
.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
  line-height: 37px;
}
.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: 100%;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #1980ff;
}
.ant-tabs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #1980ff;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  -webkit-filter: none;
          filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #429eff;
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: #0b61d9;
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: #1980ff;
  font-weight: 500;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs-content::before {
  display: block;
  overflow: hidden;
  content: '';
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.45s;
  -o-transition: opacity 0.45s;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  -webkit-transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.courseDetailed___2WBKz {
  background: #f0f2f5;
  position: relative;
}
.courseDetailed___2WBKz .courseInfoWrapper___1qSi3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #ffffff;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  padding: 16px 32px 16px 8px;
}
.courseDetailed___2WBKz .courseInfoRight___27PEQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseDetailed___2WBKz .courseInfoRight___27PEQ .courseImg___2Ll_K {
  width: 121px;
  height: 91px;
  border-radius: 4px;
  margin-right: 16px;
}
.courseDetailed___2WBKz .courseInfoRight___27PEQ .courseMsgWrapper___Uv1xj {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.courseDetailed___2WBKz .courseInfoRight___27PEQ .courseMsgWrapper___Uv1xj .courseName___1LQgU {
  font-size: 24px;
  font-weight: 600;
  color: #2b2b2b;
  line-height: 28px;
}
.courseDetailed___2WBKz .courseInfoRight___27PEQ .courseMsgWrapper___Uv1xj .courseNumber___Nwqp3 {
  font-size: 12px;
  color: #9b9b9b;
  line-height: 17px;
  margin: 5px 0;
}
.courseDetailed___2WBKz .courseInfoLeft___T42SN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px 0 8px 0;
}
.courseDetailed___2WBKz .tableWrpaaer___2Fxfw .ant-tabs-nav-scroll {
  text-align: center;
}
.courseDetailed___2WBKz .tableWrpaaer___2Fxfw .ant-tabs-bar {
  margin: 0;
}
.courseDetailed___2WBKz .tableWrpaaer___2Fxfw .resourceLink___1wO-p {
  color: #1980ff;
  cursor: pointer;
}
.courseDetailed___2WBKz .tableWrpaaer___2Fxfw .resourceLink___1wO-p > span {
  border-bottom: 1px solid #1980ff;
}
.courseDetailed___2WBKz .tableWrpaaer___2Fxfw .ant-table-thead > tr > th,
.courseDetailed___2WBKz .tableWrpaaer___2Fxfw .ant-table-tbody > tr > td {
  padding: 16px 8px;
}
.courseDetailed___2WBKz .fileType___2XBSb {
  height: 26px;
}
.row___2md9a {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  float: none;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.row___2md9a .toggleBtn___2N3Qi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.row___2md9a .title___17HSW {
  color: white;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
}
.loadingWrapper___3ENY7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 410px;
}
.weikeModal___19RVr .ant-modal-header {
  margin: 0;
  padding: 8px 4px 8px 24px;
  color: white;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  border-bottom: none;
  background: #333333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.weikeModal___19RVr .ant-modal-close {
  color: white;
}
.overViewWrapper___2b2Wb {
  background: #ffffff;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  font-family: PingFangSC-Regular, PingFang SC;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.overViewWrapper___2b2Wb .topWrapper___1lwAW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 24px;
  border-bottom: 1px solid f0f0f0;
}
.overViewWrapper___2b2Wb .topWrapper___1lwAW .overViewType___1Z1CX {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.overViewWrapper___2b2Wb .topWrapper___1lwAW .btnStyle___1PpPL {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  margin-right: 15px;
  cursor: pointer;
}
.overViewWrapper___2b2Wb .topWrapper___1lwAW .btnSelectedStyle___3N81m {
  color: #1980ff;
}
.overViewWrapper___2b2Wb .topWrapper___1lwAW .topContent___1UHWa {
  font-size: 14px;
  line-height: 20px;
  color: #9b9b9b;
}
.overViewWrapper___2b2Wb .topWrapper___1lwAW .topContentNum___15dOh {
  color: #b02d2f;
  font-weight: 600;
  margin: 0 4px;
}
.overViewWrapper___2b2Wb .bodyWrapper___thonf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.overViewWrapper___2b2Wb .bodyWrapper___thonf .overViewNumberWrapper___44fgI {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.overViewWrapper___2b2Wb .bodyWrapper___thonf .overViewNumberWrapper___44fgI .overViewNumber___XnsIR {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9b9b9b;
  line-height: 20px;
  text-align: right;
}
.overViewWrapper___2b2Wb .bodyWrapper___thonf .overViewNumberWrapper___44fgI .overViewNumber___XnsIR .typeNum___2xaq3 {
  font-size: 30px;
  color: #2b2b2b;
  line-height: 42px;
  margin-right: 4px;
}
.hidden-scrollbar___2pjIL::-webkit-scrollbar {
  display: none;
}
.more___3xd7m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
}
.conetentBox___2dqpb {
  width: 1024px;
  height: 420px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.conetentBox___2dqpb .textBox___2IO8P {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: calc(68%);
  padding: 16px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  font-size: 24px;
}
.conetentBox___2dqpb .textBox___2IO8P .line___3Yiwu {
  width: 100%;
  height: 4px;
  margin-bottom: 16px;
  background-color: #fff;
}
.conetentBox___2dqpb .textBox___2IO8P .text1___2I2-g {
  line-height: 1.3;
  margin-bottom: 24px;
}
.conetentBox___2dqpb .textBox___2IO8P .text2___25H2x {
  line-height: 1.3;
  margin-bottom: 16px;
}
.conetentBox___2dqpb .textBox___2IO8P .title___3deL8 {
  font-size: 48px;
  margin-bottom: 16px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.conetentBox___2dqpb .textBox___2IO8P .title___3deL8 .hint____fwHW {
  color: #009688;
}
.conetentBox___2dqpb .textBox___2IO8P .smallText___338wG {
  font-size: 16px;
  line-height: 1.3;
}
.conetentBox___2dqpb .qrWrapper___3JFzV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.conetentBox___2dqpb .qrWrapper___3JFzV i {
  color: #eee;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
}
.answerDetailWrap___19nto {
  width: 0;
  display: block;
  z-index: 1001;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 263px);
}
.open___1Ktht {
  width: 480px;
}
.hiddenScrollbar___29Fxn::-webkit-scrollbar {
  height: 0;
}
.hiddenScrollbar___29Fxn::-webkit-scrollbar-thumb {
  background: transparent;
}
.answerDetailsWrapper___2PN7S {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid #efefef;
}
.answerDetailsWrapper___2PN7S .headerWrapper___1qNIW {
  width: 100%;
  height: 40px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  background-color: #575b63;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.answerDetailsWrapper___2PN7S .headerWrapper___1qNIW .title___3yOQG {
  line-height: 20px;
  padding: 12px;
  width: 100%;
  font-size: 14px;
  text-align: justify;
  color: #fff;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn {
  padding: 12px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .questionCardWrapper___1sm2Y {
  width: 100%;
  min-height: 200px;
  padding: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0.5px;
  border-color: #c5c5c5;
  margin-bottom: 20px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .scoreWrapper___3Z0Wi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 18px 0;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .scoreWrapper___3Z0Wi .leftWrapper___uAwq8 {
  width: 100%;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .scoreWrapper___3Z0Wi .leftWrapper___uAwq8 .topScore___9vpwt {
  color: #333;
  font-size: 16px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .scoreWrapper___3Z0Wi .leftWrapper___uAwq8 .bottomScore___25mGa {
  font-size: 12px;
  color: #888;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .scoreWrapper___3Z0Wi .leftWrapper___uAwq8 .bottomScore___25mGa .leftTotalScore___2draM {
  line-height: 30px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .scoreWrapper___3Z0Wi .leftWrapper___uAwq8 .bottomScore___25mGa .rightBtn___3poUa {
  width: 24px;
  height: 17px;
  font-size: 12px;
  color: $primaryColor;
  border-bottom: 1px solid $primaryColor;
  margin: 0 10px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .scoreWrapper___3Z0Wi .leftBtnWrapper___2KTp9 {
  line-height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .scoreWrapper___3Z0Wi .leftBtnWrapper___2KTp9 > i {
  width: 80px;
  font-size: 20px;
  line-height: 36px;
  margin: 0 10px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .scoreWrapper___3Z0Wi .leftBtnWrapper___2KTp9 .markScoreWrapper___3QaI0 {
  width: 160px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV {
  margin-bottom: 25px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV .groupInfo___1dy3j {
  line-height: 20px;
  border-bottom: solid 1px #c8c8c8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV .groupInfo___1dy3j .groupName___1vGnS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV .groupInfo___1dy3j .groupName___1vGnS .groupColor___2MYXV {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  background-color: #ff4520;
  margin: 2px 10px 2px 0;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV .groupInfo___1dy3j .groupName___1vGnS .name___2qy5o {
  font-size: 14px;
  font-weight: 500;
  text-align: justify;
  color: #000;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV .groupInfo___1dy3j .scoreType___14zYs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 50px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV .groupInfo___1dy3j .scoreType___14zYs .blockType___ICRHx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
  line-height: 20px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV .groupInfo___1dy3j .scoreType___14zYs .blockType___ICRHx .colorBlock___1Ig5z {
  margin: 2.5px;
  width: 15px;
  height: 15px;
  background-color: #ededed;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV .groupInfo___1dy3j .scoreType___14zYs .blockType___ICRHx .count___1edDJ {
  font-size: 12px;
  text-align: justify;
  color: #666;
  margin-left: 3px;
  margin-top: 2px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV .groupInfo___1dy3j .averageScore___2WU-D {
  position: absolute;
  right: 0;
  bottom: 2px;
  font-size: 12px;
  text-align: justify;
  color: #666;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .groupWrapper___3khpV .groupInfo___1dy3j .averageScore___2WU-D .score___nH1uU {
  margin: 0 2px 0 10px;
  font-size: 24px;
  color: #333;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 {
  margin: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .userInfo___rCx9U {
  line-height: 20px;
  width: 70px;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .userInfo___rCx9U .studentName___UXZxy {
  font-size: 16px;
  color: #333;
  line-height: 22px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .userInfo___rCx9U .studentNum___1ELfQ {
  font-size: 12px;
  color: #666;
  line-height: 17px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentChoice___1lN6G {
  line-height: 36px;
  font-size: 24px;
  color: #48d1ae;
  margin-left: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentSort___2V39Q {
  line-height: 24px;
  font-size: 18px;
  color: #48d1ae;
  margin-left: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentAnswer___1RIoN {
  width: calc(80%);
  line-height: 1.6;
  font-size: 12px;
  color: #333;
  word-wrap: break-word;
  margin-left: 20px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentAnswer___1RIoN .word___2_OCb {
  width: 100%;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentAnswer___1RIoN .picFilt___EqCP6 {
  width: 28px;
  height: 28px;
  margin: 4px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentAnswer___1RIoN .picFilt___EqCP6 .img___ZCVvH {
  width: 28px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentAnswer___1RIoN .audioFile___1IGK2 {
  width: 28px;
  height: 28px;
  background-image: -webkit-linear-gradient(288deg, #53d4b3, rgba(32, 162, 129, 0.83));
  background-image: -o-linear-gradient(288deg, #53d4b3, rgba(32, 162, 129, 0.83));
  background-image: linear-gradient(162deg, #53d4b3, rgba(32, 162, 129, 0.83));
  margin: 4px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentAnswer___1RIoN .audioFile___1IGK2 .img___ZCVvH {
  width: 28px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentScoreWrapper___3bwVc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentScoreWrapper___3bwVc .score___nH1uU {
  font-size: 24px;
  text-align: right;
  color: #333;
  margin-right: 15px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentScoreWrapper___3bwVc .unit___3whZ5 {
  font-size: 12px;
  text-align: justify;
  color: #666;
  line-height: 40px;
  margin-left: 2px;
}
.answerDetailsWrapper___2PN7S .bodyWrapper___1NhZn .scoreListWrapper___g-r8x .answerOfQuestions___10Xir .studentsScoreWrapper___20uZ5 .studentScoreWrapper___3bwVc .textField___1tBDS {
  color: #333 !important;
  width: 75px !important;
}
.answerSection___1MuH_ {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
  white-space: normal;
  word-break: break-word;
}
.imgSection___1K6Kw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.imgSection___1K6Kw img {
  width: 80px;
  height: 80px;
  margin-right: 2px;
  margin-bottom: 4px;
}
.noDataMsg___unGvT {
  color: #333;
  font-size: 13px;
}
.datiBtn___oMa_u {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.changeScore___ed-AX {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.changeScore___ed-AX .totalScore___35jgI {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
  color: #999;
}
.changeScore___ed-AX .totalScore___35jgI .questionScore___OO5D9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 16px;
  color: #4a4a4a;
  margin-bottom: 12px;
}
.avatarBox___6C78A {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 3px 10px 0 0;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  border: 2px solid rgba(244, 51, 60, 0.8);
}
.avatarBox___6C78A .hint___23dRE {
  width: 200%;
  height: 28px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  background-color: rgba(244, 51, 60, 0.8);
  font-size: 16px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  position: absolute;
  bottom: -10px;
  left: -15px;
}
.quickSet___1mIOu {
  width: 104px;
  height: 20px;
  position: relative;
  margin-left: 16px;
  font-size: 12px;
  color: #999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden;
}
.loadingWrapper___1X_2e {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.audio___3-giQ {
  height: 34px;
  border-radius: 4px;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
  margin: 0 4px;
  display: inline-block;
  cursor: pointer;
}
.audio___3-giQ .audioControlWrapper___1wQlZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.audio___3-giQ .audioControlWrapper___1wQlZ .playControls___2PQV9 {
  width: 18px;
  height: 18px;
}
.audio___3-giQ .audioControlWrapper___1wQlZ .audioName___1vypr {
  font-size: 12px;
  color: #51555C;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 14px;
}
.title___1KomW {
  width: 100%;
  color: #333;
}
.title___1KomW .typeBox___2hy_- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 16px;
}
.code___I3Utl {
  margin-left: 8px;
}
.cwType___1TCYm {
  color: #666;
  margin-left: 8px;
}
.paper___2-g83 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.qTitle___29_YI {
  color: #333;
  width: 100%;
  font-size: 14px;
  margin-top: 8px;
}
.flex___1Vh7R {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.paperSelector___2cn4p {
  height: 100%;
  font-size: 16px;
  color: #333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.index___3e4vO {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #666;
  border-radius: 50%;
  margin-right: 8px;
  font-size: 12px;
  color: #666;
}
.content___2GqUu {
  font-size: 14px;
  margin-top: 16px;
}
.chapter___2OEd2 {
  width: 24px;
  height: 24px;
}
.type___31iEk {
  font-size: 16px;
  margin: 0 12px 0 8px;
}
.level___3y77O {
  color: #4a4a4a;
}
.answer___2y3zF {
  width: calc(92%);
  padding-left: 8px;
}
.answer___2y3zF img {
  max-width: 100%;
}
.contentBox___3pvCK {
  padding-bottom: 16px;
  margin: 0 8px;
  width: calc(84%);
  border-bottom: 1px dashed #eee;
}
.content___2GqUu {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
}
.content___2GqUu p {
  margin: 0;
  word-break: break-all;
}
.qCardIcon___2xOPv {
  width: 14px;
  margin-right: 6px;
}
.arrowBtn___3i5Nw {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  overflow: hidden;
}
.arrowBtn___3i5Nw:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.cover___2Mx73 {
  width: 100%;
}
.icon___3_njK {
  width: calc(84px);
  padding: 0 8px;
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #666;
}
.icon___3_njK > i {
  color: #666;
  font-size: 16px;
  margin-right: 4px;
}
.desc___3BFV3 {
  width: calc(84px);
  padding: 0 8px;
  margin-top: 8px;
  font-size: 14px;
}
.content___2GqUu img {
  width: 100%;
}
.paperTitle___AOLE9 {
  width: calc(92%);
  padding-left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.answerContentForShow___15fip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  color: #333;
}
.answerContentForShow___15fip .editableOptions___3Is3u {
  border-bottom: 1px solid #333;
  width: 50px;
  height: 15px;
}
.answerContentForShow___15fip > div {
  margin-right: 8px;
}
.answerContentForShow___15fip > span {
  font-size: 14px;
  position: relative;
  top: 15px;
  bottom: 0;
  left: 50px;
  display: inline-block;
  overflow-x: hidden;
  min-height: 40px;
  color: #333;
}
.answerContentForShow___15fip > span p {
  margin: 0;
  word-break: break-all;
}
.answerContentForShow___15fip > span *:last-child:not(:first-child) {
  margin-bottom: 20px;
}
.answerContent___2RjSL {
  font-size: 0;
  position: relative;
  display: block;
  min-height: 40px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}
.answerContent___2RjSL > img {
  position: absolute;
  top: 10px;
  left: 14px;
  width: 20px;
  height: 20px;
}
.answerContent___2RjSL > span {
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
  min-height: 40px;
  margin-left: 41px;
  color: #333;
}
.answerContent___2RjSL > span p {
  margin: 0;
  word-break: break-all;
}
.rightAnswer___3YrZs {
  color: #333;
  font-size: 14px;
  margin-top: 16px;
  line-height: 21px;
}
.right___BSpFr {
  color: $primaryColor;
}
.wrong___28oow {
  color: #f4333c;
}
.answerContentForShow___2cT_G {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  margin-top: 16px;
}
.answerContentForShow___2cT_G .editableOptions___1yGY5 {
  border-bottom: 1px solid #333;
  width: 50px;
  height: 15px;
}
.answerContentForShow___2cT_G > div {
  margin-right: 8px;
}
.answerContent___3tBJr {
  font-size: 0;
  position: relative;
  display: block;
  min-height: 40px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}
.answerContent___3tBJr > img {
  position: absolute;
  top: 10px;
  left: 14px;
  width: 20px;
  height: 20px;
}
.answerContent___3tBJr > span {
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
  min-height: 40px;
  margin-left: 41px;
  color: #333;
}
.answerContent___3tBJr > span p {
  margin: 0;
  word-break: break-all;
}
.rightAnswer___28yxd {
  color: #333;
  font-size: 14px;
  margin-top: 16px;
  line-height: 21px;
}
.right___3ojlN {
  color: $primaryColor;
}
.wrong___1KPXs {
  color: #f4333c;
}
.answerContentForShow___23nOJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  margin-top: 16px;
}
.answerContentForShow___23nOJ > div {
  margin-right: 8px;
}
.answerContent___2RBPJ {
  font-size: 0;
  position: relative;
  display: block;
  min-height: 40px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}
.answerContent___2RBPJ > img {
  position: absolute;
  top: 10px;
  left: 14px;
  width: 20px;
  height: 20px;
}
.answerContent___2RBPJ > span {
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
  min-height: 40px;
  margin-left: 41px;
  color: #333;
}
.answerContent___2RBPJ > span p {
  margin: 0;
  word-break: break-all;
}
.rightAnswer___2CqJI {
  color: #333;
  font-size: 14px;
  margin-top: 16px;
  line-height: 21px;
}
.right___2_gYE {
  color: $primaryColor;
}
.wrong___gGRo0 {
  color: #f4333c;
}
.answerContent___1nWAJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  font-size: 14px;
  margin-top: 16px;
}
.circleOrder___2GihG {
  width: 20px;
  height: 20px;
  color: #383f4a;
  font-size: 12px;
  line-height: 20px;
  margin-right: 8px;
  text-align: center;
  border-radius: 50%;
  background-color: #fdbe41;
  min-width: 20px;
}
.rightAnswer___1VU-n {
  color: #333;
  font-size: 14px;
  margin-top: 16px;
  line-height: 21px;
}
.maskDiv___2zxA1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.hint___24XGn {
  color: #333;
  font-size: 14px;
  margin-top: 16px;
}
.limit___XTzbr {
  font-size: 12px;
  color: #333;
  margin-left: 16px;
}
.limit___XTzbr ~ div textarea + div {
  top: 170px !important;
}
.textArea___2uKEF {
  margin-left: 0;
  margin-right: 0;
}
.noBorder___1OWpj {
  overflow: auto;
  position: static;
  margin-top: 0;
}
.noBorder___1OWpj > div {
  position: static;
}
.noBorder___1OWpj textarea + div {
  position: absolute;
  top: 150px;
  right: 15px;
  z-index: 100;
}
.noBorder___1OWpj::before,
.noBorder___1OWpj::after,
.imagesUploaderContainer___xRnlj > div > div::before {
  display: none;
}
.imagesUploaderContainer___xRnlj > div > div:first-child + div {
  margin-top: 0;
}
.imagesUploader___2cohk div:first-child {
  padding-bottom: 0;
}
.imagesUploader___2cohk ul li,
.imagesUploader___2cohk ul + div {
  width: 40px;
  height: 40px;
}
.content___3oqD9 {
  margin-left: 12px;
  margin-right: 12px;
  font-size: 14px;
  color: #333;
}
.imgList___ipFRM {
  margin-left: 12px;
  margin-right: 12px;
  overflow: hidden;
}
.imgList___ipFRM button {
  float: left;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
}
.imgList___ipFRM img {
  width: 40px;
  height: 40px;
  margin-right: 4px;
  margin-bottom: 4px;
  float: left;
}
.coursewarePreview___jHUEe {
  width: 100%;
  font-size: 24px;
  color: #333;
}
.coursewarePreview___jHUEe .name___Zq3PO {
  width: 100%;
  color: #333;
  margin: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.coursewarePreview___jHUEe .img___3V3q_ {
  width: 100%;
}
.container___2rm5Y {
  width: 100%;
  margin-top: 16px;
  border-top: 1px dashed #eee;
}
.subQuestionTitle___OVYGB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: rgba(187, 187, 187, 0.16);
}
.subQuestionTitle___OVYGB > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.subQuestionCircleOrder___3KGy3 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px #666;
  line-height: 14px;
  text-align: center;
  font-size: 12px;
  color: #666;
  margin-left: 12px;
}
.subQuestionIntroduction___3Q9-j {
  margin-left: 10px;
  font-size: 14px;
  color: #333;
}
.subQuestionPages___IX30_ {
  font-size: 16px;
  color: #333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.subQuestionPages___IX30_ > span {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.subQuestionPrevBtn___3EonN,
.subQuestionNextBtn___Ncla3 {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-weight: bold;
  outline: none;
  border: none;
  background-color: transparent;
}
.subQuestionPrevBtn___3EonN:disabled,
.subQuestionNextBtn___Ncla3:disabled {
  color: #ccc;
  cursor: not-allowed;
}
.subQuestionPrevBtn___3EonN:active,
.subQuestionNextBtn___Ncla3:active {
  background-color: #ccc;
}
.right___MgTtV {
  color: $primaryColor;
}
.wrong___sxMMQ {
  color: #f4333c;
}
.none___1L2Sf {
  color: #888;
}
.markBtn___DO2Ty {
  width: 335px;
  height: 47px;
  border-radius: 5px;
  background-color: #1aae18;
  border: solid 1px rgba(5, 5, 5, 0.08);
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.labelUnmarked___1hFS6 {
  width: 335px;
  height: 25px;
  font-family: PingFangSC;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
label .text-style-1___mCVv8 {
  font-family: SFUIDisplay;
}
.rightAnswer___1QFmj {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  margin: 16px 12px 0 12px;
  letter-spacing: normal;
  color: #333;
}
.statistics___1BDFM {
  color: #333;
  font-size: 14px;
  line-height: 21px;
}
/*!
 * Viewer.js v1.5.0
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-11-23T05:10:21.757Z
 */

.viewer-zoom-in::before,
.viewer-zoom-out::before,
.viewer-one-to-one::before,
.viewer-reset::before,
.viewer-prev::before,
.viewer-play::before,
.viewer-next::before,
.viewer-rotate-left::before,
.viewer-rotate-right::before,
.viewer-flip-horizontal::before,
.viewer-flip-vertical::before,
.viewer-fullscreen::before,
.viewer-fullscreen-exit::before,
.viewer-close::before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}

.viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}

.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.viewer-container::-moz-selection,
.viewer-container *::-moz-selection {
  background-color: transparent;
}

.viewer-container::selection,
.viewer-container *::selection {
  background-color: transparent;
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: 30px;
}

.viewer-list > li:hover {
  opacity: 0.75;
}

.viewer-list > li + li {
  margin-left: 1px;
}

.viewer-list > .viewer-loading {
  position: relative;
}

.viewer-list > .viewer-loading::after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}

.viewer-list > .viewer-active,
.viewer-list > .viewer-active:hover {
  opacity: 1;
}

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}

.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 3px 0;
}

.viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 24px;
}

.viewer-toolbar > ul > li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-toolbar > ul > li::before {
  margin: 2px;
}

.viewer-toolbar > ul > li + li {
  margin-left: 1px;
}

.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}

.viewer-toolbar > ul > .viewer-small::before {
  margin: -1px;
}

.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}

.viewer-toolbar > ul > .viewer-large::before {
  margin: 5px;
}

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
  opacity: 1;
}

.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button::before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@-webkit-keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.viewer-loading::after {
  -webkit-animation: viewer-spinner 1s linear infinite;
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
.iframeBox___iS6yw {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  min-height: calc(100vh - 100px);
  background: #393A3D;
}
.iframeBox___iS6yw .closeBtn___bF7a3 {
  position: absolute;
  top: -70px;
  right: -70px;
  width: 140px;
  height: 140px;
  background: #000;
  border-radius: 50%;
  border: none;
  outline: none;
  opacity: .5;
  cursor: pointer;
  color: #fff;
}
.iframeBox___iS6yw .closeBtn___bF7a3:hover {
  opacity: 1;
}
.iframeBox___iS6yw .closeBtn___bF7a3 i {
  color: #fff;
  position: absolute;
  font-size: 24px;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  left: 30px;
  bottom: 30px;
}
.wrapper___2uiLi {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.wrapper___2uiLi:active .innerWrapper___3W4SO {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
.innerWrapper___3W4SO {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 36px;
  padding: 0 16px;
  min-width: 36px;
}
.innerWrapper___3W4SO .label___j2YBP {
  color: white;
}
.container___3aAna {
  position: fixed;
  z-index: 100;
  top: calc(0%);
  left: calc(0%);
  width: 100px;
  height: 100px;
}
.progress___2hdYj {
  font-size: 18px;
  line-height: 50px;
  position: absolute;
  top: calc(25%);
  left: calc(25%);
  width: 50px;
  height: 50px;
  text-align: center;
  color: #FFF;
  border-radius: 50%;
  background-color: #19AD19;
}
.progress___2hdYj > span {
  font-size: 14px;
}
.ring___3xJE_ {
  position: absolute;
  top: 20px;
  left: 0;
  width: 90px;
  height: 50px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation: ring___3xJE_ 2s linear 0s infinite normal none;
          animation: ring___3xJE_ 2s linear 0s infinite normal none;
  border: solid 5px #19AD19;
  border-radius: 50%;
}
.ring___3xJE_::before {
  position: absolute;
  top: -5px;
  left: -5px;
  display: block;
  width: 90px;
  height: 50px;
  content: '';
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
  border: solid 5px #19AD19;
  border-radius: 50%;
}
.ring___3xJE_::after {
  position: absolute;
  top: -5px;
  left: -5px;
  display: block;
  width: 90px;
  height: 50px;
  content: '';
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
  border: solid 5px #19AD19;
  border-radius: 50%;
}
@-webkit-keyframes ring___3xJE_ {
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes ring___3xJE_ {
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.wrapper___3sODw {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.wrapper___3sODw:active .icon___3vCfL > * {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.icon___3vCfL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  min-width: 40px;
}
.container___VUAv4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.progressLine___1xdr9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 2px;
  border: solid 1px #666;
  background-color: #DDD;
}
.solidProgressLine___3tnWQ {
  width: auto;
  height: 2px;
  margin-left: -1px;
  background-color: #53D055;
}
.focusContainer___1hwil {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: 2px;
  margin-left: 0;
  -webkit-transition: all 30ms ease;
  -o-transition: all 30ms ease;
  transition: all 30ms ease;
}
.focus___3zMr- {
  width: 10px;
  height: 10px;
  cursor: pointer;
  -webkit-transition: all 30ms ease;
  -o-transition: all 30ms ease;
  transition: all 30ms ease;
  vertical-align: middle;
  border: solid 2px #AAA;
  border-radius: 50%;
  background-color: #53D055;
}
.focusDragging___2mA2b {
  width: 14px;
  height: 14px;
}
.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.rc-slider-handle:focus {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 0 5px #96dbfa;
          box-shadow: 0 0 0 5px #96dbfa;
  outline: none;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 5px #57c5f7;
          box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
          animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
          animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 4px #d9d9d9;
          box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
.container___ujydk {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 200px;
  padding: 5px;
  -webkit-transform-origin: 50% 100% 0;
      -ms-transform-origin: 50% 100% 0;
          transform-origin: 50% 100% 0;
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.container___ujydk .settingTitle___1RhGB {
  font-size: 14px;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  color: #EFF;
}
.container___ujydk .subtitlesSize___268ok {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
}
.container___ujydk .subtitlesSize___268ok > *:not(:first-child) {
  margin-left: 20px;
}
.container___ujydk .velocityScale___19fdQ {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  color: #BDBDBD;
}
.container___ujydk .velocity___1QYnO {
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 5px;
  /* 调整进度条颜色样式 */
}
.container___ujydk .velocity___1QYnO > div:first-child > div:first-child > div:first-child > div:nth-child(1),
.container___ujydk .velocity___1QYnO > div:first-child > div:first-child > div:first-child > div:nth-child(3) {
  background-color: #53D055 !important;
}
.audioControlContainer___2W3PG {
  width: 100%;
  min-height: 5px;
}
.changingAudioTimeTipsContainer___3VMKJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 0;
  max-height: 0;
}
.audioTimeTipsContent___3JJQ9 {
  font-size: 24px;
  font-weight: 800;
  padding: 5px 10px;
  color: #FFF;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.8);
}
.content___1iDQo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
  background: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
}
.audioControlLeftArea___1IzBi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.audioControlRightArea___3yrkE > *:not(:first-child) {
  margin-left: 10px !important;
}
.time___3NR7a {
  font-family: Console, sans-serif;
  margin-left: 10px;
  color: #EFF;
}
.container___3up6y {
  position: relative;
  overflow: hidden;
  min-height: 200px;
}
.scrollContainer___22Cyi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: 0;
}
.section___aP7wh {
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.section___aP7wh > img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1) translateX(0) translateY(0);
      -ms-transform: scale(1) translateX(0) translateY(0);
          transform: scale(1) translateX(0) translateY(0);
  -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}
.sectionContentVerticalCenter___3lWeD,
.canvasContainerContentVerticalCenter___ekgwK,
.pointerCanvasContainerContentVerticalCenter___soRR1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.canvasContainer___8_5xP,
.draftCanvasContainer___TjBa_,
.pointerCanvasContainer___4Aa-W {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.draftCanvasContainer___TjBa_ {
  z-index: 20;
  background-color: #f1ddaa;
}
.pointerCanvasContainer___4Aa-W {
  z-index: 30;
}
.canvasContainer___8_5xP > canvas {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1) translateX(0) translateY(0);
      -ms-transform: scale(1) translateX(0) translateY(0);
          transform: scale(1) translateX(0) translateY(0);
  -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}
.imgLoadFailed___3Nfow {
  width: 196px;
  height: 168.4px;
  background-image: url(/spvr/static/imageLoadFailed.7f4c2a63.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.container___3KX8e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: center;
}
.content___1OUzh {
  font-weight: 800;
  display: inline-block;
  padding: 5px 10px;
  color: yellow;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.8);
}
.limitedInformationContainer___1Obd4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.limitedInformationContainer___1Obd4 > span {
  font-size: 22px;
  font-weight: 800;
  color: #FFF;
}
.container___1RDRs {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  min-height: 200px;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
}
.container___1RDRs > * {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.loadingLogo___2yolr {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.pptPlayground___1QaV4 {
  max-width: 100%;
  max-height: 100%;
}
.subtitlesShow___2lgEc,
.subtitlesHidden___3Q1QO {
  position: relative;
  z-index: 10;
  height: 0;
  max-height: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.subtitlesShow___2lgEc {
  margin-top: -70px;
  margin-bottom: 70px;
}
.subtitlesHidden___3Q1QO {
  margin-top: -10px;
  margin-bottom: 10px;
}
.audioControlShow___2Wz2e,
.audioControlHidden___hGbzQ {
  position: absolute;
  z-index: 50;
  left: 50%;
  height: 66px;
  -webkit-transition: bottom 0.3s ease;
  -o-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.audioControlShow___2Wz2e {
  bottom: 0;
}
.audioControlHidden___hGbzQ {
  bottom: -70px;
}
.courseStatsWrapper___uC_10 {
  font-family: PingFangSC;
  background: #ffffff;
}
.courseStatsWrapper___uC_10 .ant-pagination-item {
  margin-bottom: 0px;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 {
  padding: 0 24px;
  border: 1px solid #F0F0F0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerLeft___N9Hzy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerLeft___N9Hzy > span:nth-child(1) {
  font-size: 18px;
  line-height: 52px;
  color: #333333;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerLeft___N9Hzy > span:nth-child(2) {
  font-size: 13px;
  line-height: 52px;
  color: rgba(51, 51, 51, 0.54);
  margin-left: 24px;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerLeft___N9Hzy .typeTitleWrapper___2-tWt {
  display: grid;
  grid-template-columns: minmax(50px, 80px) minmax(50px, 80px) minmax(50px, 80px) minmax(50px, 80px) minmax(50px, 80px) minmax(50px, 80px) minmax(50px, 80px) minmax(50px, 80px) minmax(50px, 80px) minmax(50px, 80px) minmax(50px, 80px);
  margin-left: 34px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerLeft___N9Hzy .typeTitleWrapper___2-tWt > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerLeft___N9Hzy .typeTitleWrapper___2-tWt > div > span:nth-child(1) {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.125), inset 0px -1px 0px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.125), inset 0px -1px 0px rgba(0, 0, 0, 0.125);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin-right: 8px;
  display: inline-block;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerLeft___N9Hzy .typeTitleWrapper___2-tWt > div > span:nth-child(2) {
  font-size: 14px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.54);
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerRight___2GK47 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #0CA999;
  border-radius: 2px;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerRight___2GK47 button {
  width: 32px;
  height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  outline: none;
  cursor: pointer;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerRight___2GK47 > button:nth-child(1) {
  border-radius: 2px 0 0 2px;
}
.courseStatsWrapper___uC_10 .headerWrapper___2Xb31 .headerRight___2GK47 > button:nth-child(2) {
  border-radius: 0px 2px 2px 0px;
}
.courseStatsWrapper___uC_10 .bodyWrapper___s1mh1 {
  padding: 16px 24px;
}
.courseStatsWrapper___uC_10 .bodyWrapper___s1mh1 .studentSchemaWrapper___1jyxV {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(224, 224, 224, 0.4);
  border: 1px solid rgba(224, 224, 224, 0.4);
  border-radius: 8px;
  height: 16px;
  overflow: hidden;
}
.showDetailWrapper___afxK6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0CA999;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0px;
  background: transparent;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.showDetailWrapper___afxK6 span {
  width: 24px;
  height: 24px;
  margin-right: 2px;
  display: inline-block;
  background-size: cover;
  background-repeat: repeat;
}
.tableStudentNameWrapper___rLnnG img {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 8px;
}
.studentDetailWrapper___1mdPV {
  margin-top: 36px;
}
.studentDetailWrapper___1mdPV .currentStudentDetailWrapper___37AD2 {
  padding: 16px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  width: 100%;
}
.studentDetailWrapper___1mdPV .currentStudentDetailWrapper___37AD2 .tableWrapper___1hen7 {
  width: '100%';
}
.studentDetailWrapper___1mdPV .currentStudentDetailWrapper___37AD2 .tableWrapper___1hen7 > thead > tr > th {
  padding: 0 16px 16px 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.54);
}
.studentDetailWrapper___1mdPV .currentStudentDetailWrapper___37AD2 .tableWrapper___1hen7 > thead > tr > th:nth-child(1) {
  width: 140px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0px;
}
.studentDetailWrapper___1mdPV .currentStudentDetailWrapper___37AD2 .tableWrapper___1hen7 > tbody > tr > td:nth-child(1) {
  width: 140px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0px;
}
.studentDetailWrapper___1mdPV .currentStudentDetailWrapper___37AD2 .tableWrapper___1hen7 > tbody > tr > td {
  padding: 0 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.87);
}
.studentDetailWrapper___1mdPV .detailBodyWrapper___391O2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 36px;
}
.studentTagDetailWrapper___Inpys {
  margin-left: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.studentTagDetailWrapper___Inpys h {
  font-family: PingFangSC;
  font-size: 16px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.studentTagDetailWrapper___Inpys .studentTagWrapper___2Wi9I {
  display: grid;
  grid-template-columns: repeat(auto-fill, 165px);
  grid-gap: 16px;
  padding: 16px 0;
}
.studentTagDetailWrapper___Inpys .studentTagWrapper___2Wi9I .studentTag___2bQaJ {
  font-family: PingFangSC;
  font-size: 14px;
  line-height: 24px;
  padding: 0 24px;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
}
.studentDetailWrapper___3kKEN {
  margin-top: 36px;
}
.studentDetailWrapper___3kKEN .currentStudentDetailWrapper___21f_9 {
  padding: 16px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  width: 100%;
}
.studentDetailWrapper___3kKEN .currentStudentDetailWrapper___21f_9 .tableWrapper___3CDcH {
  width: '100%';
}
.studentDetailWrapper___3kKEN .currentStudentDetailWrapper___21f_9 .tableWrapper___3CDcH > thead > tr > th {
  padding: 0 16px 16px 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.54);
}
.studentDetailWrapper___3kKEN .currentStudentDetailWrapper___21f_9 .tableWrapper___3CDcH > thead > tr > th:nth-child(1) {
  width: 140px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0px;
}
.studentDetailWrapper___3kKEN .currentStudentDetailWrapper___21f_9 .tableWrapper___3CDcH > tbody > tr > td:nth-child(1) {
  width: 140px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0px;
}
.studentDetailWrapper___3kKEN .currentStudentDetailWrapper___21f_9 .tableWrapper___3CDcH > tbody > tr > td {
  padding: 0 16px;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.87);
}
.studentDetailWrapper___3kKEN .detailBodyWrapper___2zwPW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 36px;
}
.studentDetailWrapper___3kKEN .detailBodyWrapper___2zwPW .noStudentActivityData___1beFB {
  width: 716px;
  min-width: 716px;
  height: 338px;
  font-family: PingFangSC;
  font-size: 16px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.studentTagDetailWrapper___1E3Mb {
  margin-left: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.studentTagDetailWrapper___1E3Mb h {
  font-family: PingFangSC;
  font-size: 16px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.studentTagDetailWrapper___1E3Mb .studentTagWrapper___2BZE4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, 176px);
  grid-gap: 16px;
  padding: 16px 0;
}
.studentTagDetailWrapper___1E3Mb .studentTagWrapper___2BZE4 .studentTag___2jFkG {
  font-family: PingFangSC;
  font-size: 14px;
  line-height: 24px;
  padding: 0 24px;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
}
.wrap___r1Lbq {
  background: #fff;
  padding: 24px;
  position: relative;
}
.wrap___r1Lbq .activityLogWrap___TNKM0 > div:first-child {
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap___r1Lbq .activityLogWrap___TNKM0 > div:first-child > div {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 8px;
}
.wrap___r1Lbq .activityLogWrap___TNKM0 .activityListWrap___dtFBN {
  position: relative;
  padding-left: 32px;
  padding-top: 20px;
  padding-bottom: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 280px);
  grid-gap: 16px 36px;
}
.wrap___r1Lbq .activityLogWrap___TNKM0 .activityListWrap___dtFBN::after {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 12px;
  width: 0;
  border-left: 1px dashed #aaa;
}
.wrap___r1Lbq .noData___3foOG {
  font-size: 16px;
  line-height: 100px;
  color: gray;
  text-align: center;
}
.wrap___r1Lbq .noMoreData___3ObEc {
  padding: 24px 0;
  text-align: center;
  color: gray;
  font-size: 16px;
  line-height: 16px;
}
.wrap___r1Lbq .ant-spin-spinning {
  position: absolute;
  top: 200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.topWrapper___3sVTJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.topWrapper___3sVTJ .pickerWrapper___1vLCe {
  position: absolute;
  right: 0;
  margin: 7.5px 0;
}
.topWrapper___3sVTJ .pickerWrapper___1vLCe span {
  margin-left: 10px;
}
.topWrapper___3sVTJ .pageTitle___22vE8 {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -40px;
}
.contentTable___AWe_m {
  background: #fff;
  padding: 20px;
}
.contentTable___AWe_m .topTitle___OX1Zf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
}
.contentTable___AWe_m .topTitle___OX1Zf .tableName___1dNeg {
  font-size: 14px;
  color: #555;
  font-weight: bolder;
  width: 100%;
  line-height: 28px;
}
.contentTable___AWe_m .topTitle___OX1Zf .tableName___1dNeg img {
  margin-bottom: -6px;
}
.contentTable___AWe_m .tableWrapper___3tJ0N .ant-table-thead > tr > th {
  padding: 16px 4px;
}
.contentTable___AWe_m .tableWrapper___3tJ0N .ant-table-tbody > tr > td {
  padding: 16px 8px;
}
.contentTable___AWe_m .tableWrapper___3tJ0N th {
  text-align: center !important;
}
.contentTable___AWe_m .tableWrapper___3tJ0N .textAlign___1JrQk {
  text-align: left;
}
.contentTable___AWe_m .tableWrapper___3tJ0N .numTextAlign___1aepI {
  text-align: right;
}
.teacherManagementWrapper___1rMh8 {
  background: #fff;
  color: #ffffff;
  border-radius: 5px;
  padding: 18px 36px;
}
.teacherManagementWrapper___1rMh8 .topWrapper___4phBV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.teacherManagementWrapper___1rMh8 .startWrapper___3rsvy .start___5zUX7 {
  display: inline-block;
  margin: 0 15px 15px 0;
}
.teacherManagementWrapper___1rMh8 .startWrapper___3rsvy .start___5zUX7 .word___1A086 {
  font-size: 14px;
  color: #656565;
  margin-right: 15px;
}
.teacherManagementWrapper___1rMh8 .searchWrapper___dvgy- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.teacherManagementWrapper___1rMh8 .searchWrapper___dvgy- .leftSearch___1oWIH {
  width: 100%;
}
.teacherManagementWrapper___1rMh8 .searchWrapper___dvgy- .leftSearch___1oWIH button {
  margin-left: 20px;
}
.teacherManagementWrapper___1rMh8 .searchWrapper___dvgy- .rightBtn___26KNG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 145px;
}
.teacherManagementWrapper___1rMh8 .searchWrapper___dvgy- .rightBtn___26KNG button:first-child {
  margin-right: 10px;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .ant-table-thead > tr > th {
  padding: 16px 4px;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .ant-table-tbody > tr > td {
  padding: 16px 8px;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH th {
  text-align: center !important;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .textAlign___2hKKP {
  text-align: left;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .numTextAlign___2eccd {
  text-align: right;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .switchDiv___1xdQo {
  height: 40px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  cursor: pointer;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .switchDiv___1xdQo button {
  margin-right: 5px;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .switchDiv___1xdQo .ant-switch-checked {
  background-color: #189858;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .switchDiv___1xdQo .word___1A086 {
  width: 98px;
  text-align: left;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .btnWrapper___I-cDO {
  margin-bottom: 15px;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .btnWrapper___I-cDO button {
  margin-right: 10px;
}
.teacherManagementWrapper___1rMh8 .tableWrapper___3w7OH .danger___38FJf {
  color: #F56A01;
}
.teacherManagementWrapper___1rMh8 .ant-dropdown {
  height: 300px;
  overflow: auto;
}
.teacherManagementWrapper___1rMh8 .ant-select-selection {
  background: transparent;
  border: none;
  outline: none;
}
.teacherManagementWrapper___1rMh8 .ant-select {
  border: 1px solid #D9D9D9;
  border-radius: 5px;
}
.pageTitle___2GwYF {
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -60px;
  text-shadow: 0 0 30px;
}
.operatingWrapper___sqWra .editBtn___3zmYh {
  color: #0F8EE9;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
.operatingWrapper___sqWra .dangerBtn___K8kOj {
  color: #F56A01;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
.operatingWrapper___sqWra .unFreezeBtn___1dxM6 {
  color: #3DBD7D;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
.operatingWrapper___sqWra .deleteBtn___wo5WY {
  color: #f5222d;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
.rowStartWrapper___2kFml {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 12px;
  margin-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rowStartWrapper___2kFml .normalPoint___2fTr4 {
  width: 6px;
  height: 6px;
  background: #3DBD7D;
  border-radius: 100%;
  margin-right: 10px;
}
.rowStartWrapper___2kFml .normal___2gYSe {
  color: #3DBD7D;
  margin-right: 10px;
}
.rowStartWrapper___2kFml .freezePoint___3Xusi {
  color: #F56A01;
  width: 6px;
  height: 6px;
  background: #F56A01;
  border-radius: 100%;
  margin-right: 10px;
}
.rowStartWrapper___2kFml .freeze___10Qx8 {
  color: #F56A01;
}
.rowStartWrapper___2kFml .inactivated___3_r49 {
  color: #ccc;
}
.editInfoWrapper___38B9U {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.editInfoWrapper___38B9U .editRow___1kdFp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.editInfoWrapper___38B9U .word___1A086 {
  min-width: 80px;
}
.selectCollegeWrapper___14xio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 40px;
}
.selectCollegeWrapper___14xio .college___1qauB {
  margin-right: 20px;
}
.selectCollegeWrapper___14xio .college___1qauB span {
  margin-right: 20px;
}
.ratingScaleHeader___jbOID {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___jbOID h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___jbOID > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.ratingScaleWrap___2UezA {
  background: #f0f2f5;
  padding: 24px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___2UezA .ant-pagination-item {
  margin-bottom: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
}
.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}
.ant-form-item-label > label {
  color: rgba(0, 0, 0, 0.85);
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item label {
  position: relative;
}
.ant-form-item label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-children {
  position: relative;
}
.ant-form-item-with-help {
  margin-bottom: 5px;
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 39.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 22px;
  margin-top: -2px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-explain {
  margin-bottom: -1px;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 30px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input {
  padding-right: 49px;
}
form .has-feedback .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input {
  padding-right: 68px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 28px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 17px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 28px;
}
form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 28px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 28px;
}
form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}
form .ant-upload {
  background: transparent;
}
form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
form .ant-input-number-handler-wrap {
  z-index: 2;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  display: inline-block;
  vertical-align: middle;
}
form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group,
form:not(.ant-form-vertical) .ant-input-group-wrapper {
  position: relative;
  top: -1px;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}
.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}
.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}
@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item-label label::after {
    display: none;
  }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label label::after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
          animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  -webkit-animation-name: diffZoomIn1 !important;
          animation-name: diffZoomIn1 !important;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #faad14;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #faad14;
}
.has-warning .ant-input-prefix {
  color: #faad14;
}
.has-warning .ant-input-group-addon {
  color: #faad14;
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .has-feedback {
  color: #faad14;
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: #faad14;
  -webkit-animation-name: diffZoomIn3 !important;
          animation-name: diffZoomIn3 !important;
}
.has-warning .ant-select-selection {
  border-color: #faad14;
}
.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #faad14;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #faad14;
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #faad14;
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}
.has-error .ant-input-prefix {
  color: #f5222d;
}
.has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .has-feedback {
  color: #f5222d;
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  -webkit-animation-name: diffZoomIn2 !important;
          animation-name: diffZoomIn2 !important;
}
.has-error .ant-select-selection {
  border-color: #f5222d;
}
.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d;
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f5222d;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f5222d;
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #f5222d;
}
.has-error .ant-transfer-list {
  border-color: #f5222d;
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #429eff;
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #429eff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #1980ff;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}
.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 5px;
}
.show-help-enter,
.show-help-appear {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.show-help-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  -webkit-animation-name: antShowHelpIn;
          animation-name: antShowHelpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  -webkit-animation-name: antShowHelpOut;
          animation-name: antShowHelpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.show-help-leave {
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@-webkit-keyframes antShowHelpIn {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpIn {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes antShowHelpOut {
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes antShowHelpOut {
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
}
@-webkit-keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.ant-row-flex::before,
.ant-row-flex::after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ant-row-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ant-row-flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ant-row-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ant-row-flex-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-row-flex-space-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.ant-row-flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ant-row-flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-row-flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ant-col {
  position: relative;
  min-height: 1px;
}
.ant-col-1, .ant-col-xs-1, .ant-col-sm-1, .ant-col-md-1, .ant-col-lg-1, .ant-col-2, .ant-col-xs-2, .ant-col-sm-2, .ant-col-md-2, .ant-col-lg-2, .ant-col-3, .ant-col-xs-3, .ant-col-sm-3, .ant-col-md-3, .ant-col-lg-3, .ant-col-4, .ant-col-xs-4, .ant-col-sm-4, .ant-col-md-4, .ant-col-lg-4, .ant-col-5, .ant-col-xs-5, .ant-col-sm-5, .ant-col-md-5, .ant-col-lg-5, .ant-col-6, .ant-col-xs-6, .ant-col-sm-6, .ant-col-md-6, .ant-col-lg-6, .ant-col-7, .ant-col-xs-7, .ant-col-sm-7, .ant-col-md-7, .ant-col-lg-7, .ant-col-8, .ant-col-xs-8, .ant-col-sm-8, .ant-col-md-8, .ant-col-lg-8, .ant-col-9, .ant-col-xs-9, .ant-col-sm-9, .ant-col-md-9, .ant-col-lg-9, .ant-col-10, .ant-col-xs-10, .ant-col-sm-10, .ant-col-md-10, .ant-col-lg-10, .ant-col-11, .ant-col-xs-11, .ant-col-sm-11, .ant-col-md-11, .ant-col-lg-11, .ant-col-12, .ant-col-xs-12, .ant-col-sm-12, .ant-col-md-12, .ant-col-lg-12, .ant-col-13, .ant-col-xs-13, .ant-col-sm-13, .ant-col-md-13, .ant-col-lg-13, .ant-col-14, .ant-col-xs-14, .ant-col-sm-14, .ant-col-md-14, .ant-col-lg-14, .ant-col-15, .ant-col-xs-15, .ant-col-sm-15, .ant-col-md-15, .ant-col-lg-15, .ant-col-16, .ant-col-xs-16, .ant-col-sm-16, .ant-col-md-16, .ant-col-lg-16, .ant-col-17, .ant-col-xs-17, .ant-col-sm-17, .ant-col-md-17, .ant-col-lg-17, .ant-col-18, .ant-col-xs-18, .ant-col-sm-18, .ant-col-md-18, .ant-col-lg-18, .ant-col-19, .ant-col-xs-19, .ant-col-sm-19, .ant-col-md-19, .ant-col-lg-19, .ant-col-20, .ant-col-xs-20, .ant-col-sm-20, .ant-col-md-20, .ant-col-lg-20, .ant-col-21, .ant-col-xs-21, .ant-col-sm-21, .ant-col-md-21, .ant-col-lg-21, .ant-col-22, .ant-col-xs-22, .ant-col-sm-22, .ant-col-md-22, .ant-col-lg-22, .ant-col-23, .ant-col-xs-23, .ant-col-sm-23, .ant-col-md-23, .ant-col-lg-23, .ant-col-24, .ant-col-xs-24, .ant-col-sm-24, .ant-col-md-24, .ant-col-lg-24 {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.ant-col-1, .ant-col-2, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  float: left;
}
.ant-col-24 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  -webkit-box-ordinal-group: 25;
  -webkit-order: 24;
      -ms-flex-order: 24;
          order: 24;
}
.ant-col-23 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  -webkit-box-ordinal-group: 24;
  -webkit-order: 23;
      -ms-flex-order: 23;
          order: 23;
}
.ant-col-22 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  -webkit-box-ordinal-group: 23;
  -webkit-order: 22;
      -ms-flex-order: 22;
          order: 22;
}
.ant-col-21 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  -webkit-box-ordinal-group: 22;
  -webkit-order: 21;
      -ms-flex-order: 21;
          order: 21;
}
.ant-col-20 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
      -ms-flex-order: 20;
          order: 20;
}
.ant-col-19 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  -webkit-box-ordinal-group: 20;
  -webkit-order: 19;
      -ms-flex-order: 19;
          order: 19;
}
.ant-col-18 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  -webkit-box-ordinal-group: 19;
  -webkit-order: 18;
      -ms-flex-order: 18;
          order: 18;
}
.ant-col-17 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  -webkit-box-ordinal-group: 18;
  -webkit-order: 17;
      -ms-flex-order: 17;
          order: 17;
}
.ant-col-16 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  -webkit-box-ordinal-group: 17;
  -webkit-order: 16;
      -ms-flex-order: 16;
          order: 16;
}
.ant-col-15 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
      -ms-flex-order: 15;
          order: 15;
}
.ant-col-14 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
      -ms-flex-order: 14;
          order: 14;
}
.ant-col-13 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13;
}
.ant-col-12 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}
.ant-col-11 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}
.ant-col-10 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}
.ant-col-9 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}
.ant-col-8 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}
.ant-col-7 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}
.ant-col-6 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}
.ant-col-5 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}
.ant-col-4 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}
.ant-col-3 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
.ant-col-2 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.ant-col-1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}
.ant-col-xs-1, .ant-col-xs-2, .ant-col-xs-3, .ant-col-xs-4, .ant-col-xs-5, .ant-col-xs-6, .ant-col-xs-7, .ant-col-xs-8, .ant-col-xs-9, .ant-col-xs-10, .ant-col-xs-11, .ant-col-xs-12, .ant-col-xs-13, .ant-col-xs-14, .ant-col-xs-15, .ant-col-xs-16, .ant-col-xs-17, .ant-col-xs-18, .ant-col-xs-19, .ant-col-xs-20, .ant-col-xs-21, .ant-col-xs-22, .ant-col-xs-23, .ant-col-xs-24 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  float: left;
}
.ant-col-xs-24 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  -webkit-box-ordinal-group: 25;
  -webkit-order: 24;
      -ms-flex-order: 24;
          order: 24;
}
.ant-col-xs-23 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  -webkit-box-ordinal-group: 24;
  -webkit-order: 23;
      -ms-flex-order: 23;
          order: 23;
}
.ant-col-xs-22 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  -webkit-box-ordinal-group: 23;
  -webkit-order: 22;
      -ms-flex-order: 22;
          order: 22;
}
.ant-col-xs-21 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  -webkit-box-ordinal-group: 22;
  -webkit-order: 21;
      -ms-flex-order: 21;
          order: 21;
}
.ant-col-xs-20 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
      -ms-flex-order: 20;
          order: 20;
}
.ant-col-xs-19 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  -webkit-box-ordinal-group: 20;
  -webkit-order: 19;
      -ms-flex-order: 19;
          order: 19;
}
.ant-col-xs-18 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  -webkit-box-ordinal-group: 19;
  -webkit-order: 18;
      -ms-flex-order: 18;
          order: 18;
}
.ant-col-xs-17 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  -webkit-box-ordinal-group: 18;
  -webkit-order: 17;
      -ms-flex-order: 17;
          order: 17;
}
.ant-col-xs-16 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  -webkit-box-ordinal-group: 17;
  -webkit-order: 16;
      -ms-flex-order: 16;
          order: 16;
}
.ant-col-xs-15 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
      -ms-flex-order: 15;
          order: 15;
}
.ant-col-xs-14 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
      -ms-flex-order: 14;
          order: 14;
}
.ant-col-xs-13 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13;
}
.ant-col-xs-12 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}
.ant-col-xs-11 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}
.ant-col-xs-10 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}
.ant-col-xs-9 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}
.ant-col-xs-8 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}
.ant-col-xs-7 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}
.ant-col-xs-6 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}
.ant-col-xs-5 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}
.ant-col-xs-4 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}
.ant-col-xs-3 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
.ant-col-xs-2 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.ant-col-xs-1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-1, .ant-col-sm-2, .ant-col-sm-3, .ant-col-sm-4, .ant-col-sm-5, .ant-col-sm-6, .ant-col-sm-7, .ant-col-sm-8, .ant-col-sm-9, .ant-col-sm-10, .ant-col-sm-11, .ant-col-sm-12, .ant-col-sm-13, .ant-col-sm-14, .ant-col-sm-15, .ant-col-sm-16, .ant-col-sm-17, .ant-col-sm-18, .ant-col-sm-19, .ant-col-sm-20, .ant-col-sm-21, .ant-col-sm-22, .ant-col-sm-23, .ant-col-sm-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-sm-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-1, .ant-col-md-2, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-md-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-md-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-md-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-md-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-md-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-md-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-md-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-md-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-md-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-md-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-md-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-md-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-md-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-md-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-md-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-md-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-md-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-md-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-md-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-md-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-md-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-md-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-md-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-md-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-1, .ant-col-lg-2, .ant-col-lg-3, .ant-col-lg-4, .ant-col-lg-5, .ant-col-lg-6, .ant-col-lg-7, .ant-col-lg-8, .ant-col-lg-9, .ant-col-lg-10, .ant-col-lg-11, .ant-col-lg-12, .ant-col-lg-13, .ant-col-lg-14, .ant-col-lg-15, .ant-col-lg-16, .ant-col-lg-17, .ant-col-lg-18, .ant-col-lg-19, .ant-col-lg-20, .ant-col-lg-21, .ant-col-lg-22, .ant-col-lg-23, .ant-col-lg-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-lg-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-1, .ant-col-xl-2, .ant-col-xl-3, .ant-col-xl-4, .ant-col-xl-5, .ant-col-xl-6, .ant-col-xl-7, .ant-col-xl-8, .ant-col-xl-9, .ant-col-xl-10, .ant-col-xl-11, .ant-col-xl-12, .ant-col-xl-13, .ant-col-xl-14, .ant-col-xl-15, .ant-col-xl-16, .ant-col-xl-17, .ant-col-xl-18, .ant-col-xl-19, .ant-col-xl-20, .ant-col-xl-21, .ant-col-xl-22, .ant-col-xl-23, .ant-col-xl-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-xl-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-1, .ant-col-xxl-2, .ant-col-xxl-3, .ant-col-xxl-4, .ant-col-xxl-5, .ant-col-xxl-6, .ant-col-xxl-7, .ant-col-xxl-8, .ant-col-xxl-9, .ant-col-xxl-10, .ant-col-xxl-11, .ant-col-xxl-12, .ant-col-xxl-13, .ant-col-xxl-14, .ant-col-xxl-15, .ant-col-xxl-16, .ant-col-xxl-17, .ant-col-xxl-18, .ant-col-xxl-19, .ant-col-xxl-20, .ant-col-xxl-21, .ant-col-xxl-22, .ant-col-xxl-23, .ant-col-xxl-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-xxl-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
}
.studentManagementWrapper___11st_ .pageTop___2u6PS {
  position: relative;
}
.studentManagementWrapper___11st_ .pageTitle___3L4UT {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -60px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp {
  background: #fff;
  color: #bfbfbf;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 18px 36px 45px 36px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .startWrapper___3es70 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .start___1T1Nr {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .start___1T1Nr .word___3DjLS {
  font-size: 14px;
  color: #656565;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .divFlex___2_Qcp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .searchWrapper___1eplz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .searchWrapper___1eplz .leftSearch___3kUxC {
  margin-right: 10px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .searchWrapper___1eplz .leftSearch___3kUxC button {
  margin-left: 20px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .searchWrapper___1eplz .rightBtn___w1lOm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 145px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .searchWrapper___1eplz .rightBtn___w1lOm button:first-child {
  margin-right: 10px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .tableWrapper___3KZ_7 {
  padding: 18px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .tableWrapper___3KZ_7 .btnWrapper___1DORC {
  margin-bottom: 15px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .tableWrapper___3KZ_7 .btnWrapper___1DORC button {
  margin-right: 10px;
}
.studentManagementWrapper___11st_ .wrapper___Rg3zp .tableWrapper___3KZ_7 .danger___toz0g {
  color: #f56a01;
}
.studentManagementWrapper___11st_ .operatingWrapper___6N4dX {
  min-width: 101px;
}
.studentManagementWrapper___11st_ .operatingWrapper___6N4dX .editBtn___3sAMQ {
  color: #0f8ee9;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
.studentManagementWrapper___11st_ .operatingWrapper___6N4dX .deleteBtn___4REFM {
  color: #f5222d;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
.studentManagementWrapper___11st_ .rowStartWrapper___Yyxol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.studentManagementWrapper___11st_ .rowStartWrapper___Yyxol .normalPoint___1duXa {
  width: 6px;
  height: 6px;
  background: #3dbd7d;
  border-radius: 100%;
  margin-right: 10px;
}
.studentManagementWrapper___11st_ .rowStartWrapper___Yyxol .normal___1_gc0 {
  color: #3dbd7d;
}
.studentManagementWrapper___11st_ .rowStartWrapper___Yyxol .freezePoint___2ZcCb {
  color: #f56a01;
  width: 6px;
  height: 6px;
  background: #f56a01;
  border-radius: 100%;
  margin-right: 10px;
}
.studentManagementWrapper___11st_ .rowStartWrapper___Yyxol .freeze___1vDGa {
  color: #f56a01;
}
.studentManagementWrapper___11st_ .selectDepartmentWrapper___CiAgB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.studentManagementWrapper___11st_ .selectDepartmentWrapper___CiAgB .word___3DjLS {
  font-size: 14px;
  color: #656565;
  text-align: right;
}
.studentManagementWrapper___11st_ .selectDepartmentWrapper___CiAgB .college___apKWm {
  margin-right: 20px;
}
.studentManagementWrapper___11st_ .selectDepartmentWrapper___CiAgB .college___apKWm span {
  margin-right: 20px;
}
.studentManagementWrapper___11st_ .ant-dropdown {
  height: 300px;
  overflow: auto;
}
.studentManagementWrapper___11st_ .ant-select-selection {
  background: transparent;
  outline: none;
}
.studentManagementWrapper___11st_ .ant-form {
  max-height: 500px;
  overflow: auto;
}
.studentManagementWrapper___11st_ .ant-table-thead > tr > th,
.studentManagementWrapper___11st_ .ant-table-tbody > tr > td {
  padding: 16px 4px;
}
.studentManagementWrapper___11st_ .studentTabWrapper___IUFPQ .ant-table-thead > tr > th {
  padding: 16px 4px;
}
.studentManagementWrapper___11st_ .studentTabWrapper___IUFPQ .ant-table-tbody > tr > td {
  padding: 16px 8px;
}
.studentManagementWrapper___11st_ .studentTabWrapper___IUFPQ th {
  text-align: center !important;
}
.studentManagementWrapper___11st_ .studentTabWrapper___IUFPQ .textAlign___7DxEQ {
  text-align: left;
}
.studentManagementWrapper___11st_ .studentTabWrapper___IUFPQ .numTextAlign___2qDHP {
  text-align: right;
}
.studentDetailed___2Ao5Y {
  background: #f0f2f5;
  padding-bottom: 16px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.studentDetailed___2Ao5Y .studentInfo___2E714 {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.studentDetailed___2Ao5Y .studentInfo___2E714 .student___2krsI {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 18px 0 0;
}
.studentDetailed___2Ao5Y .studentInfo___2E714 .student___2krsI .marginBottom___28KQd {
  margin-bottom: 5px;
}
.studentDetailed___2Ao5Y .studentInfo___2E714 .student___2krsI .name___31UnJ {
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}
.studentDetailed___2Ao5Y .studentInfo___2E714 .student___2krsI img {
  color: #ffffff;
  background-color: #bcbcbc;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 35px;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  margin-right: 18px;
}
.studentDetailed___2Ao5Y .studentInfo___2E714 .studentCourseInfo___1W_oy .top___2aDaq {
  margin-bottom: 8px;
}
.studentDetailed___2Ao5Y .studentInfo___2E714 .studentCourseInfo___1W_oy .word___10vZN {
  font-size: 12px;
  font-weight: normal;
  color: #888;
}
.studentDetailed___2Ao5Y .studentInfo___2E714 .studentCourseInfo___1W_oy .num___2XyqW {
  font-size: 16px;
  font-weight: bolder;
}
.studentDetailed___2Ao5Y .studentInfo___2E714 .studentCourseInfo___1W_oy .unit___lcTIQ {
  margin-left: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #888;
}
.studentDetailed___2Ao5Y .studentInfo___2E714 .studentCourseInfo___1W_oy > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.studentDetailed___2Ao5Y .studentInfo___2E714 .studentCourseInfo___1W_oy > div > div {
  text-align: center;
  min-width: 100px;
}
.studentDetailed___2Ao5Y .studentInfoWrapper___23e2F {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 29px 14px;
  position: relative;
}
.studentDetailed___2Ao5Y .studentInfoWrapper___23e2F .studentAvatar___NOf-m {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 8px;
}
.studentDetailed___2Ao5Y .studentInfoWrapper___23e2F .studentMsg___1zmQm {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.studentDetailed___2Ao5Y .studentInfoWrapper___23e2F .studentMsg___1zmQm .studentName___3hQP7 {
  font-size: 22px;
  color: #333333;
  line-height: 28px;
  margin-bottom: 5px;
}
.studentDetailed___2Ao5Y .studentInfoWrapper___23e2F .studentMsg___1zmQm .studentNumber___1Juh2 {
  font-size: 12px;
  color: #9b9b9b;
  line-height: 17px;
}
.studentDetailed___2Ao5Y .numberWrapper___2NjI3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  margin: 16px;
}
.studentDetailed___2Ao5Y .studentJoinClassWrapper___2qMoi {
  margin: 0 16px;
  background: #ffffff;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  padding-bottom: 16px;
}
.studentDetailed___2Ao5Y .studentJoinClassWrapper___2qMoi .joinClassTop___2Mwxm {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 55px;
  border-bottom: 1px solid #f0f0f0;
  padding-left: 24px;
}
.studentDetailed___2Ao5Y .tableWrpaaer___1dsQB {
  margin: 14px 14px 0 14px;
  position: relative;
}
.studentDetailed___13y8d {
  background: #fff;
  padding: 18px;
  margin-bottom: 24px;
  position: relative;
}
.studentDetailed___13y8d .studentInfo___26j1B {
  padding: 18px;
  position: relative;
  margin-bottom: 18px;
}
.studentDetailed___13y8d .studentInfo___26j1B > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.studentDetailed___13y8d .studentInfo___26j1B .source___1_Mso {
  font-weight: bolder;
  font-size: 16px;
}
.studentDetailed___13y8d .tableWrpaaer___2UTcc {
  margin-bottom: 18px;
}
.studentDetailed___13y8d .tableWrpaaer___2UTcc .studentStaticWrapper___3HHrt {
  position: relative;
  min-height: 300px;
}
.studentDetailed___13y8d .tableWrpaaer___2UTcc .studentStaticWrapper___3HHrt .spinStyles___1kWZD {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.studentDetailed___13y8d .tableWrpaaer___2UTcc .coursewareTable___1rJZA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 32px;
  border-bottom: 1px solid #eee;
}
.pageTitle___irAe_ {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.contentTable___1BqCn {
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 18px 36px 45px 36px;
}
.contentTable___1BqCn .btnWrapper___1EQf2 {
  width: 100%;
  text-align: right;
  margin-bottom: 20px;
}
.contentTable___1BqCn .tableWrapper___YgAfC .ant-table-thead > tr > th {
  padding: 16px 4px;
}
.contentTable___1BqCn .tableWrapper___YgAfC .ant-table-tbody > tr > td {
  padding: 16px 8px;
}
.contentTable___1BqCn .tableWrapper___YgAfC th {
  text-align: center !important;
}
.contentTable___1BqCn .tableWrapper___YgAfC .textAlign___1cR5x {
  text-align: left;
}
.contentTable___1BqCn .tableWrapper___YgAfC .numTextAlign___1kHnX {
  text-align: right;
}
.operatingWrapper___jOjnh .editBtn___2HVUj {
  color: #0e8ee9;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
.ratingScaleWrap___3Lwqf {
  background: #f0f2f5;
  padding: 24px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___3Lwqf .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___da3dh {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 20px;
}
.ratingScaleContent___AOK3K {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
}
.roleTab___EgaTe {
  text-align: center;
}
.roleTab___EgaTe > div:nth-of-type(1) {
  margin-bottom: 0;
}
.contentWrap___25FA9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 44px);
}
.contentLeft___2U8Ti {
  width: 240px;
  height: 100%;
  border-right: 1px solid #e8e8e8;
}
.contentLeft___2U8Ti > h4 {
  margin: 0;
  padding: 16px 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.45);
}
.departmentList___yTVfX {
  height: calc(100% - 48px);
  overflow-y: auto;
}
.departmentItem___4ohUH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 9px 16px 9px 40px;
  border: none;
  border-right: 3px solid transparent;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.departmentItem___4ohUH.active___pCnVC {
  border-color: #1980ff;
  background: #e6f7ff;
}
.departmentItem___4ohUH.active___pCnVC > span {
  color: #1980ff;
}
.departmentItem___4ohUH.active___pCnVC > b {
  background: #1980ff;
}
.departmentItem___4ohUH > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  color: rgba(0, 0, 0, 0.85);
}
.departmentItem___4ohUH > b {
  width: 32px;
  height: 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: #bfbfbf;
  border-radius: 10px;
}
.contentRight___1T4gj {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 24px 24px;
}
.contentForm___2cdgu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___2cdgu > div:nth-of-type(1) > div {
  margin-right: 8px;
}
.contentForm___2cdgu > div:nth-of-type(2) > button {
  margin-right: 8px;
}
.contentForm___2cdgu > div:nth-of-type(2) > button:nth-last-of-type(1) {
  margin-right: 0;
}
.typeTab___3F4Eg > div:nth-of-type(1) {
  margin-bottom: 0;
}
.deleteBtn___2dCup {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-left: 8px;
}
.deleteBtn___2dCup:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.contentTable___3FNSb {
  height: calc(100% - 60px);
}
.contentTable___3FNSb tr th:nth-last-of-type(1),
.contentTable___3FNSb tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___3FNSb tr th:nth-last-of-type(1) button,
.contentTable___3FNSb tr td:nth-last-of-type(1) button {
  padding: 0;
}
.addModal___15__C {
  width: 368px !important;
}
.addTarget___3Xu4f > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___3Xu4f .addItem___T4VRX {
  margin-bottom: 24px;
}
.addTarget___3Xu4f .addItem___T4VRX > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___3Xu4f .addItem___T4VRX > div {
  width: 100%;
}
.addTarget___3Xu4f .addItem___T4VRX .textBox___DERwg {
  font-size: 16px;
  color: #333333;
}
.addTarget___3Xu4f .addTargetFooter___2rEXF {
  padding-top: 24px;
  text-align: right;
}
.addTarget___3Xu4f .addTargetFooter___2rEXF > button:nth-of-type(1) {
  margin-right: 12px;
}
.selectTeacherModal___1Bqdu {
  width: 1000px !important;
  padding-bottom: 0;
}
.selectTeacher___3FTbz {
  width: 952px;
  height: calc(80vh - 154px);
  border: 1px solid #dfdfdf;
}
.filterBox___1XGuS {
  width: 100%;
  padding: 16px;
  border-bottom: 1px solid #dfdfdf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.filterItem___OHtN_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.filterItem___OHtN_ > span {
  margin-right: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  color: rgba(51, 51, 51, 0.85);
}
.teacherTable___FIXB9 {
  width: 100%;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.ant-tree.ant-tree-directory {
  position: relative;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #e6f5ff;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: #1980ff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #1980ff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: #1980ff;
}
.ant-tree-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #1980ff;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1980ff;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  -o-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  -o-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1980ff;
  border-color: #1980ff;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1980ff;
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%;
}
.ant-tree ol,
.ant-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: #1980ff;
  opacity: 0.8;
}
.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: #1980ff;
}
.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: #1980ff;
}
.ant-tree li.filter-node > span {
  color: #f5222d !important;
  font-weight: 500 !important;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1980ff;
  font-size: 14px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0;
}
.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #e6f5ff;
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bde3ff;
}
.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-tree li span.ant-tree-iconEle:empty {
  display: none;
}
.ant-tree li span.ant-tree-switcher {
  position: relative;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none;
}
.ant-tree > li:first-child {
  padding-top: 7px;
}
.ant-tree > li:last-child {
  padding-bottom: 7px;
}
.ant-tree-child-tree > li:first-child {
  padding-top: 8px;
}
.ant-tree-child-tree > li:last-child {
  padding-bottom: 0;
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree.ant-tree-show-line li {
  position: relative;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #fff;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  height: calc(78%);
  margin: 22px 0 0;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none;
}
.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px);
}
.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
.orgManagementWrapper___17515 {
  background: #fff;
  color: #fff;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 18px 36px 45px 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.orgManagementWrapper___17515 .icon___1s_uU {
  margin-right: 12px;
}
.orgManagementWrapper___17515 .iconUserAdd___2DqQO {
  font-size: 14px;
  color: #fff;
  margin-left: 10px;
  background: #888;
  border-radius: 100%;
  padding: 2px;
}
.orgManagementWrapper___17515 .iconOrgAdd___1N12B {
  font-size: 14px;
  color: #888;
  margin-left: 10px;
  border-radius: 100%;
  padding: 2px;
}
.orgManagementWrapper___17515 .iconOrgEdit___GGW7m {
  font-size: 14px;
  color: #0f8ee9;
  margin-left: 10px;
  border-radius: 100%;
  padding: 2px;
}
.orgManagementWrapper___17515 .iconOrgEdit___GGW7m:hover {
  background: #888;
  color: #fff;
}
.orgManagementWrapper___17515 .iconOrgDelete___2Cnyl {
  font-size: 14px;
  color: #f5222d;
  margin-left: 10px;
  border-radius: 100%;
  padding: 2px;
}
.orgManagementWrapper___17515 .iconOrgDelete___2Cnyl:hover {
  background: #888;
  color: #fff;
}
.orgManagementWrapper___17515 .treeTitle___1krFa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.orgManagementWrapper___17515 .treeWrapper___3gmWz {
  min-width: 400px;
  margin-right: 20px;
  overflow: auto;
}
.orgManagementWrapper___17515 .editForm___2HOhQ {
  width: 300px;
}
.orgManagementWrapper___17515 .editForm___2HOhQ .editTitle___1YKez {
  font-size: 16px;
  color: #261f26;
  font-weight: 900;
  margin-bottom: 20px;
}
.pageTitle___1pOcP {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.historyDataQueryMain___3D-il .topWrapper___2FB8K {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.historyDataQueryMain___3D-il .topWrapper___2FB8K .pageTitle___1E7Fw {
  font-size: 20px;
  color: #fff;
  height: 48px;
  line-height: 48px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -60px;
  text-shadow: 0 0 30px;
}
.historyDataQueryMain___3D-il .historyDataWrapper___1aqHh {
  background: #fff;
  padding: 18px;
}
.historyDataQueryMain___3D-il .historyDataWrapper___1aqHh .queryWrapper___1YaJO {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 30px;
}
.historyDataQueryMain___3D-il .historyDataWrapper___1aqHh .queryWrapper___1YaJO .queryBox___3uJNg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 30px;
}
.historyDataQueryMain___3D-il .historyDataWrapper___1aqHh .dataTable___1pwHc .ant-table-thead > tr > th {
  text-align: center;
}
.historyDataQueryMain___3D-il .historyDataWrapper___1aqHh .dataTable___1pwHc .textAlign___4bw5C {
  text-align: left;
}
.historyDataQueryMain___3D-il .historyDataWrapper___1aqHh .dataTable___1pwHc .numTextAlign___25UOL {
  text-align: right;
}
.historyDataDetailedBoxMain___38tss .pageTitle___2kNU8 {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  position: relative;
}
.historyDataDetailedBoxMain___38tss .pageTitle___2kNU8 > button {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 30px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: #f5f5f5;
  outline: none;
}
.historyDataDetailedBoxMain___38tss .boxWrapper___1yenE {
  padding: 18px;
  position: relative;
}
.historyDataDetailedBoxMain___38tss .boxWrapper___1yenE .box___2qtRK {
  display: grid;
  grid-template-columns: repeat(auto-fill, 300px);
  grid-gap: 40px;
}
.historyDataDetailedBoxMain___38tss .boxWrapper___1yenE .box___2qtRK > div > button {
  height: 80px;
  padding: 0;
  color: #fff;
  border-radius: 5px;
  border: none;
  background: rgba(255, 255, 255, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.historyDataDetailedBoxMain___38tss .boxWrapper___1yenE .box___2qtRK > div > button:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.historyDataDetailedBoxMain___38tss .boxWrapper___1yenE .box___2qtRK > div > button .num___gaLMK {
  color: rgba(234, 182, 11, 0.97);
  line-height: 80px;
  min-width: 60px;
  font-size: 30px;
}
.historyDataDetailedBoxMain___38tss .boxWrapper___1yenE .box___2qtRK > div > button .smallChartWrapprt___3Hx9V {
  width: 240px;
  margin-top: -20px;
}
.historyDataDetailedBoxMain___38tss .boxWrapper___1yenE .box___2qtRK > div > button .classInfo___aMNUT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.historyDataDetailedBoxMain___38tss .boxWrapper___1yenE .box___2qtRK > div > button .classInfo___aMNUT .unit___Ej0Ww {
  font-size: 12px;
  color: #888;
}
.historyDataDetailedBoxMain___38tss .boxWrapper___1yenE .box___2qtRK .courseRoomMsg___1uQfB {
  width: 300px;
  font-size: 14px;
  color: #fff;
  margin-top: 8px;
  text-align: center;
}
.wrapper___1j1b1 {
  padding: 12px 24px;
  font-family: PingFang SC;
  background: #111111;
  min-height: calc(100vh - 100px);
}
.wrapper___1j1b1 .ant-btn {
  color: #000;
  height: 36px;
  background: #eee;
}
.wrapper___1j1b1 .ant-btn.ant-btn-primary {
  background: #1980ff;
  color: #fff;
}
.wrapper___1j1b1 .headerWrapper___uxNH8 {
  display: grid;
  grid-template-columns: 100px 1fr 94px 94px;
  grid-column-gap: 24px;
}
.wrapper___1j1b1 .headerWrapper___uxNH8.isLive___1aL_B {
  grid-template-columns: 100px 1fr 156px 120px /*94px*/;
}
.wrapper___1j1b1 .headerWrapper___uxNH8.isLive___1aL_B .headerTitleContent___31-zE {
  text-align: left;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wrapper___1j1b1 .headerWrapper___uxNH8 .headerTitleContent___31-zE {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #fff;
}
.wrapper___1j1b1 .headerWrapper___uxNH8 .headerTitleContent___31-zE > span:last-child {
  font-size: 14px;
  line-height: 16px;
}
.wrapper___1j1b1 .headerWrapper___uxNH8 > button {
  font-size: 16px;
}
.wrapper___1j1b1 .headerWrapper___uxNH8 > button > i {
  font-size: 20px;
  height: 20px;
  vertical-align: middle;
}
.wrapper___1j1b1 .headerWrapper___uxNH8 > button > span {
  display: inline-block;
  vertical-align: middle;
}
.wrapper___1j1b1 .containerMain___38XGg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___1j1b1 .containerLeft___3nqD6 {
  width: calc(100% - 472px);
}
.wrapper___1j1b1 .containerRight___3saW8 {
  width: 472px;
  padding-left: 24px;
}
.wrapper___1j1b1 .liveWrapper___3Rl1y {
  height: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.wrapper___1j1b1 .liveWrapper___3Rl1y > button {
  width: 24px;
  height: 24px;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 9999;
}
.wrapper___1j1b1 .liveWrapper___3Rl1y > button svg {
  width: 22px;
  height: 22px;
}
.wrapper___1j1b1 .liveWrapper___3Rl1y > div {
  width: 100%;
}
.wrapper___1j1b1 .liveWrapper___3Rl1y.fullScreenWrapper___3THup > div {
  height: calc(56.25vw);
}
.wrapper___1j1b1 .imgWrapper___3NM8M {
  margin-top: 24px;
  position: relative;
}
.wrapper___1j1b1 .imgWrapper___3NM8M > div {
  border: 1px solid #303032;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  min-height: 100px;
  position: absolute;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.wrapper___1j1b1 .imgWrapper___3NM8M > div > img {
  max-width: 100%;
  max-height: 100%;
}
.wrapper___1j1b1 .imgWrapper___3NM8M > div > span {
  display: block;
  position: relative;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.wrapper___1j1b1 .imgWrapper___3NM8M > div > i {
  position: absolute;
  top: 16px;
  left: 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.wrapper___1j1b1 .imgWrapper___3NM8M > div .fullScreenBtn___21PIy {
  width: 32px;
  height: 32px !important;
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: #000 !important;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  opacity: 0.6;
}
.wrapper___1j1b1 .imgWrapper___3NM8M > div .fullScreenBtn___21PIy > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}
.wrapper___1j1b1 .imgWrapper___3NM8M > div .fullScreenBtn___21PIy > svg {
  width: 18px;
  height: 18px;
}
.wrapper___1j1b1 .imgWrapper___3NM8M .largeImg___1gDvF {
  left: 0;
  top: 0;
  width: 80%;
  height: 100%;
}
.wrapper___1j1b1 .imgWrapper___3NM8M .firstImg___1IrmU {
  left: calc(80% + 8px);
  top: 0;
  width: calc(20% - 16px);
}
.wrapper___1j1b1 .imgWrapper___3NM8M .firstImg___1IrmU > i {
  top: 8px;
  left: 8px;
}
.wrapper___1j1b1 .imgWrapper___3NM8M .firstImg___1IrmU .fullScreenBtn___21PIy {
  right: 8px;
  bottom: #7b7b7b;
}
.wrapper___1j1b1 .imgWrapper___3NM8M .secondImg___tbKIj {
  left: calc(80% + 8px);
  top: 25%;
  width: calc(20% - 16px);
}
.wrapper___1j1b1 .imgWrapper___3NM8M .thirdImg___3KV82 {
  left: calc(80% + 8px);
  top: 50%;
  width: calc(20% - 16px);
}
.wrapper___1j1b1 .imgWrapper___3NM8M .fourthImg___3srwR {
  left: calc(80% + 8px);
  top: 75%;
  width: calc(20% - 16px);
}
.wrapper___1j1b1 .imgsBox___3F8pH {
  width: calc(20% - 16px);
  height: 100%;
}
.wrapper___1j1b1 .imgsBox___3F8pH > div {
  border: 1px solid #303032;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  position: absolute;
  height: auto;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.wrapper___1j1b1 .imgsBox___3F8pH > div > div {
  width: 100%;
}
.wrapper___1j1b1 .imgsBox___3F8pH > div > div > img {
  width: 100%;
  height: auto;
}
.wrapper___1j1b1 .imgsBox___3F8pH > div > span {
  display: block;
  position: relative;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.wrapper___1j1b1 .imgsBox___3F8pH > div > i {
  position: absolute;
  top: 8px;
  left: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.wrapper___1j1b1 .imgsBox___3F8pH > div .fullScreenBtn___21PIy {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: #000;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  opacity: 0.6;
}
.wrapper___1j1b1 .imgsBox___3F8pH > div .fullScreenBtn___21PIy > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}
.wrapper___1j1b1 .imgsBox___3F8pH > div .fullScreenBtn___21PIy > svg {
  width: 18px;
  height: 18px;
}
.imgFullScreenShow___3JLTB > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
}
.imgFullScreenShow___3JLTB > div:nth-of-type(2) > div {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0;
}
.imgFullScreenShow___3JLTB img {
  width: 100%;
  height: auto;
}
.historyList___3CgCj {
  width: 100%;
}
.historyList___3CgCj .historyItem___3Gd0o {
  width: 100%;
  height: 75px;
  padding: 16px 24px 16px 20px;
  border: none;
  border-left: 4px solid transparent;
  border-radius: 0;
}
.historyList___3CgCj .historyItem___3Gd0o.active___qu_Mt {
  border-color: #1980ff;
}
.historyList___3CgCj .historyItem___3Gd0o > p {
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  font-family: inherit;
  padding: 0;
  margin: 0;
}
.historyList___3CgCj .historyItem___3Gd0o > p:nth-of-type(2) {
  font-size: 14px;
  line-height: 16px;
  color: #aaa;
  margin-top: 8px;
}
.historyList___3CgCj .historyItem___3Gd0o > p span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 50px);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.historyList___3CgCj .historyItem___3Gd0o > p i,
.historyList___3CgCj .historyItem___3Gd0o > p b {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.75);
  text-align: right;
}
.historyList___3CgCj > span {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 32px;
}
.videoWrap___1OeSJ {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: -100%;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
  z-index: 100;
}
.videoWrap___1OeSJ.videoWrapShow___1OJ8y {
  top: 0;
}
.videoBox___1LKdv {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 10%;
  top: 10%;
}
.videoBox___1LKdv > button {
  width: 24px;
  height: 24px;
  padding: 3px;
  position: absolute;
  right: 12px;
  top: 12px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
@charset "UTF-8";
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\F101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\F102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\F10A";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\F10B";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\F10C";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\F10D";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\F10F";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\F110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\F111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\F112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\F113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\F114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\F117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\F118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\F119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\F11A";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\F11B";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\F11C";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\F11F";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\F120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\F121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\F122";
}

.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  -webkit-transition: left 0s;
  -o-transition: left 0s;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  -webkit-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
          transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
          transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
          animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: -webkit-linear-gradient(bottom, #fff 88%, #73859f 100%);
  background-image: -o-linear-gradient(bottom, #fff 88%, #73859f 100%);
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: -webkit-linear-gradient(top, #fff 88%, #73859f 100%);
  background-image: -o-linear-gradient(top, #fff 88%, #73859f 100%);
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}
.liveWrapper___32qTv {
  height: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.liveWrapper___32qTv > button {
  width: 24px;
  height: 24px;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 9999;
}
.liveWrapper___32qTv > button svg {
  width: 22px;
  height: 22px;
}
.liveWrapper___32qTv .livePlayerBox___1SOFz {
  width: 100%;
}
.liveWrapper___32qTv .webrtcPlayerBox___uX-P7 {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}
.liveWrapper___32qTv .webrtcPlayerBox___uX-P7:hover > .controls___1B69r {
  bottom: 0;
  opacity: 1;
}
.liveWrapper___32qTv .controls___1B69r {
  width: calc(100% + 2px);
  position: absolute;
  bottom: -48px;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.liveWrapper___32qTv .controls___1B69r button {
  height: 48px;
  width: 48px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-appearance: unset;
     -moz-appearance: unset;
          appearance: unset;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  position: relative;
}
.liveWrapper___32qTv .controls___1B69r button:hover {
  background-color: rgba(0, 0, 0, 0.9);
}
.liveWrapper___32qTv .controls___1B69r > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.liveWrapper___32qTv .controls___1B69r .rangeInputBox___41Xkq {
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: 0;
  right: 48px;
  cursor: pointer;
}
.liveWrapper___32qTv .controls___1B69r .rangeInputBox___41Xkq:hover > .rangeInput___6ZEEi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.liveWrapper___32qTv .controls___1B69r .rangeInput___6ZEEi {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 28px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 14px;
  left: 24px;
  bottom: 34px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: rotateZ(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotateZ(-90deg);
  position: absolute;
}
.liveWrapper___32qTv .controls___1B69r .rangeInput___6ZEEi > input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 60px;
  background-color: transparent;
  height: 8px;
  border-radius: 6px;
}
.liveWrapper___32qTv .controls___1B69r .rangeInput___6ZEEi > input:hover {
  outline: none;
}
.liveWrapper___32qTv .controls___1B69r .rangeInput___6ZEEi > input::-webkit-slider-runnable-track {
  -webkit-appearance: none;
          appearance: none;
  height: 8px;
  border-radius: 6px;
}
.liveWrapper___32qTv .controls___1B69r .rangeInput___6ZEEi > input::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 12px;
  height: 12px;
  margin-top: -2px;
  background: #fff;
  border-radius: 50%;
}
.liveWrapper___32qTv .webrtcPlayerBox___uX-P7 > audio {
  opacity: 0;
  height: 0;
  width: 0;
  bottom: 0;
  position: absolute;
}
.liveWrapper___32qTv .webrtcPlayerBox___uX-P7 > video {
  max-width: 100%;
  max-height: 100%;
  width: 0;
  height: 0;
  opacity: 0;
}
.liveWrapper___32qTv .webrtcPlayerBox___uX-P7 > video::-webkit-media-controls-volume-control-container {
  display: none;
}
.liveWrapper___32qTv.fullScreenWrapper___8G07c > .livePlayerBox___1SOFz {
  height: calc(56.25vw);
}
.liveWrapper___32qTv.withWebrtc___2HJb2 > .livePlayerBox___1SOFz {
  width: 0;
  height: 0;
  opacity: 0;
}
.liveWrapper___32qTv.withWebrtc___2HJb2 > .webrtcPlayerBox___uX-P7 > video {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.imgWrapper___34EVH {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
  margin-top: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#3c3c3c));
  background: -webkit-linear-gradient(top, #777 0%, #3c3c3c 100%);
  background: -o-linear-gradient(top, #777 0%, #3c3c3c 100%);
  background: linear-gradient(180deg, #777 0%, #3c3c3c 100%);
  border: 1px solid rgba(0, 0, 0, 0.0803);
  border-radius: 4px;
}
.imgWrapperWithOthers___1m2nK {
  min-height: 400px;
  margin-top: 12px;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#3c3c3c));
  background: -webkit-linear-gradient(top, #777 0%, #3c3c3c 100%);
  background: -o-linear-gradient(top, #777 0%, #3c3c3c 100%);
  background: linear-gradient(180deg, #777 0%, #3c3c3c 100%);
  border: 1px solid rgba(0, 0, 0, 0.0803);
  border-radius: 4px;
}
.imgWrapperWithOthers___1m2nK.imgWrapperInVideoMode___1_6A8 .largeImg___3x9RX {
  width: 100%;
}
.imgWrapperInLive___2mA2S {
  height: calc(100% - 24px);
  grid-template-columns: 1fr;
  background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#3c3c3c));
  background: -webkit-linear-gradient(top, #777 0%, #3c3c3c 100%);
  background: -o-linear-gradient(top, #777 0%, #3c3c3c 100%);
  background: linear-gradient(180deg, #777 0%, #3c3c3c 100%);
  border: 1px solid rgba(0, 0, 0, 0.0803);
  border-radius: 4px;
}
.imgWrapperInLive___2mA2S.imgWrapperWithOthers___1m2nK .imgsBox___2gMMP.imgsBoxWithOthers___2kOL2 {
  width: 100%;
  height: 100px;
}
.imgWrapperInLive___2mA2S.imgWrapperWithOthers___1m2nK .largeImg___3x9RX {
  left: 8px;
  top: 8px;
  width: calc(100% - 16px);
  height: calc(80% - 24px);
}
.imgWrapperInLive___2mA2S.imgWrapperWithOthers___1m2nK .largeImg___3x9RX > .liveWrapper___32qTv {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.imgWrapperInLive___2mA2S.imgWrapperWithOthers___1m2nK .largeImg___3x9RX img {
  width: auto;
  max-height: 100%;
  max-width: 100%;
}
.imgWrapperInLive___2mA2S.imgWrapperWithOthers___1m2nK .firstImg___Xq7VF {
  left: 8px;
  top: calc(80% - 8px);
  width: calc(25% - 10px);
  height: 100px;
}
.imgWrapperInLive___2mA2S.imgWrapperWithOthers___1m2nK .secondImg___1cMHF {
  left: calc(25% + 6px);
  top: calc(80% - 8px);
  width: calc(25% - 10px);
  height: 100px;
}
.imgWrapperInLive___2mA2S.imgWrapperWithOthers___1m2nK .thirdImg___1Ohnj {
  left: calc(50% + 4px);
  top: calc(80% - 8px);
  width: calc(25% - 10px);
  height: 100px;
}
.imgWrapperInLive___2mA2S.imgWrapperWithOthers___1m2nK .fourthImg___1Tgdl {
  left: calc(75% + 2px);
  top: calc(80% - 8px);
  width: calc(25% - 10px);
  height: 100px;
}
.liveAndImgWrapper___1G5S9 {
  border: 1px solid #303032;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  min-height: 100px;
  position: relative;
}
.liveAndImgWrapper___1G5S9 video {
  display: none;
}
.liveAndImgWrapper___1G5S9.liveAndImgWrapperWithOthers___2zqPR {
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.liveAndImgWrapper___1G5S9.liveAndImgWrapperWithOthers___2zqPR > span {
  min-height: unset;
}
.liveAndImgWrapper___1G5S9 > div:nth-of-type(2) {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.liveAndImgWrapper___1G5S9 > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 16px;
  background: #202020;
}
.liveAndImgWrapper___1G5S9.largeImg___3x9RX > span {
  min-height: 100%;
}
.liveAndImgWrapper___1G5S9 > i {
  position: absolute;
  top: 16px;
  left: 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.liveAndImgWrapper___1G5S9 .fullScreenBtn___3rwjo {
  width: 32px;
  height: 32px !important;
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: #000 !important;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  opacity: 0.6;
}
.liveAndImgWrapper___1G5S9 .fullScreenBtn___3rwjo > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}
.liveAndImgWrapper___1G5S9 .fullScreenBtn___3rwjo > svg {
  width: 18px;
  height: 18px;
}
.largeImg___3x9RX {
  left: 0;
  top: 0;
  width: 80%;
  height: 100%;
}
.firstImg___Xq7VF {
  left: calc(80% + 8px);
  top: 0;
  width: calc(20% - 16px);
  height: calc(25% - 10px);
  min-height: unset;
}
.firstImg___Xq7VF > i {
  top: 8px;
  left: 8px;
}
.firstImg___Xq7VF .fullScreenBtn___3rwjo {
  right: 8px;
  bottom: #7b7b7b;
}
.secondImg___1cMHF {
  left: calc(80% + 8px);
  top: calc(25% + 3px);
  width: calc(20% - 16px);
  height: calc(25% - 10px);
  min-height: unset;
}
.thirdImg___1Ohnj {
  left: calc(80% + 8px);
  top: calc(50% + 6px);
  width: calc(20% - 16px);
  height: calc(25% - 10px);
  min-height: unset;
}
.fourthImg___1Tgdl {
  left: calc(80% + 8px);
  top: calc(75% + 10px);
  width: calc(20% - 16px);
  height: calc(25% - 10px);
  min-height: unset;
}
.imgsBox___2gMMP.imgsBoxWithOthers___2kOL2 {
  width: calc(20% - 16px);
  height: 100%;
}
.imgsBox___2gMMP > div {
  border: 1px solid #303032;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  position: absolute;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.imgsBox___2gMMP > div.imgBoxWithoutOthers___2iNAL {
  position: relative;
  cursor: unset;
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
  height: 100%;
}
.imgsBox___2gMMP > div > div {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.imgsBox___2gMMP > div > div > img {
  max-width: 100%;
  max-height: 100%;
}
.imgsBox___2gMMP > div > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #202020;
}
.imgsBox___2gMMP > div > i {
  position: absolute;
  top: 8px;
  left: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.imgsBox___2gMMP > div .fullScreenBtn___3rwjo {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: #000;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  opacity: 0.6;
}
.imgsBox___2gMMP > div .fullScreenBtn___3rwjo > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}
.imgsBox___2gMMP > div .fullScreenBtn___3rwjo > svg {
  width: 18px;
  height: 18px;
}
.liveAndImgWrapperWithVideo___14pm4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.liveAndImgWrapperWithVideo___14pm4 video {
  display: block;
}
.mapWrapper___1gDyX {
  width: 100%;
  background: #f0f2f5;
  border: 1px solid rgba(0, 0, 0, 0.0803);
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 24px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mapWrapper___1gDyX > div {
  width: 100% !important;
}
.mapWrapper___1gDyX > div canvas {
  width: 100% !important;
}
.mapWrapper___1gDyX .toolContainer___3kf5- {
  display: grid;
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0803);
  place-items: stretch stretch;
  background: #f0f2f5;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .btnContainer___30pUt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .iconStyle___1xJGo {
  font-size: 30px;
  color: #1980ff;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 24px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6063);
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H i {
  color: #f4a100;
  font-style: normal;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H > span:nth-of-type(2) {
  color: #fff;
  font-size: 14px;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H .toolLegendContainer___3aKaV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H .toolLegendContainer___3aKaV > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H .toolLegendContainer___3aKaV > div:not(:last-child) {
  margin-right: 24px;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H .toolLegendContainer___3aKaV > div > span:nth-of-type(1) {
  display: inline-block;
  margin-right: 8px;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H .toolLegendContainer___3aKaV .lineLegend___3Zwzl {
  display: inline-block;
  width: 16px;
  height: 2px;
  background: #e92b2b;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H .toolLegendContainer___3aKaV .lineLegendPurple___w1q8x {
  display: inline-block;
  width: 16px;
  height: 2px;
  background: #722ed1;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H .toolLegendContainer___3aKaV .greenCircleLegend___3B_zp {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.9);
  background: #00a743;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H .toolLegendContainer___3aKaV .blueCircleLegend___24V4S {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.9);
  background: #13c2c2;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H .toolLegendContainer___3aKaV .rectLegend___2WxMU {
  width: 14px;
  height: 14px;
  background: #666;
}
.mapWrapper___1gDyX .toolContainer___3kf5- .toolRightContainer___uB49H .toolLegendContainer___3aKaV .redCircleLegend___1UuBd {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #eb0101;
  border: 1px solid rgba(255, 255, 255, 0.9);
}
.mapWrapper___1gDyX .section___5GyY0 {
  border-radius: 2px;
  margin: 0;
  position: relative;
}
.mapWrapper___1gDyX .section___5GyY0 .sectionHeader___2mIyu {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.45px;
  text-align: left;
  padding: 8px;
}
.timeLineRoot___3Fh-O {
  width: 100%;
  height: 2px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  position: absolute;
  left: 0;
  bottom: 0;
}
.indicator___3ISSU {
  position: absolute;
  bottom: 28px;
  left: 0;
  width: 3px;
  z-index: 60;
  cursor: ew-resize;
}
.verticalLine___vLNTo {
  height: 188px;
  border: none;
  margin-top: 0;
  margin-left: 0;
  width: 3px;
  background-color: #1980ff;
  position: relative;
}
.bottomBar___2m9xF {
  height: 20px;
  width: 72px;
  border-radius: 4px;
  background: #1980ff;
  color: #fff;
  position: absolute;
  left: -32px;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.bottomBar___2m9xF > span:nth-of-type(1) {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 12px;
  padding-left: 2px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.bottomBar___2m9xF > span:nth-of-type(1) > i {
  display: block;
  width: 4px;
  height: 4px;
  background-image: -webkit-radial-gradient(circle, #fff 0, #fff 50%, transparent 50%);
  background-image: -o-radial-gradient(circle, #fff 0, #fff 50%, transparent 50%);
  background-image: radial-gradient(circle, #fff 0, #fff 50%, transparent 50%);
}
.bottomBar___2m9xF > span:nth-of-type(2) {
  display: inline-block;
  width: 62px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.verticalLineLabel___3RGTX {
  display: none;
  position: absolute;
  top: 18px;
  left: 12px;
  width: 60px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  background: white;
  border-radius: 2px;
  opacity: 0.85;
  color: #333;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.audioBox___1spf7 {
  position: absolute;
  z-index: -1;
}
.audioLoadingBox___2IatL {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  color: #fff;
  z-index: 101;
}
.eventBoxRoot___asPWR {
  position: relative;
}
.eventBoxDashLine___2jEFd {
  position: absolute;
  bottom: -7px;
  left: 4px;
  right: 4px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.23);
}
.eventFlagRoot___2qkS3 {
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.eventFlagFlagpole___2gmzV {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  z-index: 1;
}
.eventFlagMsg___25FYg {
  position: absolute;
  height: 22px !important;
  width: 60px !important;
  padding: 0;
  border: none;
  line-height: 22px;
  font-size: 12px;
  color: #fff !important;
  letter-spacing: 0.1px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 3;
  cursor: pointer;
}
.eventFlagDot___19PHs {
  position: absolute;
  bottom: -10px;
  width: 8px;
  height: 8px;
  background-color: #484a51;
  border-radius: 4px;
}
.audioWave___1hj5Q {
  width: 100%;
  height: 38px;
  border-top: 1px solid rgba(0, 0, 0, 0.0803);
  border-bottom: 1px solid rgba(0, 0, 0, 0.0803);
  position: relative;
}
.audioWave___1hj5Q div {
  width: 100% !important;
}
.colorMask___3-IPJ {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dataEmpty___2FH0f {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 180px;
  text-align: center;
  color: #888;
  font-size: 20px;
}
.dataEmpty___2FH0f > i {
  display: block;
}
.pptImgWrap___1Xymb {
  border-top: 1px solid rgba(0, 0, 0, 0.0803);
  border-bottom: 1px solid rgba(0, 0, 0, 0.0803);
}
.pptImgBox___1l7ZC {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.0803);
  border-left: 1px solid rgba(0, 0, 0, 0.0803);
}
.pptImgBox___1l7ZC > img {
  display: block;
  width: auto;
  height: 100%;
}
.STChart___2N9AW {
  width: 100%;
  height: 100%;
  text-align: center;
}
.STChart___2N9AW > div {
  display: inline-block;
  vertical-align: middle;
}
.STChart___2N9AW > div > canvas {
  height: 100% !important;
}
.STChart___2N9AW .STTip___hIihF {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.STChart___2N9AW .STTipItem___25WMw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.STChart___2N9AW .STTipItem___25WMw:nth-last-of-type(1) {
  margin-bottom: 0;
}
.STChart___2N9AW .STTipItem___25WMw > i {
  width: 16px;
  height: 2px;
  margin-right: 8px;
}
.STChart___2N9AW .STTipItem___25WMw > span {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.6063);
}
.RtChChart___3iU3D {
  width: 100%;
  height: 100%;
  text-align: center;
}
.RtChChart___3iU3D > div {
  display: inline-block;
  vertical-align: middle;
}
.RtChChart___3iU3D > div > canvas {
  height: 100% !important;
}
.RtChChart___3iU3D .RtChTip___FJrlP {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.RtChChart___3iU3D .RtChTipItem___1xmla {
  display: block;
  margin-bottom: 16px;
  text-align: left;
}
.RtChChart___3iU3D .RtChTipItem___1xmla:nth-last-of-type(1) {
  margin-bottom: 0;
}
.RtChChart___3iU3D .RtChTipItem___1xmla > i {
  display: block;
  font-style: normal;
  font-weight: 300;
  font-size: 11px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.74);
}
.RtChChart___3iU3D .RtChTipItem___1xmla > span {
  display: inline-block;
  margin-right: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}
.RtChChart___3iU3D .RtChTipItem___1xmla > b {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
}
.chartWrapper___2lSYm {
  overflow-y: auto;
  min-height: 718px;
  max-height: calc(100vh - 184px);
  width: 102%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.0803);
  border-radius: 4px;
  padding: 0 11px;
}
.chartWrapper___2lSYm .chartTab___1tp_h {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.0803);
}
.chartWrapper___2lSYm .chartBox___1HvyX {
  width: 100%;
  height: 242px;
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  padding-right: 13px;
  background: #fff;
  position: relative;
}
.chartWrapper___2lSYm .chartBox___1HvyX > span {
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
.chartWrapper___2lSYm .chartBox___1HvyX .fullScreenBtn___2T-cD {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: #000;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  opacity: 0.6;
}
.chartWrapper___2lSYm .chartBox___1HvyX .fullScreenBtn___2T-cD > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}
.chartWrapper___2lSYm .chartBox___1HvyX .fullScreenBtn___2T-cD > svg {
  width: 18px;
  height: 18px;
}
.chartWrapper___2lSYm .radarBox___MI3IQ {
  height: 343px;
  margin-bottom: 8px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.chartWrapper___2lSYm .radarBox___MI3IQ .scoreTitle___1cEJa {
  display: inline-block;
  width: auto;
  margin: 20px 0 10px;
  padding: 4px 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.280077px;
  color: #1980ff;
  border: 1px solid #1980ff;
  border-radius: 4px;
}
.chartWrapper___2lSYm .radarBox___MI3IQ .radarLegend___1TAMT {
  margin-top: 14px;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.65);
}
.chartWrapper___2lSYm .radarBox___MI3IQ .radarLegend___1TAMT > span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.chartWrapper___2lSYm .radarBox___MI3IQ .radarLegend___1TAMT > span:nth-of-type(1) {
  margin-right: 15px;
}
.chartWrapper___2lSYm .radarBox___MI3IQ .radarLegend___1TAMT > span > i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 6px;
}
.chartWrapper___2lSYm .evaluateWrap___3kNWc {
  width: 100%;
  height: 343px;
  padding: 16px;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.chartWrapper___2lSYm .evaluateWrap___3kNWc > div {
  height: 100%;
}
.chartWrapper___2lSYm .evaluateTitle___E-Av2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 0 8px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6063);
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 12px;
  right: 12px;
}
.chartWrapper___2lSYm .evaluateTitle___E-Av2 > b {
  display: inline-block;
  padding: 0 4px 0 8px;
  font-size: 24px;
  line-height: 24px;
  color: #1980ff;
}
.chartWrapper___2lSYm .evaluateBox___yB8OV {
  height: calc(100% - 32px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chartWrapper___2lSYm .tagsWrap___3tCrB {
  height: auto;
  padding: 0 12px;
  border-left: 2px solid transparent;
}
.chartWrapper___2lSYm .tagsWrap___3tCrB > h4 {
  margin: 0 0 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6063);
}
.chartWrapper___2lSYm .tagsWrap___3tCrB.negativeEvaluateBox___1PPH0 {
  height: 33%;
  margin-top: 16px;
}
.chartWrapper___2lSYm .tagBox___1sez6 {
  display: inline-block;
  margin: 8px 8px 0 0;
  padding: 4px 8px;
  -webkit-box-shadow: 0 3.4px 0 rgba(0, 0, 0, 0.016);
          box-shadow: 0 3.4px 0 rgba(0, 0, 0, 0.016);
  border-radius: 48px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.chartWrapper___2lSYm .statisticShow___3B38D {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: 8px;
  padding: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.chartWrapper___2lSYm .statisticShow___3B38D li {
  width: 136px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 20px 24px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: rgba(0, 0, 0, 0.6063);
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.0803);
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  background-color: #f9fbfc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(96.47%, rgba(255, 255, 255, 0)), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 0.1))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(#fff));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96.47%, #fff 100%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, #fff 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 96.47%, #fff 100%), -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%), -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, #fff 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 96.47%, #fff 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, #fff 100%);
  background-blend-mode: overlay;
}
.chartWrapper___2lSYm .statisticShow___3B38D li:nth-of-type(3n) {
  margin-right: 0;
}
.chartWrapper___2lSYm .statisticShow___3B38D li > i {
  display: block;
  width: 218px;
  height: 7px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.chartWrapper___2lSYm .statisticShow___3B38D li span:nth-of-type(1) {
  font-size: 12px;
  line-height: 18px;
  position: relative;
  z-index: 3;
}
.chartWrapper___2lSYm .statisticShow___3B38D li span:nth-of-type(2) {
  position: relative;
  z-index: 3;
}
.chartWrapper___2lSYm .statisticShow___3B38D li span:nth-of-type(2) b {
  font-weight: 300;
  font-size: 24px;
  line-height: 50px;
  color: rgba(0, 0, 0, 0.8956);
}
.chartWrapper___2lSYm .statisticShow___3B38D li span:nth-of-type(2) i {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.chartWrapper___2lSYm .progressWrap___xYZqd {
  width: 100%;
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.chartWrapper___2lSYm .progressWrap___xYZqd .progressBox___3Z3oI {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 18px;
}
.chartWrapper___2lSYm .progressWrap___xYZqd .progressBox___3Z3oI span {
  color: rgba(0, 0, 0, 0.8956);
}
.chartWrapper___2lSYm .progressWrap___xYZqd .progressBox___3Z3oI svg + span {
  font-size: 18px;
}
.chartWrapper___2lSYm .progressWrap___xYZqd .progressBox___3Z3oI > i {
  color: rgba(0, 0, 0, 0.8956);
  font-style: normal;
  font-size: 18px;
  position: absolute;
  top: 32px;
}
.chartWrapper___2lSYm .progressWrap___xYZqd .progressBox___3Z3oI > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.6063);
}
.chartWrapper___2lSYm .progressWrap___xYZqd .progressBox___3Z3oI > span > b {
  font-weight: normal;
}
.waveBox___2kYIV {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  mix-blend-mode: hard-light;
}
.emoticonImg___zzsqe {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  right: 12px;
  z-index: 3;
}
.abnormalBox___3Pfyw {
  width: 100%;
  margin: 8px 0;
  background: #fdf6f6;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.abnormalBox___3Pfyw .topAbnormalBox___adbOa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 7px 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.6063);
}
.abnormalBox___3Pfyw .topAbnormalBox___adbOa > div span {
  font-weight: bold;
}
.abnormalBox___3Pfyw .topAbnormalBox___adbOa > div span:first-child {
  display: inline-block;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.61);
}
.abnormalBox___3Pfyw .topAbnormalBox___adbOa .handleText___peQNC {
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.abnormalBox___3Pfyw .topAbnormalBox___adbOa .handleAbnormalButton___ITCXO {
  color: #1980ff;
  cursor: pointer;
  width: 52px;
  height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.abnormalBox___3Pfyw > span {
  margin-left: 8px;
}
.bottomAbnormalBox___2cka0 {
  width: 100%;
  padding: 12px;
  line-height: 22px;
  margin-top: 6px;
  background: #fff;
  border-radius: 0 0 4px 4px;
}
.bottomAbnormalBox___2cka0 > button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: #389e0d !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #fff !important;
  border: none;
}
.bottomAbnormalBox___2cka0 .abnormalTags___1IW7E {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
.bottomAbnormalBox___2cka0 .abnormalTags___1IW7E > button {
  height: 30px;
  padding: 2px 4px;
  color: #1980ff;
  border: none;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  float: right;
}
.bottomAbnormalBox___2cka0 .abnormalTags___1IW7E > button > svg {
  margin-right: 4px;
  vertical-align: middle;
}
.bottomAbnormalBox___2cka0 .abnormalTags___1IW7E > button > span {
  vertical-align: middle;
}
.bottomAbnormalBox___2cka0 .handledTextarea___Z-ET1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #3aacff;
  background: #e6f7ff;
  font-size: 12px;
}
.bottomAbnormalBox___2cka0 .handledTextarea___Z-ET1 .handledTitle___1aDLR {
  font-size: 13px;
  color: #666f8d;
  font-weight: bold;
}
.bottomAbnormalBox___2cka0 .handledTextarea___Z-ET1 p {
  color: #242424;
}
.bottomAbnormalBox___2cka0 .handledTextarea___Z-ET1 .message___2-c0x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bottomAbnormalBox___2cka0 .handledTextarea___Z-ET1 .message___2-c0x span:first-child {
  color: #666f8d;
  font-weight: bold;
}
.bottomAbnormalBox___2cka0 .handledTextarea___Z-ET1 .message___2-c0x span:first-child > span {
  color: #0050b3;
  font-weight: normal;
}
.bottomAbnormalBox___2cka0 .handledTextarea___Z-ET1 .message___2-c0x span:last-child {
  color: #666;
}
.bottomAbnormalBox___2cka0 .noAbnormal___3-oha {
  display: inline-block;
  padding: 4px 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: #999;
}
.bottomAbnormalBox___2cka0 .abnormalTag___A5eh0 {
  display: inline-block;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
}
.bottomAbnormalBox___2cka0 .abnormalTag___A5eh0:nth-last-of-type(1) {
  margin-right: 0;
}
.abnormalModal___57Vhb .title___belPN {
  color: #000000d9;
  font-weight: bold;
  font-size: 16px;
}
.abnormalModal___57Vhb .content___2GbgZ {
  margin: 24px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.abnormalModal___57Vhb .content___2GbgZ .abnormalTagBox___CfWOP {
  width: 264px;
  height: 152px;
  padding: 0 8px;
  font-size: 14px;
  line-height: 20px;
  /* 142.857% */
  color: #242424;
}
.abnormalModal___57Vhb .content___2GbgZ .abnormalTagBox___CfWOP .tags___Nxvd- {
  margin-top: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.abnormalModal___57Vhb .content___2GbgZ .abnormalTagBox___CfWOP .tags___Nxvd- .abnormalTagCheckBoxGroup___qAct9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px 16px;
}
.abnormalModal___57Vhb .content___2GbgZ .abnormalTagBox___CfWOP > span {
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
  /* 142.857% */
}
.abnormalModal___57Vhb .content___2GbgZ .msg___GH7JL {
  width: 368px;
}
.abnormalModal___57Vhb .content___2GbgZ .msg___GH7JL > span {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  /* 142.857% */
  color: #242424;
}
.abnormalModal___57Vhb .content___2GbgZ .msg___GH7JL textarea {
  margin-top: 14px;
  min-height: 112px;
  max-height: 500px;
  outline: none;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
}
.abnormalModal___57Vhb .footer___-zJ9k {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.abnormalModal___57Vhb .footer___-zJ9k > button {
  margin-right: 12px;
}
.abnormalModal___57Vhb .footer___-zJ9k > button:last-child {
  margin-right: 0;
}
.abnormalPopover___YaBIH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.6);
}
.abnormalTagsSelector___13RxD {
  width: 240px;
  padding: 16px 8px;
  background: #fff;
  -webkit-box-shadow: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.abnormalTagsSelector___13RxD > span {
  display: inline-block;
  padding: 8px 16px 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.tagItem___N3uJ3 {
  padding: 13px 20px;
  border-bottom: 1px solid #f0f0f0;
}
.tagItem___N3uJ3:nth-last-of-type(1) {
  border-bottom: none;
}
.tagItem___N3uJ3 > label > span {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.abnormalBtnBox___1E1cG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.abnormalBtnBox___1E1cG > button:nth-of-type(1) {
  margin-right: 12px;
}
.chartTabBar___2FYeB {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}
.chartTabBar___2FYeB > button {
  display: inline-block;
  padding: 6px 0 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f0f2f5;
  outline: none;
  border: none;
  border-top: 2px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0803);
  border-left: 1px solid transparent;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.6063);
  cursor: pointer;
}
.chartTabBar___2FYeB > button.active___2b2-8 {
  border-color: #1980ff transparent transparent transparent;
  background-color: #fff;
  color: #1980ff;
}
.historyDataQueryMain___2H527 .topWrapper___3aoQs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 10px 0;
}
.historyDataQueryMain___2H527 .topWrapper___3aoQs .pageTitle___2V8hk {
  font-size: 20px;
  color: #fff;
  text-align: center;
  width: 100%;
  text-shadow: 0 0 30px;
}
.historyDataQueryMain___2H527 .historyDataWrapper___2J4xt {
  background: #fff;
  padding: 18px;
}
.historyDataQueryMain___2H527 .historyDataWrapper___2J4xt .queryWrapper___rwQmO {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.historyDataQueryMain___2H527 .historyDataWrapper___2J4xt .queryWrapper___rwQmO .queryBox___QwNdl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.historyDataQueryMain___2H527 .historyDataWrapper___2J4xt .dataTable___1HJbz .ant-table-thead > tr > th {
  text-align: center;
}
.historyDataQueryMain___2H527 .historyDataWrapper___2J4xt .dataTable___1HJbz .textAlign___2Pxy1 {
  text-align: left;
}
.classroomDetailWrapper___ha1px {
  background: #ffffff;
  padding: 16px;
}
.classroomDetailWrapper___ha1px .ant-table-thead > tr > th {
  background-color: #fafafa;
}
.classroomDetailWrapper___ha1px .ant-table-tbody > tr > td {
  background-color: #ffffff;
}
.top___22EEt {
  margin: 16px 0px;
  position: relative;
}
.top___22EEt > button {
  position: absolute;
  top: 0px;
  left: 0px;
}
.top___22EEt .title___3DXND {
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  text-shadow: 0px 0px 30px;
}
.wrapper___1I327 {
  padding: 12px 24px;
  font-family: PingFang SC;
  background: #111111;
  min-height: calc(100vh - 100px);
}
.wrapper___1I327 .ant-btn {
  color: #000;
  height: 36px;
  background: #eee;
}
.wrapper___1I327 .ant-btn.ant-btn-primary {
  background: #1980ff;
  color: #fff;
}
.wrapper___1I327 .headerWrapper___2H4Vu {
  display: grid;
  grid-template-columns: 100px 1fr 94px 94px;
  grid-column-gap: 24px;
}
.wrapper___1I327 .headerWrapper___2H4Vu.isLive___3E76i {
  grid-template-columns: 100px 1fr 156px 120px /*94px*/;
}
.wrapper___1I327 .headerWrapper___2H4Vu.isLive___3E76i .headerTitleContent___1qbA5 {
  text-align: left;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wrapper___1I327 .headerWrapper___2H4Vu .headerTitleContent___1qbA5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #fff;
}
.wrapper___1I327 .headerWrapper___2H4Vu .headerTitleContent___1qbA5 > span:last-child {
  font-size: 14px;
  line-height: 16px;
}
.wrapper___1I327 .headerWrapper___2H4Vu > button {
  font-size: 16px;
}
.wrapper___1I327 .headerWrapper___2H4Vu > button > i {
  font-size: 20px;
  height: 20px;
  vertical-align: middle;
}
.wrapper___1I327 .headerWrapper___2H4Vu > button > span {
  display: inline-block;
  vertical-align: middle;
}
.wrapper___1I327 .containerMain___19v48 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___1I327 .containerLeft___2nKe7 {
  width: calc(100% - 472px);
}
.wrapper___1I327 .containerRight___1eP_n {
  width: 472px;
  padding-left: 24px;
}
.wrapper___1I327 .imgWrapper___2QixY {
  margin-top: 24px;
  position: relative;
}
.wrapper___1I327 .imgWrapper___2QixY > div {
  border: 1px solid #303032;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  min-height: 100px;
  position: absolute;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.wrapper___1I327 .imgWrapper___2QixY > div > img {
  max-width: 100%;
  max-height: 100%;
}
.wrapper___1I327 .imgWrapper___2QixY > div > span {
  display: block;
  position: relative;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.wrapper___1I327 .imgWrapper___2QixY > div > i {
  position: absolute;
  top: 16px;
  left: 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.wrapper___1I327 .imgWrapper___2QixY > div .fullScreenBtn___2rg8I {
  width: 32px;
  height: 32px !important;
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: #000 !important;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  opacity: 0.6;
}
.wrapper___1I327 .imgWrapper___2QixY > div .fullScreenBtn___2rg8I > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}
.wrapper___1I327 .imgWrapper___2QixY > div .fullScreenBtn___2rg8I > svg {
  width: 18px;
  height: 18px;
}
.imgFullScreenShow___1J6jV > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
}
.imgFullScreenShow___1J6jV > div:nth-of-type(2) > div {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0;
}
.imgFullScreenShow___1J6jV img {
  width: 100%;
  height: auto;
}
.historyList___2Cggd {
  width: 100%;
}
.historyList___2Cggd .historyItem___2qYJL {
  width: 100%;
  height: 75px;
  padding: 16px 24px 16px 20px;
  border: none;
  border-left: 4px solid transparent;
  border-radius: 0;
}
.historyList___2Cggd .historyItem___2qYJL.active___10EFh {
  border-color: #1980ff;
}
.historyList___2Cggd .historyItem___2qYJL > p {
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  font-family: inherit;
  padding: 0;
  margin: 0;
}
.historyList___2Cggd .historyItem___2qYJL > p:nth-of-type(2) {
  font-size: 14px;
  line-height: 16px;
  color: #aaa;
  margin-top: 8px;
}
.historyList___2Cggd .historyItem___2qYJL > p span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 50px);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.historyList___2Cggd .historyItem___2qYJL > p i,
.historyList___2Cggd .historyItem___2qYJL > p b {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.75);
  text-align: right;
}
.historyList___2Cggd > span {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 32px;
}
.videoWrap___35zUC {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: -100%;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
  z-index: 100;
}
.videoWrap___35zUC.videoWrapShow___1uulJ {
  top: 0;
}
.videoBox___2owdj {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 10%;
  top: 10%;
}
.videoBox___2owdj > button {
  width: 24px;
  height: 24px;
  padding: 3px;
  position: absolute;
  right: 12px;
  top: 12px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.courseDataAnalysisPage___-hAr- .pageTop___1tLAe {
  position: relative;
  height: 48px;
}
.courseDataAnalysisPage___-hAr- .pageTitle___1Pb08 {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
  line-height: 48px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -60px;
  bottom: 0;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 {
  background: #fff;
  color: #f5f5f5;
  border-radius: 5px;
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  padding: 20px;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E {
  position: relative;
  line-height: 48px;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E .pickerWrapper___3Dl2e .ant-calendar-picker input {
  color: #333 !important;
  border-color: #ccc !important;
  background: transparent !important;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E .pickerWrapper___3Dl2e .ant-calendar-picker i {
  color: #888 !important;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E .pickerWrapper___3Dl2e .ant-calendar-picker-icon:after {
  color: #999 !important;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E .ant-select-arrow {
  color: #000 !important;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E .queryConditions___2culv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  height: 60px;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E .queryConditions___2culv .word___2giOw {
  margin-right: 5px;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E .queryConditions___2culv .timeBox___3kuXt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E .queryConditions___2culv .timeBox___3kuXt .datePickerWrapper___2LZdb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E .selectBox___1gVYx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .topWrapper___2QH2E .selectBox___1gVYx .ant-select-selection {
  border: none;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .contentTable___ndMon .ant-table-thead > tr > th {
  padding: 16px 4px;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .contentTable___ndMon .ant-table-tbody > tr > td {
  padding: 16px 8px;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .contentTable___ndMon th {
  text-align: center !important;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .contentTable___ndMon .textAlign___G1uD7 {
  text-align: left;
}
.courseDataAnalysisPage___-hAr- .contentWrapper___1GKI8 .contentTable___ndMon .numTextAlign___3xHYW {
  text-align: right;
}
.wrapper___1V-Je {
  width: 100%;
  border: 1px solid #f0f0f0;
  margin-top: 16px;
}
.wrapper___1V-Je .content___2SmZS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  min-height: 200px;
}
.wrapper___1V-Je .content___2SmZS h5 {
  font-size: 14px;
}
.wrapper___1V-Je .content___2SmZS .leftContent___2oXOJ {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 30px;
  height: 100%;
}
.wrapper___1V-Je .content___2SmZS .rightContent___1waiY {
  width: 250px;
  height: 100%;
}
.wrapper___1V-Je .content___2SmZS .rightContent___1waiY h5 {
  padding-left: 10px;
  margin-bottom: 20px;
}
.wrapper___1V-Je .content___2SmZS .rightContent___1waiY .listWrapper___18ihP {
  max-height: 260px;
  overflow-y: auto;
  padding-right: 10px;
}
.headerWrapper___1IFyd {
  padding: 0 24px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
.headerWrapper___1IFyd .leftHeader___1kN2u {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerWrapper___1IFyd .title___3xxuE {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  margin-right: 24px;
}
.headerWrapper___1IFyd .ant-btn.ant-btn-link {
  border: none;
}
.headerWrapper___1IFyd .ant-calendar-picker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerWrapper___1IFyd .dateWrap___t49tv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.headerWrapper___1IFyd .dateWrap___t49tv .tabWrap___11Cv9 {
  margin-right: 10px;
}
.emptyWrap___2riey .ant-empty-image {
  height: 40px;
}
.emptyWrap___2riey .ant-empty-description {
  color: rgba(0, 0, 0, 0.45);
}
.itemWrap___35UNy {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 14px;
}
.itemWrap___35UNy .rank___4diTq {
  width: 30px;
  text-align: center;
  font-size: 12px;
  margin-right: 16px;
}
.itemWrap___35UNy .department___3j2-y {
  width: 150px;
  max-width: 150px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  margin-right: 16px;
}
.itemWrap___35UNy .count___1158Z {
  width: 30px;
  text-align: right;
}
.wrapper___krbp5 {
  width: 100%;
  border: 1px solid #f0f0f0;
  margin-top: 16px;
}
.wrapper___krbp5 .content___2GJ2v {
  padding: 24px;
}
.wrapper___krbp5 .content___2GJ2v .chartWrapper___3aJc7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.wrapper___krbp5 .content___2GJ2v .ant-table .ant-table-thead > tr > th {
  max-width: 200px;
}
.boxWrapper___3SKFY {
  width: 100%;
  border: 1px solid #f0f0f0;
}
.boxWrapper___3SKFY .header___2LSC9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
  line-height: 56px;
  border-bottom: 1px solid #f0f0f0;
}
.boxWrapper___3SKFY .header___2LSC9 h5 {
  font-size: 16px;
}
.wrapper___2qg5c {
  padding: 18px 0;
}
.wrapper___2qg5c .header___1207P {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrapper___2qg5c .header___1207P h5 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.wrapper___2qg5c .contentWrap___19ZfY {
  padding: 20px 16px;
  background-color: #fff;
}
.wrapper___2qg5c .contentWrap___19ZfY .statisticBoxWrap___34xTV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrapper___2qg5c .contentWrap___19ZfY .rankTableWrap___3c32K {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.wrapper___2qg5c .contentWrap___19ZfY .rankTableWrap___3c32K > div:first-child {
  margin-right: 16px;
}
.wrapper___334Wu {
  padding: 18px 0;
}
.wrapper___334Wu .header___3Am2B {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrapper___334Wu .header___3Am2B h5 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.wrapper___334Wu .contentWrap___14duC {
  width: 100%;
  padding: 20px 16px;
  background-color: #fff;
}
.wrapper___334Wu .contentWrap___14duC .content___6toHL {
  border: 1px solid #f0f0f0;
}
.wrapper___334Wu .contentWrap___14duC .content___6toHL .labelStatistic___1hupU {
  padding: 0 24px;
}
.wrapper___334Wu .contentWrap___14duC .content___6toHL .labelStatistic___1hupU .btnGroup___3fCLY {
  text-align: center;
  margin-top: 24px;
}
.wrapper___334Wu .contentWrap___14duC .content___6toHL .labelStatistic___1hupU .btnGroup___3fCLY button {
  border-radius: 0;
}
.wrapper___334Wu .contentWrap___14duC .content___6toHL .labelStatistic___1hupU .chartWrapper___2TolE {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.wrapper___334Wu .contentWrap___14duC .content___6toHL .labelStatistic___1hupU .chartWrapper___2TolE > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wrapper___334Wu .contentWrap___14duC .content___6toHL .tableWrap___3DC0b {
  padding: 0 24px;
  margin-top: 60px;
}
.wrapper___334Wu .contentWrap___14duC .content___6toHL .tableWrap___3DC0b .ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 500;
}
.wrapper___334Wu .contentWrap___14duC .content___6toHL .tableWrap___3DC0b .ant-table .ant-table-thead > tr > th {
  max-width: 200px;
}
.equipmentControlPage___1GrRr .topWrapper___3cRHs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 10px 0;
}
.equipmentControlPage___1GrRr .topWrapper___3cRHs .pageTitle___MZphT {
  font-size: 20px;
  color: #fff;
  text-align: center;
  width: 100%;
  text-shadow: 0 0 30px;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX {
  background-color: transparent;
  padding: 18px;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .queryWrapper___1GlKi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 30px;
  color: #fff;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .queryWrapper___1GlKi .queryBox___24UzG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .queryWrapper___1GlKi .ant-select-selection {
  background: transparent;
  border: 1px solid #888;
  color: #eee;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .queryWrapper___1GlKi .ant-select-arrow {
  color: #eee;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .dataTable___rfs4c {
  background-color: #fff;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .dataTable___rfs4c .ant-table-thead > tr > th {
  text-align: center;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .dataTable___rfs4c span {
  font-weight: 600;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .dataTable___rfs4c .textAlign___TAKHW {
  text-align: left;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .contentBox___V61gC {
  width: calc(100vw - 136px);
  position: relative;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .contentBox___V61gC .classroomBoxWrapper___9cnwS {
  width: auto;
  position: relative;
  right: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .contentBox___V61gC .classroomBoxWrapper___9cnwS .classroomBox___1jFvv {
  width: auto;
  padding: 16px;
  margin: 0 20px 20px 0;
  text-align: center;
  border-radius: 5px;
  background-color: #fff;
  color: #000;
  position: relative;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .contentBox___V61gC .classroomBoxWrapper___9cnwS .classroomBox___1jFvv .coverControlBtn___3W6lO {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: right;
  border: 0;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .contentBox___V61gC .classroomBoxWrapper___9cnwS .classroomBox___1jFvv .status___1PahD {
  font-weight: 800;
  font-size: 16px;
  padding: 16px 0;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .contentBox___V61gC .classroomBoxWrapper___9cnwS .classroomBox___1jFvv .name___1dvh3 {
  font-size: 12px;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .contentBox___V61gC .classroomBoxWrapper___9cnwS .classroomBox___1jFvv .equipmentWrapper___3osJD {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .contentBox___V61gC .classroomBoxWrapper___9cnwS .classroomBox___1jFvv .equipmentWrapper___3osJD p {
  margin-bottom: 0;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .contentBox___V61gC .classroomBoxWrapper___9cnwS .classroomBox___1jFvv .equipmentWrapper___3osJD .active___1NmG9 {
  color: #1980ff;
}
.equipmentControlPage___1GrRr .contentWrapper___24XpX .ant-tabs-tab {
  z-index: 201;
}
.historyDataQueryMain___3_FHp .topWrapper___16dEY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 10px 0;
}
.historyDataQueryMain___3_FHp .topWrapper___16dEY .pageTitle___29nfk {
  font-size: 20px;
  color: #fff;
  text-align: center;
  width: 100%;
  text-shadow: 0 0 30px;
}
.historyDataQueryMain___3_FHp .historyDataWrapper___24Vrn {
  background: #fff;
  padding: 18px;
}
.historyDataQueryMain___3_FHp .historyDataWrapper___24Vrn .queryWrapper___Hmkls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.historyDataQueryMain___3_FHp .historyDataWrapper___24Vrn .queryWrapper___Hmkls .queryBox___2Ld3V {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.historyDataQueryMain___3_FHp .historyDataWrapper___24Vrn .dataTable___3p9AJ .ant-table-thead > tr > th {
  text-align: center;
}
.historyDataQueryMain___3_FHp .historyDataWrapper___24Vrn .dataTable___3p9AJ .textAlign___3gamb {
  text-align: left;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-timeline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(90%);
  border-left: 2px solid #e8e8e8;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #1980ff;
  border-color: #1980ff;
}
.ant-timeline-item-head-red {
  color: #f5222d;
  border-color: #f5222d;
}
.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -6px;
  margin: 0 0 0 18px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(46%);
  width: calc(36%);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(38%);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(94%);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(82%);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(86%);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(85%);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.wrapper___3kqQm {
  margin-bottom: 8px;
  margin-top: 24px;
}
.wrapper___3kqQm .topWrapper___ariwM {
  font-size: 20px;
  font-family: PingFangSC;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
}
.wrapper___3kqQm .topWrapper___ariwM .title___crPYQ {
  margin-bottom: 20px;
}
.wrapper___3kqQm .bottomWrapper___2Hv2g {
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
  border-radius: 2px;
  padding: 18px;
}
.wrapper___3kqQm .bottomWrapper___2Hv2g .selectWrapper___3URwU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.wrapper___3kqQm .bottomWrapper___2Hv2g .selectWrapper___3URwU .SelectItem___3jHJI {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper___3kqQm .bottomWrapper___2Hv2g .selectWrapper___3URwU .SelectItem___3jHJI .selectName___2DA3E {
  margin-right: 8px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
}
.wrapper___3kqQm .bottomWrapper___2Hv2g .tableShowWrapper___1d1-t .ant-pagination-item {
  margin-bottom: 0;
}
.wrapper___3kqQm .bottomWrapper___2Hv2g .tableShowWrapper___1d1-t .ant-table-tbody > tr > td {
  padding: 16px 16px;
}
.wrapper___3kqQm .bottomWrapper___2Hv2g .tableShowWrapper___1d1-t .ant-table-thead > tr > th {
  padding: 16px 16px;
}
.wrapper___3kqQm .bottomWrapper___2Hv2g .tableShowWrapper___1d1-t .ant-table {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.wrapper___3kqQm .mask___2pH51 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.12);
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 {
  position: absolute;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  z-index: 1500;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .historyHandleContainer___1f14E {
  padding: 24px;
  width: 530px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .historyHandleContainer___1f14E .dialogTopWrapper___1fvSA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 14px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .historyHandleContainer___1f14E .dialogTopWrapper___1fvSA .topTitle___2B_Y8 {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .historyHandleContainer___1f14E .centerRightTop___39-ji {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .historyHandleContainer___1f14E .centerRightTop___39-ji .circle___1puAP {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid;
  margin-right: 5px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .historyHandleContainer___1f14E .centerRightTop___39-ji .circleDesc___1LtGt {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  margin-right: 15px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .historyHandleContainer___1f14E .historyHandleWrapper___uUSf8 {
  margin-top: 11px;
  max-height: 370px;
  height: 370px;
  overflow-y: auto;
  padding-top: 5px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .historyHandleContainer___1f14E .historyHandleWrapper___uUSf8 .historyHandleTime___W2-MS {
  margin-right: 40px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg {
  padding: 24px;
  width: 768px;
  height: 530px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogTopWrapper___1fvSA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 14px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogTopWrapper___1fvSA .topTitle___2B_Y8 {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerLeft___1epVL {
  margin-right: 8px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerLeft___1epVL .centerLeftTitle___bvTn4 {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 24px;
  margin-bottom: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerLeft___1epVL .detailItem___20rK5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerLeft___1epVL .detailItem___20rK5 .itemName___NClY- {
  margin-right: 34px;
  width: 56px;
  min-width: 56px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerLeft___1epVL .detailfaultTitle___1q73L {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 4px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerLeft___1epVL .detailfaultText___kylbk {
  height: 210px;
  overflow-y: auto;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerLeft___1epVL .detailfaultText___kylbk .detailFaultWord___3EXZH {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerLeft___1epVL .detailfaultText___kylbk .faultImgWrapper___1w9B_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerLeft___1epVL .detailfaultText___kylbk .faultImgWrapper___1w9B_ .faultImg___3lmyG {
  width: 80px;
  height: 80px;
  margin: 4px 4px 4px 0px;
  border-radius: 2px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerRight___1PDEg {
  width: 426px;
  min-width: 426px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerRight___1PDEg .centerRightTop___39-ji {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerRight___1PDEg .centerRightTop___39-ji .centerLeftTopTitle___3Iggx {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerRight___1PDEg .centerRightTop___39-ji .time___2Imf4 {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerRight___1PDEg .centerRightCenter___1tHij {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerRight___1PDEg .centerRightCenter___1tHij .centerRightCenterTitle___QIB2D {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 22px;
  margin-right: 32px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerRight___1PDEg .centerRightBottom___8q5A- {
  text-align: right;
  margin-top: 20px;
}
.wrapper___3kqQm .mask___2pH51 .paper___FTCV7 .dialogWrapper___yFzXg .dialogCenterWrapper___24Rek .centerRight___1PDEg .ant-input {
  resize: none;
  margin: 8px 0;
}
.wrapper___V5uqR {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___V5uqR .content___33su_ {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.userPermissionWrapper___yOI67 {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  padding: 76px 0 60px;
  background-color: #f0f2f5;
}
.userPermissionWrapper___yOI67 .title___eunP6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.userPermissionWrapper___yOI67 .title___eunP6 h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.userPermissionWrapper___yOI67 .main___1pnbX {
  height: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.userPermissionWrapper___yOI67 .content___3fddU {
  height: 100%;
}
.userPermissionWrapper___yOI67 .content___3fddU .header___2OxtI {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 16px 12px 16px;
  border-bottom: 1px solid #d1d1d1;
}
.userPermissionWrapper___yOI67 .content___3fddU .name___2VJMI {
  color: #242424;
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
  height: 40px;
}
.userPermissionWrapper___yOI67 .content___3fddU .userDetail___10Bsj {
  padding: 16px;
  height: calc(100% - 70px);
  overflow: auto;
}
.userPermissionWrapper___yOI67 .content___3fddU .detailTitle___3u4vR {
  padding: 8px 16px;
  background-color: #e6f7ff;
  border-radius: 4px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: #1980ff;
  position: relative;
}
.userPermissionWrapper___yOI67 .content___3fddU .detailTitle___3u4vR > span {
  width: 4px;
  height: 24px;
  position: absolute;
  left: 0;
  top: calc(50% - 12px);
  background-color: #1980ff;
  border-radius: 0 2px 2px 0;
}
.userPermissionWrapper___yOI67 .content___3fddU .modifyGroupNameWrapper___2PWDe {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 0;
  padding-left: 16px;
  grid-template-columns: 260px 160px 130px;
  gap: 36px;
}
.userPermissionWrapper___yOI67 .content___3fddU .modifyGroupNameWrapper___2PWDe .groupName___37pX5 {
  margin-bottom: 4px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #242424;
}
.userPermissionWrapper___yOI67 .content___3fddU .managerialRoles___1Josz {
  margin-bottom: 16px;
  padding-left: 16px;
}
.userPermissionWrapper___yOI67 .content___3fddU .managerialRoles___1Josz .groupName___37pX5 {
  margin-bottom: 4px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #242424;
}
.userPermissionWrapper___yOI67 .content___3fddU .managerialRoles___1Josz .ant-checkbox-wrapper {
  margin-right: 8px;
}
.userPermissionWrapper___yOI67 .content___3fddU .managerialRoles___1Josz .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg {
  padding-left: 16px;
  padding-top: 16px;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .selectModuleRemid___DjjvG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #707070;
  margin-bottom: 15px;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .manyModuleWrapper___4iZg_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .manyModuleWrapper___4iZg_ .moduleGroupTitle___1Ug60 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 40px;
  border-bottom: 1px solid #e0e0e0;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .manyModuleWrapper___4iZg_ .moduleGroupTitle___1Ug60 h3 {
  line-height: 22px;
  color: #242424;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .manyModuleWrapper___4iZg_ .groupTitle___3Rgas {
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .manyModuleWrapper___4iZg_ .groupTitle___3Rgas h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 2px;
  gap: 12px;
  line-height: 20px;
  color: #1980ff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .manyModuleWrapper___4iZg_ .groupTitle___3Rgas h3 span {
  height: 20px;
  width: 4px;
  background-color: #1980ff;
  border-radius: 2px;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .manyModuleWrapper___4iZg_ .moduleGroup___2dZXa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .manyModuleWrapper___4iZg_ .moduleWrapper___2VwCM {
  width: 410px;
  min-height: 170px;
  padding: 12px 12px 0 12px;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  margin-bottom: 15px;
  margin-right: 15px;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .manyModuleWrapper___4iZg_ .moduleWrapper___2VwCM .moduleItemWrapper___1YobQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.userPermissionWrapper___yOI67 .content___3fddU .selectModuleWrapper___39bGg .manyModuleWrapper___4iZg_ .moduleWrapper___2VwCM .moduleItemWrapper___1YobQ .permissionDesc___AlZXk {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
}
.userPermissionWrapper___yOI67 .content___3fddU .delUser___1h0US {
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.userPermissionWrapper___yOI67 .content___3fddU .delUser___1h0US > button {
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #bc2f32;
}
.userPermissionWrapper___yOI67 .content___3fddU .delUser___1h0US > span {
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #707070;
}
.SelectUserWrap___2FAEb {
  width: 280px;
  height: 100%;
  border-right: 1px solid #d1d1d1;
}
.SelectUserWrap___2FAEb .addButton___UmU5H {
  padding: 16px;
  min-height: 67px;
  border-bottom: 1px solid #d1d1d1;
}
.SelectUserWrap___2FAEb .addButton___UmU5H > button {
  height: 34px;
  width: 100%;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #242424;
}
.SelectUserWrap___2FAEb .list___2EEWq {
  height: calc(100% - 70px);
  overflow-y: auto;
  padding: 8px;
}
.SelectUserWrap___2FAEb .list___2EEWq .item___38Fph {
  padding: 8px 8px 8px 12px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  color: #424242;
  border-radius: 4px;
  cursor: pointer;
}
.SelectUserWrap___2FAEb .list___2EEWq .activeItem___2bGRY {
  background-color: #ddefff;
  color: #1980ff;
}
.bigDataLayoutWrapper___2I-BB::-webkit-scrollbar {
  width: 0px;
}
.bigDataLayoutWrapper___2I-BB::-webkit-scrollbar-thumb {
  color: transparent;
}
.bigDataLayoutWrapper___2I-BB::-webkit-scrollbar-track {
  color: transparent;
}
.headerWrapper___13IoB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 24px 24px 18px 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 400;
}
.headerWrapper___13IoB .headerLeftWrapper___kvh-p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerWrapper___13IoB .headerLeftWrapper___kvh-p > img {
  height: 42px;
  margin-right: 12px;
}
.headerWrapper___13IoB .headerLeftWrapper___kvh-p .headerLeftTitle___3vfqd {
  font-size: 32px;
  font-weight: 600;
  color: #ffffff;
  line-height: 45px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.6);
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .headerNavigationWrapper___2rUlJ {
  height: 48px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1), 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1), 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 30px;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .headerNavigationWrapper___2rUlJ > button {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  width: 88px;
  font-size: 24px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.4);
  line-height: 33px;
  position: relative;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .headerNavigationWrapper___2rUlJ > button > span {
  width: 88px;
  height: 3px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.24), 0px 0px 2px 0px rgba(255, 255, 255, 0.6), 0px 0px 10px 0px rgba(255, 255, 255, 0.8);
          box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.24), 0px 0px 2px 0px rgba(255, 255, 255, 0.6), 0px 0px 10px 0px rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  position: absolute;
  bottom: -5px;
  left: 0px;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .locationWeatherWrapper___3dze8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-width: 89px;
  position: relative;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .locationWeatherWrapper___3dze8 .weatherWrapper___RzbRX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .locationWeatherWrapper___3dze8 .weatherWrapper___RzbRX .weatherIcon___3tK5L {
  width: 36px;
  height: 36px;
  margin-right: 6px;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .locationWeatherWrapper___3dze8 .weatherWrapper___RzbRX .weatherTemp___1yE4y {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 33px;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .locationWeatherWrapper___3dze8 .weatherWrapper___RzbRX .weatherTemp___1yE4y .weatherTempSign___12CYr {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin-left: 5px;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .locationWeatherWrapper___3dze8 .weatherText___-NUxO {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 17px;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .locationTimeWrapper___c5pVL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: 26px;
  min-width: 105px;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .locationTimeWrapper___c5pVL .locationDateTime___38X2J {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 37px;
}
.headerWrapper___13IoB .headerRightWrapper___2QrHs .locationTimeWrapper___c5pVL .locationMonthTime___3Yu8u {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 17px;
}
.indexWrapper___1yrxM {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: calc(100vh - 100px);
}
.bodyWrapper___3Rd2u {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  min-height: 960px;
}
.bodyWrapper___3Rd2u .ant-empty-description {
  color: #fff;
}
.bodyWrapper___3Rd2u .ant-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.bodyWrapper___3Rd2u .ant-spin-spinning {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
}
.bodyWrapper___3Rd2u .leftWrapper___PapaR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 478px;
}
.bodyWrapper___3Rd2u .leftWrapper___PapaR .leftTopWrapper___2OTHr {
  display: grid;
  grid-template-columns: 233px 233px;
  grid-gap: 11px;
}
.bodyWrapper___3Rd2u .centerWrapper___26zO- {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: calc(100% - 988px);
  margin: 0 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bodyWrapper___3Rd2u .rightWrapper___WF3tT {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 478px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bodyWrapper___3Rd2u .todayDataWrapper___3KYua {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: none;
  outline: none;
  padding: 0;
  background: transparent;
  text-align: left;
}
.bodyWrapper___3Rd2u .todayDataWrapper___3KYua .todayImg___1sphF {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #17efcc;
  margin-right: 8px;
  text-align: center;
}
.bodyWrapper___3Rd2u .todayDataWrapper___3KYua .todayImg___1sphF .currentTotalImg___2KCdv {
  width: 14px;
  height: 11px;
  margin-bottom: 3px;
}
.bodyWrapper___3Rd2u .todayDataWrapper___3KYua .todayData___32gPr {
  font-family: PingFangSC-Regular, PingFang SC;
}
.bodyWrapper___3Rd2u .todayDataWrapper___3KYua .todayData___32gPr .todayTitle___kYjby {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
}
.bodyWrapper___3Rd2u .todayDataWrapper___3KYua .todayData___32gPr .todayDataNumber___12KZh {
  font-size: 32px;
  color: #ffffff;
  line-height: 45px;
}
.bodyWrapper___3Rd2u .todayDataWrapper___3KYua .todayData___32gPr .todayDataTotalNumber___38plG {
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
}
.bodyWrapper___3Rd2u .todayDataWrapper___3KYua .todayData___32gPr .ant-progress-inner {
  background-color: rgba(245, 245, 245, 0.3);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.2);
}
.blockUnit___1_6ni {
  background: rgba(0, 0, 0, 0.2);
  padding: 16px 24px 24px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-radius: 8px;
}
.blockUnit___1_6ni .blockUnitTitle___1cICW {
  position: absolute;
  height: 41px;
  left: 0;
  top: 16px;
  padding: 0 24px;
  font-family: PingFangSC;
  font-size: 18px;
  line-height: 41px;
  color: #00edc6;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  background: rgba(0, 237, 198, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border-radius: 0 4px 4px 0;
}
.courseActiveListWrapper___3HNnh {
  width: 100%;
  font-family: PingFangSC-Medium, PingFang SC;
  height: 100%;
  position: relative;
}
.courseActiveListWrapper___3HNnh .courseActiveTitle___1jnSO {
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 25px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 24px;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ {
  overflow-y: auto;
  height: calc(100% - 49px);
  margin-top: 44px;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .courseActiveItem___2ZB1B {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .courseActiveItem___2ZB1B .courseActiveLeft___3OxwF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  position: relative;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .courseActiveItem___2ZB1B .courseActiveLeft___3OxwF .crownIcon___1d67Y {
  position: absolute;
  left: -2px;
  top: -10px;
  width: 24px;
  height: 20px;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .courseActiveItem___2ZB1B .courseActiveLeft___3OxwF .courseActiveIndex___hTc_C {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background-color: #00b797;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .courseActiveItem___2ZB1B .courseActiveLeft___3OxwF .courseActiveAvatar___3uEYQ {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  margin: 0 9px 0 0;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .courseActiveItem___2ZB1B .courseActiveRight___27sTj {
  min-width: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .courseActiveItem___2ZB1B .courseActiveRight___27sTj .courseActiveNumber___2PCuk {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: rgba(255, 255, 255, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .courseActiveItem___2ZB1B .courseActiveRight___27sTj .courseActiveNumber___2PCuk .courseActivitiesName___2Jmil {
  width: 140px;
  height: 26px;
  background: rgba(112, 220, 177, 0.1);
  border: 1px solid #70dcb1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  color: #70dcb1;
  text-align: center;
  line-height: 26px;
  margin-left: 16px;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .courseActiveItem___2ZB1B .courseActiveRight___27sTj .topArrowColor___22fD1 {
  border-bottom: 10px solid #00edc6;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .courseActiveItem___2ZB1B .courseActiveRight___27sTj .courseActiveArrow___2Gp3g {
  width: 0;
  height: 0;
  border-bottom: 10px solid #00edc6;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  margin: 0 14px;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_ .emptyCourseActiveItem___2KDJR {
  height: 56px;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_::-webkit-scrollbar {
  width: 0;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_::-webkit-scrollbar-thumb {
  color: transparent;
}
.courseActiveListWrapper___3HNnh .courseActiveScrollWrapper___23s2_::-webkit-scrollbar-track {
  color: transparent;
}
.courseActiveListWrapper___3HNnh .noScrollMask___2eMY1 {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  height: calc(100% - 49px);
  width: 100%;
}
.studentInteractiveWrapper___1eV3n {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
}
.studentInteractiveWrapper___1eV3n .studentInteractiveData___qOcwb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 40px;
  font-family: PingFangSC-Regular, PingFang SC;
  height: 205px;
  padding: 60px 0 10px 0;
}
.studentInteractiveWrapper___1eV3n .studentInteractiveData___qOcwb .averageInteractiveCount___3Vxqv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.studentInteractiveWrapper___1eV3n .studentInteractiveData___qOcwb .averageInteractiveCount___3Vxqv .averageInteractiveImg___gYje0 {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 8px;
  background-color: #3a87ef;
  text-align: center;
}
.studentInteractiveWrapper___1eV3n .studentInteractiveData___qOcwb .averageInteractiveCount___3Vxqv .averageInteractiveImg___gYje0 .studentActImg___3tXrZ {
  width: 14px;
  height: 11px;
}
.studentInteractiveWrapper___1eV3n .studentInteractiveData___qOcwb .averageInteractiveCount___3Vxqv .averageInteractiveMsg___27JI6 .averageInteractiveTitle___1pRJ1 {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
}
.studentInteractiveWrapper___1eV3n .studentInteractiveData___qOcwb .averageInteractiveCount___3Vxqv .averageInteractiveMsg___27JI6 .averageInteractiveNumber___2Jzf8 {
  font-size: 24px;
  color: #ffffff;
  line-height: 33px;
}
.studentInteractiveWrapper___1eV3n .studentInteractiveData___qOcwb .averageInteractiveCount___3Vxqv .averageInteractiveMsg___27JI6 .averageInteractiveNumber___2Jzf8 .averageInteractiveLittle___9Livp {
  font-size: 14px;
  margin-left: 5px;
}
.courseAttendanceWrapper___mTGpI {
  width: 100%;
  font-family: PingFangSC-Semibold, PingFang SC;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.courseAttendanceWrapper___mTGpI .courseActiveTitle___1jnSO {
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 25px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 24px;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceHeader___hts7S {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  line-height: 22px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.05);
  margin-bottom: 4px;
  border-radius: 2px;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf {
  overflow-y: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf .courseAttendanceItem___12aI3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 24px;
  border-radius: 2px;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf .courseAttendanceItem___12aI3 .courseAttendanceLeft___bjOYK {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 80px);
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf .courseAttendanceItem___12aI3 .courseAttendanceLeft___bjOYK .courseAttendanceAvatar___2Pub0 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf .courseAttendanceItem___12aI3 .courseAttendanceLeft___bjOYK .courseAttendanceMsg___OrFNT {
  color: rgba(255, 255, 255, 0.86);
  width: calc(100% - 50px);
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf .courseAttendanceItem___12aI3 .courseAttendanceLeft___bjOYK .courseAttendanceMsg___OrFNT .courseName___1Lux7 {
  font-size: 18px;
  line-height: 26px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf .courseAttendanceItem___12aI3 .courseAttendanceLeft___bjOYK .courseAttendanceMsg___OrFNT .courseTeacherName___1L1jl {
  font-size: 14px;
  line-height: 20px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf .courseAttendanceItem___12aI3 .courseAttendAnceRight___Meo6b {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.86);
  line-height: 25px;
  min-width: 80px;
  text-align: right;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf .courseAttendanceBgc___cRybi {
  background-color: rgba(255, 255, 255, 0.05);
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf::-webkit-scrollbar {
  width: 0;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf::-webkit-scrollbar-thumb {
  color: transparent;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf::-webkit-scrollbar-track {
  color: transparent;
}
.courseAttendanceWrapper___mTGpI .courseAttendanceScroll___3uEyf .emptyCourseAttendanceItem___1rAB0 {
  height: 54px;
}
.flexLayout___3Oal0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.loadingClassroomSpin___29Ab4 {
  height: 530px;
  text-align: center;
}
.todayTeaching___2oFwc {
  cursor: pointer;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 32px 45px 200px 1fr;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-family: PingFangSC;
}
.todayTeaching___2oFwc > div:nth-child(1) {
  position: relative;
}
.todayTeaching___2oFwc > div:nth-child(1) span {
  background-color: #f33;
  border-radius: 9px;
  font-size: 12px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
}
.todayTeaching___2oFwc > div:nth-child(1) img {
  width: 24px;
  height: 20px;
  position: absolute;
  top: -18px;
  left: -3px;
}
.todayTeaching___2oFwc > div:nth-child(4) {
  font-size: 18px;
  line-height: 21px;
  text-align: right;
  color: #00edc6;
}
.todayTeaching___2oFwc .courseActiveAvatar___3uEYQ {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  margin-right: 8px;
}
.todayTeaching___2oFwc .courseACtiveName___1DSQd {
  font-size: 14px;
  line-height: 18px;
}
.todayTeaching___2oFwc .courseACtiveName___1DSQd > div {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 190px;
}
.todayTeaching___2oFwc .courseACtiveName___1DSQd .courseActiveNameWeight___1btJ4 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}
.classroomUsedRateWrapper___1xDwa {
  font-family: PingFangSC;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  color: rgba(255, 255, 255, 0.5);
}
.classroomUsedRateWrapper___1xDwa > span {
  font-size: 18px;
  line-height: 21px;
  color: #fff;
  margin-left: 4px;
}
.jkfUsedStatus___1ttHE {
  width: 262px;
  position: absolute;
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 14px;
  color: #acacac;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.jkfUsedStatus___1ttHE .isTeachingClassroom___WC7YV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.jkfUsedStatus___1ttHE .isTeachingClassroom___WC7YV > div {
  width: 9px;
  height: 9px;
  background: -webkit-gradient(linear, left bottom, left top, from(#00edc6), to(#00edc6)), rgba(0, 0, 0, 0.25);
  background: -webkit-linear-gradient(bottom, #00edc6, #00edc6), rgba(0, 0, 0, 0.25);
  background: -o-linear-gradient(bottom, #00edc6, #00edc6), rgba(0, 0, 0, 0.25);
  background: linear-gradient(0deg, #00edc6, #00edc6), rgba(0, 0, 0, 0.25);
  border-radius: 1px;
  margin-right: 9px;
}
.jkfUsedStatus___1ttHE .notTeachingClassroom___3-VgE {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 30px;
}
.jkfUsedStatus___1ttHE .notTeachingClassroom___3-VgE > div {
  width: 9px;
  height: 9px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 1px;
  margin-right: 9px;
}
.graphicWrapper___kGQem {
  position: relative;
  overflow: hidden;
}
.graphicWrapper___kGQem canvas {
  cursor: auto;
}
.graphicWrapper___kGQem .bottomWrapper___2NntH {
  width: 117px;
  height: 22px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.courseClassroomWrapper___3kBnT {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
}
.courseClassroomWrapper___3kBnT .ant-progress-line {
  position: absolute;
  top: -9px;
  left: -1px;
  z-index: 10;
}
.courseClassroomWrapper___3kBnT .ant-progress-inner {
  background-color: rgba(245, 245, 245, 0.3);
}
.courseClassroomWrapper___3kBnT .ant-progress-bg {
  height: 6px !important;
}
.courseClassroomWrapper___3kBnT .ant-spin-spinning {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
}
.courseClassroomWrapper___3kBnT .courseClassroomTop___1JPm5 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: PingFangSC-Regular, PingFang SC;
  width: 100%;
  height: 77px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.courseClassroomWrapper___3kBnT .courseClassroomTop___1JPm5 .courseClassroomTopBotton___QYVpf {
  background: #ff001f;
  -webkit-box-shadow: 0 0 2px 0 rgba(255, 0, 31, 0.8), 0 0 4px 0 rgba(255, 0, 31, 0.2), 0 0 10px 0 rgba(255, 0, 31, 0.6);
          box-shadow: 0 0 2px 0 rgba(255, 0, 31, 0.8), 0 0 4px 0 rgba(255, 0, 31, 0.2), 0 0 10px 0 rgba(255, 0, 31, 0.6);
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  line-height: 24px;
  padding: 0 4px;
  border: none;
  outline: none;
}
.courseClassroomWrapper___3kBnT .courseClassroomBottom___1GU6h {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: PingFangSC-Medium, PingFang SC;
  width: 100%;
  height: 77px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.courseClassroomWrapper___3kBnT .courseClassroomBottom___1GU6h .courseClassroomBottomClassMsg___3ihyJ {
  width: calc(100% - 325px);
}
.courseClassroomWrapper___3kBnT .courseClassroomBottom___1GU6h .courseClassroomBottomClassMsg___3ihyJ .courseClassroomTopLeft___3cGCI {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2px;
}
.courseClassroomWrapper___3kBnT .courseClassroomBottom___1GU6h .courseClassroomBottomClassMsg___3ihyJ .courseClassroomTopLeft___3cGCI .courseClassroomAvatar___1NVH0 {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
}
.courseClassroomWrapper___3kBnT .courseClassroomBottom___1GU6h .courseClassroomBottomClassMsg___3ihyJ .courseClassroomTopLeft___3cGCI .courseClassroomMsg___2LWQF {
  font-size: 18px;
  color: #ffffff;
  line-height: 24px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.courseClassroomWrapper___3kBnT .courseClassroomBottom___1GU6h .courseClassroomBottomClassMsg___3ihyJ .courseClassroomBottomLeft___2pxFZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseClassroomWrapper___3kBnT .courseClassroomBottom___1GU6h .courseClassroomBottomClassMsg___3ihyJ .courseClassroomBottomLeft___2pxFZ .localtionIcon___3-OHS {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  border-radius: 50%;
}
.courseClassroomWrapper___3kBnT .courseClassroomBottom___1GU6h .courseClassroomBottomClassMsg___3ihyJ .courseClassroomBottomLeft___2pxFZ .localtionMsg___a6wxC {
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 27px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.courseClassroomWrapper___3kBnT .courseClassroomBottom___1GU6h .courseClassroomBottomRight___CEPHC {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: rgba(255, 255, 255, 0.8);
  line-height: 30px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  padding: 0 4px 0 8px;
  min-width: 395px;
}
.courseClassroomWrapper___3kBnT .courseClassroomBottom___1GU6h .courseClassroomBottomRight___CEPHC .courseClassroomBottomColor___3dVKv {
  color: #3bf1d3;
}
.noData___21lFp {
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  width: 100%;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}
.courseActiveListWrapper___3svUs {
  width: 100%;
  font-family: PingFangSC-Medium, PingFang SC;
  height: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  padding: 16px 24px 24px 24px;
}
.courseActiveListWrapper___3svUs .headerWrapper___39wDI {
  height: 41px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 16px;
  left: 0px;
  right: 16px;
  z-index: 998;
}
.courseActiveListWrapper___3svUs .courseActiveTitle___pWdiR {
  background: rgba(0, 237, 198, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.1);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  border-radius: 0px 4px 4px 0px;
  font-family: PingFangSC;
  font-size: 18px;
  line-height: 41px;
  color: #00EDC6;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  padding: 0 24px;
}
.courseActiveListWrapper___3svUs .courseActiveScrollWrapper___zhgYm {
  overflow-y: auto;
  max-height: 100%;
  display: grid;
}
.courseActiveListWrapper___3svUs .courseActiveScrollWrapper___zhgYm .showMoreBtn___whZb- {
  background: none;
  outline: none;
  border: none;
  padding: 0px;
  color: #00EDC6;
  cursor: pointer;
}
.courseActiveListWrapper___3svUs .courseActiveScrollWrapper___zhgYm .emptyCourseActiveItem___bL0lk {
  height: 36px;
}
.courseActiveListWrapper___3svUs .courseActiveScrollWrapper___zhgYm::-webkit-scrollbar {
  width: 0px;
}
.courseActiveListWrapper___3svUs .courseActiveScrollWrapper___zhgYm::-webkit-scrollbar-thumb {
  color: transparent;
}
.courseActiveListWrapper___3svUs .courseActiveScrollWrapper___zhgYm::-webkit-scrollbar-track {
  color: transparent;
}
.courseActiveListWrapper___3svUs .noScrollMask___2MYgz {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  height: calc(100% - 49px);
  width: 100%;
}
.courseActiveListWrapper___3svUs .ant-spin-spinning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.courseActiveListWrapper___3svUs .ant-empty-description {
  color: #ffffff;
  font-size: 12px;
}
.courseActiveListWrapper___3svUs .ant-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.courseActiveListWrapper___3svUs .ant-empty-image {
  height: 50px;
}
.wrap___1AEtQ {
  min-width: 60px;
  height: 27px;
  line-height: 27px;
  padding: 1px;
  border: 1px solid rgba(0, 237, 198, 0.25);
  border-radius: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrap___1AEtQ > div {
  width: 60px;
}
.wrap___1AEtQ .btn___Bm-dY {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 12px;
  cursor: pointer;
  border-radius: 18px;
  color: rgba(255, 255, 255, 0.54);
}
.xw-my-select-menu .ant-select {
  width: 141px !important;
  border: none;
}
.xw-my-select-menu .ant-select .ant-select-selection {
  color: #00edc6;
  background-color: rgba(0, 237, 198, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  height: 27px;
}
.xw-my-select-menu .ant-select .ant-select-selection .ant-select-selection__rendered {
  line-height: 27px;
}
.xw-my-select-menu .ant-select .ant-select-selection i.ant-select-arrow-icon {
  color: #00edc6;
}
.wrapper___16_iV {
  margin-bottom: 24px;
  cursor: pointer;
}
.wrapper___16_iV .header___1SoPa {
  height: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: PingFangSC;
  font-size: 14px;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.54);
  margin-bottom: 16px;
}
.wrapper___16_iV .header___1SoPa > span:nth-child(1) {
  display: inline-block;
  width: 106px;
  margin-right: 10px;
  font-size: 18px;
  line-height: 15px;
  color: #FFFFFF;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper___16_iV .body___2WRpz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wrapper___16_iV .body___2WRpz > div:nth-child(1) {
  width: 106px;
  margin-right: 10px;
}
.wrapper___16_iV .body___2WRpz .classroomBlock___1-HRC {
  display: grid;
  grid-template-columns: repeat(auto-fill, 9px);
  grid-gap: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wrapper___16_iV .body___2WRpz .classroomBlock___1-HRC > div {
  height: 9px;
  width: 9px;
  border-radius: 1px;
}
.courseActiveItem___1aa6k {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.courseActiveItem___1aa6k .courseActiveLeft___2Mu3x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  position: relative;
}
.courseActiveItem___1aa6k .courseActiveLeft___2Mu3x .crownIcon___i8fXN {
  position: absolute;
  left: -2px;
  top: -10px;
  width: 24px;
  height: 20px;
}
.courseActiveItem___1aa6k .courseActiveLeft___2Mu3x .courseActiveIndex___1AZfU {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background-color: #00b797;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
.courseActiveItem___1aa6k .courseActiveLeft___2Mu3x .courseActiveAvatar___2fwfW {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  margin: 0 9px 0 12px;
}
.courseActiveItem___1aa6k .courseActiveLeft___2Mu3x .courseACtiveName___O0amQ {
  font-size: 13px;
  line-height: 18px;
}
.courseActiveItem___1aa6k .courseActiveLeft___2Mu3x .courseACtiveName___O0amQ > div {
  max-width: 150px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.courseActiveItem___1aa6k .courseActiveLeft___2Mu3x .courseACtiveName___O0amQ .courseActiveNameWeight___1kfDk {
  font-weight: 600;
}
.courseActiveItem___1aa6k .courseActiveRight___2J1W1 {
  min-width: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.courseActiveItem___1aa6k .courseActiveRight___2J1W1 .courseActiveNumber___3p-aY {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: rgba(255, 255, 255, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseActiveItem___1aa6k .courseActiveRight___2J1W1 .courseActiveNumber___3p-aY img {
  width: 16px;
  height: 14px;
  margin-right: 4px;
}
.courseActiveItem___1aa6k .courseActiveRight___2J1W1 .courseActiveNumber___3p-aY .courseActivitiesName___12p7f {
  width: 140px;
  height: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
  line-height: 26px;
  margin-left: 16px;
}
.courseActiveItem___1aa6k .courseActiveRight___2J1W1 .topArrowColor___1R1H8 {
  border-bottom: 10px solid #00edc6;
}
.courseActiveItem___1aa6k .courseActiveRight___2J1W1 .courseActiveArrow___1FE8S {
  width: 0px;
  height: 0;
  border-bottom: 10px solid #00edc6;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  margin: 0 14px;
}
.classDetailWrapper___1v6io {
  padding: 0 24px 24px 24px;
  min-height: calc(100vh - 100px);
}
.bodyWrapper___zXmQt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bodyWrapper___zXmQt .ant-empty-description {
  color: #ffffff;
}
.bodyWrapper___zXmQt .ant-empty {
  height: calc(100% - 40px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
.bodyWrapper___zXmQt .ant-spin-spinning {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
}
.bodyWrapper___zXmQt .classDetailLeftWrapper___2sTax {
  width: 468px;
  min-width: 468px;
}
.bodyWrapper___zXmQt .classDetailCenterWrapper___I9oby {
  margin: 0 24px;
  width: calc(100% - 936px);
  overflow: hidden;
}
.bodyWrapper___zXmQt .classDetailCenterWrapper___I9oby .classDetailBaseWrapper___23_yo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.bodyWrapper___zXmQt .classDetailCenterWrapper___I9oby .classDetailBaseWrapper___23_yo .classDetailBaseMsg___1eMIt {
  padding: 24px;
  height: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bodyWrapper___zXmQt .classDetailCenterWrapper___I9oby .classDetailBaseWrapper___23_yo .classDetailBaseMsg___1eMIt .classDetailBaseTitle___tfD5H {
  font-size: 36px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 50px;
  margin-bottom: 22px;
  overflow: hidden;
  width: calc(100% - 48px);
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.bodyWrapper___zXmQt .classDetailCenterWrapper___I9oby .classDetailBaseWrapper___23_yo .classDetailBaseMsg___1eMIt .classDetailBaseBottom___125Sy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 21px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #bfbfbf;
  line-height: 29px;
}
.bodyWrapper___zXmQt .classDetailCenterWrapper___I9oby .classDetailBaseWrapper___23_yo .classDetailBaseMsg___1eMIt .classDetailBaseBottom___125Sy .classDetailBaseAvatar___2_QSU {
  width: 30px;
  height: 30px;
  border: 2px solid #979797;
  border-radius: 50%;
  margin-right: 6px;
}
.bodyWrapper___zXmQt .classDetailCenterWrapper___I9oby .classDetailBaseWrapper___23_yo .classDetailBaseMsg___1eMIt .classDetailBaseBottom___125Sy .classDetailBaseScore___14B9k {
  color: #ffffff;
}
.bodyWrapper___zXmQt .classDetailCenterWrapper___I9oby .classDetailBaseWrapper___23_yo .classDetailBase___1EbSk {
  width: 206px;
  height: 150px;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa {
  width: 468px;
  min-width: 468px;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .goodStuendtWrapper___9PxkQ {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 25px;
  font-size: 18px;
  width: 100%;
  position: relative;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .goodStuendtWrapper___9PxkQ .goodStudentTitle___8JMKt {
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .goodStuendtWrapper___9PxkQ .goodStudentMsgWrapper___5V3mi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 16px;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .goodStuendtWrapper___9PxkQ .goodStudentMsgWrapper___5V3mi .goodStudentMsg___8c3g1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  position: relative;
  width: 80px;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .goodStuendtWrapper___9PxkQ .goodStudentMsgWrapper___5V3mi .goodStudentMsg___8c3g1 .goodStudentAvatar___3k7U9 {
  width: 60px;
  height: 60px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .goodStuendtWrapper___9PxkQ .goodStudentMsgWrapper___5V3mi .goodStudentMsg___8c3g1 .goodStudentName___1Bty3 {
  margin-top: 8px;
  margin-bottom: 2px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .goodStuendtWrapper___9PxkQ .goodStudentMsgWrapper___5V3mi .goodStudentMsg___8c3g1 .goodStudentPhone___2lY0Y {
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .goodStuendtWrapper___9PxkQ .goodStudentMsgWrapper___5V3mi .goodStudentMsg___8c3g1 .goodStudentCrown___tlwq9 {
  position: absolute;
  top: -21px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 30px;
  height: 20px;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW {
  width: 100%;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 25px;
  height: 672px;
  position: relative;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentTitle___2qkWq {
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  padding: 0 24px;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 {
  height: calc(100% - 25px);
  overflow-y: auto;
  padding: 0 24px;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  outline: none;
  border: none;
  padding: 0;
  background: transparent;
  width: 100%;
  cursor: pointer;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentAvatar___CqR7n {
  width: 60px;
  height: 60px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  min-width: 60px;
  margin-right: 14px;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentMsgWrapper___2Zr5n {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentMsgWrapper___2Zr5n .needNoticeStudentMsgTop___3XQUS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentMsgWrapper___2Zr5n .needNoticeStudentMsgTop___3XQUS .needNoticeStudenName___3q_mY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentMsgWrapper___2Zr5n .needNoticeStudentMsgTop___3XQUS .needNoticeStudenName___3q_mY .needNoticeStudenNameText___2Wrm3 {
  max-width: 130px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentMsgWrapper___2Zr5n .needNoticeStudentMsgTop___3XQUS .needNoticeStudenName___3q_mY .needNoticeStudentPhone___1wZv7 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 20px;
  margin-left: 8px;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentMsgWrapper___2Zr5n .needNoticeStudentMsgBottom___1OoGw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentMsgWrapper___2Zr5n .needNoticeStudentMsgBottom___1OoGw .needNoticeTip___4CRGO {
  background: rgba(255, 0, 31, 0.15);
  color: #ff001f;
  border: 1px solid rgba(255, 0, 31, 0.7);
  border-radius: 12px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
  margin-right: 6px;
  width: 109px;
  text-align: center;
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentMsgWrapper___2Zr5n .needNoticeStudentMsgBottom___1OoGw .needNoticeTipAttendanceColor___19iaT {
  background: rgba(255, 0, 31, 0.15);
  color: #ff001f;
  border: 1px solid rgba(255, 0, 31, 0.7);
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentMsgWrapper___2Zr5n .needNoticeStudentMsgBottom___1OoGw .needNoticeTipHomeworkColor___1Ep9k {
  background: rgba(245, 166, 35, 0.15);
  color: #ffb131;
  border: 1px solid rgba(245, 166, 35, 0.7);
}
.bodyWrapper___zXmQt .classDetailRightWrapper___gPUDa .needNoticeStudentWrappre___SxgaW .needNoticeStudentList___1Cn_4 .needNoticeStudentItem___2rhlC .needNoticeStudentMsgWrapper___2Zr5n .needNoticeStudentMsgBottom___1OoGw .needNoticeTipParticipationColor___2WxUr {
  background: rgba(219, 42, 255, 0.15);
  color: #db2aff;
  border: 1px solid rgba(219, 42, 255, 0.7);
}
.blockUnit___kGQfX {
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: relative;
}
.blockUnit___kGQfX .blockUnitTitle___2ELLE {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 25px;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
.classSingWraper___habjF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
}
.classTeachingSourceWrapper___3fEv5 {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.classTeachingSourceWrapper___3fEv5 .blockUnitTopWrapper___2k0dy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.classTeachingSourceWrapper___3fEv5 .blockUnitTopWrapper___2k0dy .blockUnitOrder___1efAr {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
}
.classTeachingSourceWrapper___3fEv5 .blockUnitTopWrapper___2k0dy .blockUnitOrder___1efAr .blockUnitOrderNumber___3bksP {
  color: #ffffff;
}
.activeTypeWrapper___T52N3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  width: 420px;
}
.activeTypeWrapper___T52N3 .activeTypeRightWrapper___1HR78 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 50px;
  margin-right: 20px;
}
.activeTypeWrapper___T52N3 .activeTypeRightWrapper___1HR78 .activeTypeRightTitle___nHbhl {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
}
.activeTypeWrapper___T52N3 .activeTypeRightWrapper___1HR78 .activeTypeRightNumber___LNQV7 {
  font-size: 36px;
  color: #ffffff;
  line-height: 50px;
}
.noDataDom___2WFAM {
  height: calc(60%);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
}
.pageWrapper___3IOiY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: calc(100vh - 100px);
  padding: 0 24px 24px 24px;
}
.pageWrapper___3IOiY .pageTopWrapper___3GeEv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.blockUnit___-TLet {
  border-radius: 2px;
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.blockUnit___-TLet .blockUnitTitle___1LsEH {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 25px;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
.studentSignWrapper___wsB6D {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 40px;
}
.studentSignWrapper___wsB6D .classSignTop___2XN0r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-family: PingFangSC-Regular, PingFang SC;
  width: 100%;
}
.studentSignWrapper___wsB6D .classSignTop___2XN0r .classSignTitle___1u6aU {
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 25px;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
.studentSignWrapper___wsB6D .classSignTop___2XN0r .averageSignWrapper___WZEaR {
  position: absolute;
  top: 16px;
  right: 24px;
}
.studentSignWrapper___wsB6D .classSignTop___2XN0r .averageSignWrapper___WZEaR .averageSignTitle___W6kOe {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
}
.studentSignWrapper___wsB6D .classSignTop___2XN0r .averageSignWrapper___WZEaR .averageSignNumber___1p1dZ {
  font-size: 36px;
  color: #ffffff;
  line-height: 50px;
}
.studentSignWrapper___wsB6D .classSignTop___2XN0r .averageSignWrapper___WZEaR .averageSignNumber___1p1dZ .averageSignNumberSmall___1CsJZ {
  font-size: 16px;
  margin-left: 6px;
}
.studentBaseMsgWrapper___3Sj0_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  height: 100%;
  width: 100%;
  position: relative;
}
.studentBaseMsgWrapper___3Sj0_ .studentAvatar___10bR4 {
  position: absolute;
  top: -50px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}
.studentBaseMsgWrapper___3Sj0_ .studentName___2JDmi {
  font-size: 24px;
  color: #ffffff;
  line-height: 33px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  margin-top: 16px;
}
.studentBaseMsgWrapper___3Sj0_ .studentOrder___3SrrC {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 22px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  margin: 4px 0;
}
.studentBaseMsgWrapper___3Sj0_ .studentCollege___3Rdww {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 25px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  margin-bottom: 21px;
}
.studentBaseMsgWrapper___3Sj0_ .studentLearnStatusWrapper___3bAEV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.studentBaseMsgWrapper___3Sj0_ .studentLearnStatusWrapper___3bAEV .studentStatusItem___1fCEo .studentStatusItemTitle___14YcU {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
}
.studentBaseMsgWrapper___3Sj0_ .studentLearnStatusWrapper___3bAEV .studentStatusItem___1fCEo .studentStatusItemNumber___1GuFR {
  font-size: 36px;
  color: #ffffff;
  line-height: 50px;
}
.studentBaseMsgWrapper___3Sj0_ .studentLearnStatusWrapper___3bAEV .studentStatusItem___1fCEo .studentStatusItemNumber___1GuFR .studentStatusItemSmaller___8JHlv {
  font-size: 16px;
  margin-left: 6px;
}
.studentInteractiveWrapper___3RCXE {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  margin-top: 6px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.studentInteractiveWrapper___3RCXE .studentInteractiveData___31w8F {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 40px;
  font-family: PingFangSC-Regular, PingFang SC;
  height: 205px;
  padding: 60px 0 10px 0;
}
.studentInteractiveWrapper___3RCXE .studentInteractiveData___31w8F .averageInteractiveCount___1VAgq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.studentInteractiveWrapper___3RCXE .studentInteractiveData___31w8F .averageInteractiveCount___1VAgq .averageInteractiveImg___2m9LK {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 8px;
  background-color: #3a87ef;
}
.studentInteractiveWrapper___3RCXE .studentInteractiveData___31w8F .averageInteractiveCount___1VAgq .averageInteractiveMsg____6y0s .averageInteractiveTitle___3gqln {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
}
.studentInteractiveWrapper___3RCXE .studentInteractiveData___31w8F .averageInteractiveCount___1VAgq .averageInteractiveMsg____6y0s .averageInteractiveNumber___pz4-c {
  font-size: 24px;
  color: #ffffff;
  line-height: 33px;
}
.studentInteractiveWrapper___3RCXE .studentInteractiveData___31w8F .averageInteractiveCount___1VAgq .averageInteractiveMsg____6y0s .averageInteractiveNumber___pz4-c .averageInteractiveLittle___2jYKN {
  font-size: 14px;
  margin-left: 5px;
}
.pageBottomWrapper___1bnSJ {
  width: 100%;
  color: #ffffff;
  margin-top: 16px;
}
.pageBottomWrapper___1bnSJ .joinTableWrapper___2ywAa {
  width: 100%;
  padding-top: 40px;
}
.pageBottomWrapper___1bnSJ .joinTableTitle___3RfIF {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 25px;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
.pageBottomWrapper___1bnSJ .joinTableTime___29je4 {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 14px;
  margin-top: 24px;
}
.pageBottomWrapper___1bnSJ .singleRowBgc___2RP3R {
  background-color: rgba(255, 255, 255, 0.05);
}
.pageBottomWrapper___1bnSJ .doubleRowBgc___3cthN {
  background-color: transparent;
}
.pageBottomWrapper___1bnSJ .ant-table-tbody > tr > td {
  border-bottom-width: 0px;
  color: #ffffff;
  padding: 16px 12px;
}
.pageBottomWrapper___1bnSJ .ant-table-thead > tr > th {
  border-bottom-width: 0px;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 16px 12px;
}
.pageBottomWrapper___1bnSJ .ant-table-tbody > tr:nth-child(odd):hover > td {
  background-color: transparent;
}
.pageBottomWrapper___1bnSJ .ant-table-tbody > tr:nth-child(even):hover > td {
  background-color: transparent;
}
.pageBottomWrapper___1bnSJ .ant-spin-spinning {
  position: absolute;
  top: 50%;
  left: 50%;
}
.pageBottomWrapper___1bnSJ .ant-empty-description {
  color: #ffffff;
}
.pageBottomWrapper___1bnSJ .ant-empty {
  height: calc(100% - 40px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
.showDetailWrapper___3s-og {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0CA999;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0px;
  background: transparent;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.showDetailWrapper___3s-og span {
  width: 24px;
  height: 24px;
  margin-right: 2px;
  display: inline-block;
  background-size: cover;
  background-repeat: repeat;
}
.titleWrapper___30YDo {
  background: rgba(0, 237, 198, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.1);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  border-radius: 0px 4px 4px 0px;
  font-family: PingFangSC;
  font-size: 18px;
  line-height: 41px;
  color: #00EDC6;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 0 24px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 16px;
}
.wrapper___2xJYY {
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vh);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow-y: auto;
}
.bodyWrapper___tbWrN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: rgba(0, 0, 0, 0.33);
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.bodyWrapper___tbWrN .ant-empty-description {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
}
.bodyWrapper___tbWrN .ant-spin-spinning {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
}
.bodyWrapper___tbWrN .rightWrapper___3GNy5 {
  margin-left: 48px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.bodyWrapper___tbWrN .rightWrapper___3GNy5 .classRoomContainerWrapper___a3q-z {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.bodyWrapper___tbWrN .rightWrapper___3GNy5 .classRoomContainerWrapper___a3q-z .classRoomWrapper___gH-3- {
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 25px;
  text-shadow: 0px 0px 4px #000000;
  position: relative;
  width: 340px;
  height: 191px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  margin-right: 48px;
  margin-bottom: 48px;
  padding: 0;
}
.bodyWrapper___tbWrN .rightWrapper___3GNy5 .classRoomContainerWrapper___a3q-z .classRoomWrapper___gH-3- .classRoomImg___1M4uI {
  width: 100%;
  height: 100%;
}
.bodyWrapper___tbWrN .rightWrapper___3GNy5 .classRoomContainerWrapper___a3q-z .classRoomWrapper___gH-3- .classRoomName___2kkwW {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 16px 16px 0 16px;
}
.bodyWrapper___tbWrN .rightWrapper___3GNy5 .classRoomContainerWrapper___a3q-z .classRoomWrapper___gH-3- .classRoomCourseName___2SrVp {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  height: 57px;
}
.title___37HAs {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 24px;
  margin-top: 24px;
}
.wrapper___2FfoS {
  width: 320px;
}
.wrapper___2FfoS .campusWrapper___29WTY {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
}
.wrapper___2FfoS .campusWrapper___29WTY .title___2-X6P {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  padding: 24px 0 24px 24px;
}
.wrapper___2FfoS .campusWrapper___29WTY .teachingBuildingItem___1iBXE {
  width: 100%;
  padding: 0 24px;
  font-size: 21px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 29px;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
}
.wrapper___2FfoS .campusWrapper___29WTY .teachingBuildingItem___1iBXE .buildItemWrapper___nJSZL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 61px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrapper___2FfoS .campusWrapper___29WTY .teachingBuildingItem___1iBXE .buildItemWrapper___nJSZL .buildName___3kUlf {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.wrapper___2FfoS .campusWrapper___29WTY .teachingBuildingItem___1iBXE .circleMask___gQ7kO {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  height: 0;
  width: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.wrapper___2FfoS .campusWrapper___29WTY .teachingBuildingItem___1iBXE .animationEventMask___3WsmM {
  -webkit-animation: scaleMask___2qiT- 2s cubic-bezier(0.23, 1, 0.32, 1);
          animation: scaleMask___2qiT- 2s cubic-bezier(0.23, 1, 0.32, 1);
}
@-webkit-keyframes scaleMask___2qiT- {
  100% {
    -webkit-transform: scale(10);
            transform: scale(10);
    opacity: 0;
  }
}
@keyframes scaleMask___2qiT- {
  100% {
    -webkit-transform: scale(10);
            transform: scale(10);
    opacity: 0;
  }
}
.wrapper___2FfoS .campusWrapper___29WTY .selectedBgc___9f0D6 {
  background-color: rgba(255, 255, 255, 0.2);
}
.textSingleRowShow___5aBsv {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.teacherPage___oGqmu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.teacherPage___oGqmu .leftWrapper___2EzNR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 478px;
}
.teacherPage___oGqmu .centerWrapper___1zc55 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: calc(100% - 988px);
  margin: 0 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.teacherPage___oGqmu .rightWrapper___1JgWo {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 478px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .courseStatisticColumnWrapper___2AuoC {
  cursor: pointer;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .courseStatisticColumnWrapper___2AuoC .hoverSorter___3j019 {
  opacity: 0;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .courseStatisticColumnWrapper___2AuoC .hoverSorter___3j019:hover {
  opacity: 1;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .courseStatisticColumnWrapper___2AuoC > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-blend-mode: overlay;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px 2px 0 0;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .courseStatisticColumnWrapper___2AuoC > div .commonSorter___2nmWT {
  background-size: cover;
  margin: auto;
  margin-top: 1px;
  width: 10px;
  height: 5px;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .courseStatisticColumnWrapper___2AuoC > div .upSorter___3kXB7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.teacherPage___oGqmu .rightWrapper___1JgWo .courseStatisticColumnWrapper___2AuoC > div .downSorter___22xo- {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.teacherPage___oGqmu .rightWrapper___1JgWo .singleRowBgc___2Ro3u {
  background-color: rgba(255, 255, 255, 0.05);
}
.teacherPage___oGqmu .rightWrapper___1JgWo .doubleRowBgc___1nGMz {
  background-color: transparent;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .courseBasicMsg___3LwgB {
  max-width: 121px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .ant-table-tbody > tr > td {
  border-bottom-width: 0;
  color: #fff;
  padding: 12px;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .ant-table-thead > tr > th {
  background: rgba(0, 237, 198, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.54);
  padding: 12px;
  border-bottom: none;
  position: relative;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .ant-table-tbody > tr:nth-child(odd):hover > td {
  background-color: transparent;
}
.teacherPage___oGqmu .rightWrapper___1JgWo .ant-table-tbody > tr:nth-child(even):hover > td {
  background-color: transparent;
}
.RankItemWrapper___3j8I4 {
  display: grid;
  grid-template-columns: 30px 178px 126px 1fr;
  grid-row-gap: 24px;
  font-family: PingFangSC;
  font-size: 12.96px;
  line-height: 18px;
  color: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.RankItemWrapper___3j8I4 > div:nth-child(1) {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
}
.RankItemWrapper___3j8I4 > div:nth-child(4) {
  font-family: PingFangSC;
  font-size: 24px;
  line-height: 34px;
  text-align: right;
  color: #00edc6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.RankItemWrapper___3j8I4 > div:nth-child(4) > span {
  margin-right: 4px;
}
.RankItemWrapper___3j8I4 > div:nth-child(4) .downTriangle___3rQxI {
  width: 0;
  height: 0;
  border-width: 5px;
  border-color: #29972d transparent transparent transparent;
  border-style: solid;
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
}
.RankItemWrapper___3j8I4 > div:nth-child(4) .upTriangle___26lwU {
  width: 0;
  height: 0;
  border-width: 5px;
  border-color: transparent transparent #f33 transparent;
  border-style: solid;
}
.RankItemWrapper___3j8I4 > div:nth-child(4) .parallel___1ZEd8 {
  width: 6px;
  height: 0;
  border: 1px solid #29972d;
}
.RankItemWrapper___3j8I4 .teacherBasicMsg___3WuTu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.RankItemWrapper___3j8I4 .teacherBasicMsg___3WuTu > div > div:nth-of-type(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.RankItemWrapper___3j8I4 .teacherBasicMsg___3WuTu > div > div {
  max-width: 178px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.xw-rank-table-wrapper table,
.xw-rank-table-wrapper thead,
.xw-rank-table-wrapper tbody {
  display: block;
}
.xw-rank-table-wrapper thead,
.xw-rank-table-wrapper tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.xw-rank-table-wrapper .ant-table-body > table {
  height: calc(100vh - 390px);
}
.xw-rank-table-wrapper thead {
  width: calc( 100% - 1ems );
}
.xw-rank-table-wrapper tbody {
  max-height: calc(100% - 70px);
  overflow-y: auto;
}
.xw-rank-table-wrapper tbody::-webkit-scrollbar {
  width: 0px;
}
.xw-rank-table-wrapper tbody::-webkit-scrollbar-thumb {
  color: transparent;
}
.xw-rank-table-wrapper tbody::-webkit-scrollbar-track {
  color: transparent;
}
.xw-rank-table-wrapper .ant-table-placeholder {
  position: absolute;
  width: 100%;
  top: 100px;
  background-color: transparent;
  border-top: none;
  border-bottom: none;
}
.xw-rank-table-wrapper .ant-table-placeholder .ant-empty-description {
  color: #fff;
}
.xw-rank-table-wrapper .ant-table-thead > tr > th {
  color: rgba(255, 255, 255, 0.54);
  font-size: 13px;
  background: rgba(0, 237, 198, 0.15);
  border-bottom: none;
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  height: 70px;
}
.xw-rank-table-wrapper .ant-table-thead > tr:first-child > th:nth-child(1),
.xw-rank-table-wrapper .ant-table-tbody > tr > td:nth-child(1) {
  width: 60px;
}
.xw-rank-table-wrapper .ant-table-thead > tr:first-child > th:nth-child(2),
.xw-rank-table-wrapper .ant-table-tbody > tr > td:nth-child(2) {
  width: 45%;
}
.xw-rank-table-wrapper .ant-table-thead > tr:first-child > th:nth-child(3),
.xw-rank-table-wrapper .ant-table-tbody > tr > td:nth-child(3) {
  min-width: 160px;
  white-space: pre-wrap;
}
.xw-rank-table-wrapper .ant-table-thead > tr:first-child > th:last-child {
  border-right: none;
  width: 90px;
}
.xw-rank-table-wrapper .ant-table-tbody > tr > td:last-child {
  width: 90px;
}
.xw-rank-table-wrapper .ant-table-tbody > tr {
  cursor: pointer;
}
.xw-rank-table-wrapper .ant-table-tbody > tr > td {
  border-bottom: none;
  color: #fff;
  font-size: 16px;
  height: 86px;
}
.xw-rank-table-wrapper .ant-table-tbody > tr > td:nth-child(3) {
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
}
.xw-rank-table-wrapper .ant-table-tbody > tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.05);
}
.xw-rank-table-wrapper .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: none;
}
.courseActiveListWrapper___rKzHT {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.courseActiveListWrapper___rKzHT .courseActiveScrollWrapper___16jky {
  overflow-x: auto;
  width: calc(100% - 49px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.courseActiveListWrapper___rKzHT .courseActiveScrollWrapper___16jky .emptyCourseActiveItem___5IwVs {
  width: 56px;
}
.courseActiveListWrapper___rKzHT .courseActiveScrollWrapper___16jky::-webkit-scrollbar {
  height: 0px;
}
.courseActiveListWrapper___rKzHT .courseActiveScrollWrapper___16jky::-webkit-scrollbar-thumb {
  color: transparent;
}
.courseActiveListWrapper___rKzHT .courseActiveScrollWrapper___16jky::-webkit-scrollbar-track {
  color: transparent;
}
.courseActiveListWrapper___rKzHT .noScrollMask___24wy9 {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  width: calc(100% - 49px);
  height: 100%;
}
.blockUnit___BN1Zm {
  width: 100%;
  height: 73px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 25px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}
.blockUnit___BN1Zm .blockTitle___3Nua_ {
  display: inline-block;
  width: 156px;
  text-align: center;
  font-size: 18px;
  height: 41px;
  line-height: 41px;
  color: #00edc6;
  background: rgba(0, 237, 198, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0px 4px 4px 0px;
}
.wrap___3g2-m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 30px;
  cursor: pointer;
}
.wrap___3g2-m div {
  white-space: nowrap;
  margin: 0 2px;
}
.wrap___3g2-m img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 9px;
}
.wrap___3g2-m .name___1MjKc {
  color: #fff;
  font-size: 14px;
}
.wrap___3g2-m .departments___14oV4 {
  color: rgba(255, 255, 255, 0.54);
  font-size: 12px;
  margin: 0 5px;
}
.wrap___3g2-m .course___1Fx50 {
  color: rgba(255, 255, 255, 0.54);
  font-size: 12px;
}
.wrap___3g2-m .course___1Fx50 .courseName___mauTH {
  color: #fff;
  font-size: 14px;
  margin: 0 4px;
}
.wrap___3g2-m .status___deP0u {
  padding: 1px 5px;
  font-size: 12px;
}
.todayTeaching___fWqTt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseActiveAvatar___ZZWqc {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.xw-scroll-box-wrapper .ant-empty .ant-empty-image {
  height: 42px;
}
.xw-scroll-box-wrapper .ant-empty .ant-empty-description {
  color: #fff;
}
.listWrap___3baF- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.selectWrap___1DM05 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 0;
}
.block___1PyKz {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 10px;
  position: relative;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}
.blockTitle___1F6D4 {
  display: inline-block;
  margin-top: 20px;
  padding: 0 24px;
  font-size: 18px;
  height: 41px;
  line-height: 41px;
  color: #00edc6;
  background: rgba(0, 237, 198, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0px 4px 4px 0px;
}
.tableWrap___efPSr {
  height: calc(100vh - 340px);
  padding: 24px;
}
.listWrap___3baF- .block___1PyKz:last-child {
  margin-right: 0;
}
.loadingWrap___W5VxA {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.topWrapper___3QpvE {
  display: grid;
  grid-template-columns: 370px 1fr;
  font-family: PingFangSC;
  padding: 0 64px;
  margin: 22px 0 40px 0;
  position: relative;
}
.topWrapper___3QpvE .teacherMsgWrapper___339K2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.topWrapper___3QpvE .teacherMsgWrapper___339K2 .teacherAvatar___yKvT2 {
  width: 80px;
  border-radius: 50%;
  margin-right: 16px;
}
.topWrapper___3QpvE .teacherMsgWrapper___339K2 .teacherMsg___3j-6r {
  font-size: 20px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.7);
}
.topWrapper___3QpvE .teacherMsgWrapper___339K2 .teacherMsg___3j-6r > div:nth-child(1) > span:nth-child(1) {
  font-size: 30px;
  line-height: 36px;
  margin-right: 16px;
  color: #ffffff;
  font-weight: 500;
}
.topWrapper___3QpvE .teacherMsgWrapper___339K2 .teacherMsg___3j-6r > div:nth-child(1) > span:nth-child(2) {
  max-width: 182px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.topWrapper___3QpvE .teacherMsgWrapper___339K2 .teacherMsg___3j-6r > div:nth-child(2) {
  font-size: 22px;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.7);
  max-width: 220px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.topWrapper___3QpvE .teacherIndexWrapper___30wtw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  font-family: PingFangSC;
  font-size: 18px;
  line-height: 21px;
  text-align: right;
  color: rgba(255, 255, 255, 0.6);
}
.topWrapper___3QpvE .teacherIndexWrapper___30wtw .teacherIndexItem___2ghKj {
  margin: 0 32px;
}
.topWrapper___3QpvE .teacherIndexWrapper___30wtw .teacherIndexItem___2ghKj > div:nth-child(2) {
  font-size: 36px;
  line-height: 50px;
  color: #ffffff;
}
.bodyWrapper___2lcrT {
  height: calc(100vh - 236px);
  overflow-y: auto;
  position: relative;
}
.bodyWrapper___2lcrT .courseTimeWrapper___2IUCY {
  padding: 0 24px;
}
.bodyWrapper___2lcrT .courseTimeWrapper___2IUCY > div:nth-child(1) {
  display: grid;
  grid-template-columns: 75px 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.bodyWrapper___2lcrT .courseTimeWrapper___2IUCY > div:nth-child(1) > span:nth-child(1) {
  font-family: PingFangSC;
  font-size: 12px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.8);
}
.bodyWrapper___2lcrT .courseTimeWrapper___2IUCY > div:nth-child(1) > span:nth-child(2) {
  width: 100%;
  height: 0px;
  border: 1px dashed rgba(255, 255, 255, 0.1);
}
.bodyWrapper___2lcrT .courseTimeWrapper___2IUCY > div:nth-child(2) {
  display: grid;
  grid-template-columns: repeat(auto-fill, 440px);
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  padding: 32px 16px;
}
.bodyWrapper___2lcrT::-webkit-scrollbar {
  width: 0px;
}
.bodyWrapper___2lcrT::-webkit-scrollbar-thumb {
  color: transparent;
}
.bodyWrapper___2lcrT::-webkit-scrollbar-track {
  color: transparent;
}
.wrapper___2_m2f {
  padding: 16px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  width: 440px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.wrapper___2_m2f:hover {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}
.wrapper___2_m2f > img {
  width: 166px;
  height: 120px;
  margin-right: 16px;
  border-radius: 8px;
}
.wrapper___2_m2f .courseMsgWrapper___2i831 {
  font-family: PingFangSC;
}
.wrapper___2_m2f .courseMsgWrapper___2i831 > div:nth-child(1) {
  font-size: 18px;
  line-height: 21px;
  color: #FFFFFF;
  max-width: 220px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper___2_m2f .courseMsgWrapper___2i831 > div:nth-child(2) {
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
  margin: 6px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___2_m2f .courseMsgWrapper___2i831 > div:nth-child(2) > span:nth-child(1) {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.wrapper___2_m2f .courseMsgWrapper___2i831 > :nth-child(3) {
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___2_m2f .courseMsgWrapper___2i831 > :nth-child(3) > span:nth-child(1) {
  width: 11px;
  height: 16px;
  margin-right: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.wrapper___2_m2f .courseMsgWrapper___2i831 > div:nth-child(4) {
  width: 64px;
  height: 21px;
  left: 0px;
  top: 83px;
  background: rgba(0, 150, 170, 0.5);
  border-radius: 21px;
  font-size: 12px;
  line-height: 21px;
  color: #FFFFFF;
  text-align: center;
}
.wrapper___3jc7N {
  display: grid;
  grid-template-columns: 478px 1fr 478px;
  grid-column-gap: 24px;
}
.wrapper___3jc7N .leftWrapper___31pw7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.wrapper___3jc7N .centerWrapper___1Y98U {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.todayTeaching___22mXR {
  cursor: pointer;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 32px 45px 200px 1fr;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-family: PingFangSC;
}
.todayTeaching___22mXR > div:nth-child(1) {
  position: relative;
}
.todayTeaching___22mXR > div:nth-child(1) span {
  border-radius: 9px;
  font-size: 12px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
}
.todayTeaching___22mXR > div:nth-child(1) img {
  width: 24px;
  height: 20px;
  position: absolute;
  top: -18px;
  left: -3px;
}
.todayTeaching___22mXR > div:nth-child(4) {
  font-size: 18px;
  line-height: 21px;
  text-align: right;
  color: #00edc6;
}
.todayTeaching___22mXR .courseActiveAvatar___3HlKU {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  margin-right: 8px;
}
.todayTeaching___22mXR .courseACtiveName___14Hue {
  font-size: 14px;
  line-height: 18px;
}
.todayTeaching___22mXR .courseACtiveName___14Hue > div {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 190px;
}
.todayTeaching___22mXR .courseACtiveName___14Hue .courseActiveNameWeight___2l2re {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}
.barWrapper___2sfvZ canvas {
  cursor: auto;
}
.courseActiveListWrapper___14555 {
  width: 100%;
  font-family: PingFangSC-Medium, PingFang SC;
  height: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  padding: 16px 24px 24px 24px;
}
.courseActiveListWrapper___14555 .headerWrapper___21XuZ {
  height: 41px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 16px;
  left: 0;
  right: 16px;
  z-index: 998;
}
.courseActiveListWrapper___14555 .courseActiveTitle___1x2fh {
  background: rgba(0, 237, 198, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border-radius: 0 4px 4px 0;
  font-family: PingFangSC;
  font-size: 18px;
  line-height: 41px;
  color: #00edc6;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  padding: 0 24px;
}
.courseActiveListWrapper___14555 .courseActiveScrollWrapper___1X8Vz {
  overflow-y: auto;
  height: 100%;
  display: grid;
}
.courseActiveListWrapper___14555 .courseActiveScrollWrapper___1X8Vz .showMoreBtn___z1C26 {
  background: none;
  outline: none;
  border: none;
  padding: 0;
  color: #00edc6;
  cursor: pointer;
}
.courseActiveListWrapper___14555 .courseActiveScrollWrapper___1X8Vz .emptyCourseActiveItem___d5KJ3 {
  height: 36px;
}
.courseActiveListWrapper___14555 .courseActiveScrollWrapper___1X8Vz::-webkit-scrollbar {
  width: 0;
}
.courseActiveListWrapper___14555 .courseActiveScrollWrapper___1X8Vz::-webkit-scrollbar-thumb {
  color: transparent;
}
.courseActiveListWrapper___14555 .courseActiveScrollWrapper___1X8Vz::-webkit-scrollbar-track {
  color: transparent;
}
.courseActiveListWrapper___14555 .noScrollMask___3yGev {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  height: calc(100% - 49px);
  width: 100%;
}
.courseActiveListWrapper___14555 .ant-spin-spinning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.courseActiveListWrapper___14555 .ant-empty-description {
  color: #fff;
  font-size: 12px;
}
.courseActiveListWrapper___14555 .ant-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.courseActiveListWrapper___14555 .ant-empty-image {
  height: 50px;
}
.selectWrap___29X9A {
  width: 124px;
  height: 26px;
  border-radius: 18px;
  border: 1px solid rgba(0, 237, 198, 0.2);
}
.selectWrap___29X9A > div,
.selectWrap___29X9A > div > div {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #00edc6;
  cursor: pointer;
  background: transparent;
  border-radius: 18px;
  border: none;
}
.selectWrap___29X9A > div span > i > svg,
.selectWrap___29X9A > div > div span > i > svg {
  fill: #00edc6;
}
.selectWrap___29X9A > div {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: rgba(0, 237, 198, 0.2);
  margin: 1px;
}
.inlineSelectWrap___3QWFt {
  width: 124px;
  height: 26px;
  border-radius: 18px;
  border: 1px solid rgba(0, 237, 198, 0.2);
}
.inlineSelect___3LNHe {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 12px;
  border-radius: 18px;
  font-size: 12px;
  color: #00edc6;
  cursor: pointer;
  background: rgba(0, 237, 198, 0.2);
  border: none;
  outline: none;
}
.wrap___18uex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap___18uex .todayDataWrapper___m0PuQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: none;
  outline: none;
  padding: 0;
  background: transparent;
  text-align: left;
}
.wrap___18uex .todayDataWrapper___m0PuQ .todayImg___2r2WL {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #17efcc;
  margin-right: 8px;
  text-align: center;
}
.wrap___18uex .todayDataWrapper___m0PuQ .todayImg___2r2WL .currentTotalImg___8L6cc {
  width: 14px;
  height: 11px;
  margin-bottom: 3px;
}
.wrap___18uex .todayDataWrapper___m0PuQ .todayData___1OHZC {
  font-family: PingFangSC-Regular, PingFang SC;
}
.wrap___18uex .todayDataWrapper___m0PuQ .todayData___1OHZC .todayTitle___3Cyy7 {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
}
.wrap___18uex .todayDataWrapper___m0PuQ .todayData___1OHZC .todayDataNumber___31lCT {
  font-size: 32px;
  color: #ffffff;
  line-height: 45px;
}
.wrap___18uex .todayDataWrapper___m0PuQ .todayData___1OHZC .todayDataTotalNumber___2nwrb {
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
}
.wrap___18uex .todayDataWrapper___m0PuQ .todayData___1OHZC .ant-progress-inner {
  background-color: rgba(245, 245, 245, 0.3);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.2);
}
.wrap___1GyMP {
  padding: 0 16px 16px 16px;
}
.wrap___1GyMP .bodyWrap___767ur {
  display: grid;
  grid-template-columns: 478px 1fr 478px;
  grid-column-gap: 24px;
  grid-template-rows: calc(100vh - 100px);
}
.wrap___1GyMP .bodyWrap___767ur .left___1tfde {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrap___1GyMP .bodyWrap___767ur .left___1tfde > div {
  height: calc(33.33% - 11px);
}
.wrap___1GyMP .bodyWrap___767ur .left___1tfde .nameWrap___3obQe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap___1GyMP .bodyWrap___767ur .left___1tfde .nameWrap___3obQe > span:nth-of-type(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-right: 6px;
}
.wrap___1GyMP .bodyWrap___767ur .left___1tfde .nameWrap___3obQe > span:nth-of-type(2) {
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.wrap___1GyMP .bodyWrap___767ur .center___J3Gfy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrap___1GyMP .bodyWrap___767ur .center___J3Gfy > div:nth-of-type(1) {
  height: 118px;
  min-height: 118px;
}
.wrap___1GyMP .bodyWrap___767ur .center___J3Gfy > div:nth-of-type(2) {
  height: calc(100vh - 100px - 118px - 292px - 16px - 16px);
}
.wrap___1GyMP .bodyWrap___767ur .center___J3Gfy > div:nth-of-type(3) {
  height: 292px;
  min-height: 292px;
}
.wrap___1GyMP .bodyWrap___767ur .center___J3Gfy > div:not(:last-of-type) {
  margin-bottom: 16px;
}
.wrap___1GyMP .bodyWrap___767ur .right___2Ak1P {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrap___1GyMP .bodyWrap___767ur .right___2Ak1P > div:nth-of-type(1) {
  height: 225px;
  min-height: 225px;
  margin-bottom: 16px;
}
.wrap___1GyMP .bodyWrap___767ur .right___2Ak1P > div:nth-of-type(2) {
  height: calc((100% - 257px) * 0.6);
  margin-bottom: 16px;
}
.wrap___1GyMP .bodyWrap___767ur .right___2Ak1P > div:nth-of-type(3) {
  height: calc((100% - 257px) * 0.4);
}
.wrap___1GyMP .bodyWrap___767ur .right___2Ak1P .focusWrap___26ZAt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 70px 24px 18px;
}
.wrap___1GyMP .schoolAIScoreTotalWrap___25qwu {
  height: calc(100vh - 100px - 118px - 292px - 16px - 16px);
  background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.1) 60%, #000000 100%);
  background-image: -o-radial-gradient(rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.1) 60%, #000000 100%);
  background-image: radial-gradient(rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.1) 60%, #000000 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-backdrop-filter: blur(12.5px);
          backdrop-filter: blur(12.5px);
}
.wrap___1GyMP .schoolAIScoreTotalWrap___25qwu > svg {
  width: 100%;
  height: auto;
}
.wrap___1GyMP .departmentScoreWrap___1dIc5 {
  width: 100%;
  position: relative;
}
.wrap___1GyMP .legends___um5-b {
  position: absolute;
  top: 28px;
  right: 30px;
}
.wrap___1GyMP .legend___3cqXN {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 32px;
}
.wrap___1GyMP .legend___3cqXN:nth-last-of-type(1) {
  margin-right: 0;
}
.wrap___1GyMP .legend___3cqXN > i {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.wrap___1GyMP .legend___3cqXN > b {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 12px;
}
.teacherActivation___2jlcF {
  width: 100%;
  height: 100%;
}
.teacherActivation___2jlcF > canvas {
  vertical-align: middle;
}
.tooltips___2B3vW {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 180px);
  height: 100%;
  vertical-align: middle;
  margin-left: 20px;
}
.tooltip___1GCZk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.tooltip___1GCZk span {
  margin-left: 10px;
  text-align: right;
}
.tooltip___1GCZk span:nth-of-type(1) {
  width: 86px;
  text-align: left;
}
.tooltip___1GCZk span:nth-of-type(2) {
  width: 48px;
  text-align: right;
}
.tooltip___1GCZk span:nth-of-type(3) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tooltip___1GCZk .color___2sCC8 {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.tooltip___1GCZk .count___fmlMX {
  color: #777;
  font-size: 16px;
  font-weight: 600;
}
.tooltip___1GCZk .rate___1Q4Hc {
  font-size: 16px;
  font-weight: 600;
}
.studentActivation___qspzN {
  width: 100%;
  height: 100%;
}
.studentActivation___qspzN > canvas {
  vertical-align: middle;
}
.tooltips___25DxX {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  vertical-align: middle;
  margin-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tooltip___32aZj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.tooltip___32aZj span {
  margin-left: 10px;
  text-align: right;
}
.tooltip___32aZj span:nth-of-type(1) {
  width: 86px;
  text-align: left;
}
.tooltip___32aZj span:nth-of-type(2) {
  width: 48px;
  text-align: right;
}
.tooltip___32aZj span:nth-of-type(3) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tooltip___32aZj .color___bGXB_ {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.tooltip___32aZj .count___OwQMf {
  color: #777;
  font-size: 16px;
  font-weight: 600;
}
.tooltip___32aZj .rate___1DHtB {
  font-size: 16px;
  font-weight: 600;
}
.courseAIScore____lhpx {
  width: 100%;
  max-height: 200px;
}
.courseAIScore____lhpx > div,
.courseAIScore____lhpx > div > div:nth-of-type(1),
.courseAIScore____lhpx canvas {
  height: 100% !important;
}
.departmentScore___27bQX {
  width: 100%;
  height: 190px;
  overflow-x: auto;
  position: relative;
}
.departmentScore___27bQX .chartWrap___3-i-q {
  height: 100%;
}
.departmentScore___27bQX .chartWrap___3-i-q > div {
  height: 100%;
}
.departmentScore___27bQX::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #6d5ce8;
}
.pieChart___23NOn {
  height: 100%;
  position: relative;
}
.labelShow___SKQsz {
  width: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.labelShow___SKQsz i {
  display: block;
  color: #d0d0da;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.labelShow___SKQsz span {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.labelShow___SKQsz b {
  font-size: 28px;
}
.teachingMode___e0OH3 {
  width: 100%;
  height: 100%;
  padding: 60px 32px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chartDataWrap___1V_X1 {
  width: 215px;
  height: 100%;
  position: relative;
}
.tooltips___D--tk {
  width: 144px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tooltip___19A_5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.tooltip___19A_5 b {
  width: 16px;
  height: 16px;
}
.tooltip___19A_5 span {
  margin: 0 12px;
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.tooltip___19A_5 i {
  display: inline-block;
  width: 48px;
  color: #fff;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.lightCircle___2iSxy {
  border-radius: 50%;
}
.lightCircle___2iSxy.red___27odB {
  background: -webkit-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #e83232 0.01%, rgba(0, 2, 16, 0) 100%), #940000;
  background: -o-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #e83232 0.01%, rgba(0, 2, 16, 0) 100%), #940000;
  background: radial-gradient(55.08% 55.08% at 68.36% 30.86%, #e83232 0.01%, rgba(0, 2, 16, 0) 100%), #940000;
  -webkit-box-shadow: 0 0.390244px 8.97561px #e83232, inset 0 0.195122px 1.17073px rgba(255, 255, 255, 0.58), inset 0 1.17073px 2.34146px rgba(255, 5, 5, 0.95);
          box-shadow: 0 0.390244px 8.97561px #e83232, inset 0 0.195122px 1.17073px rgba(255, 255, 255, 0.58), inset 0 1.17073px 2.34146px rgba(255, 5, 5, 0.95);
}
.lightCircle___2iSxy.green___1Icko {
  background: -webkit-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #a3e832 0.01%, rgba(0, 2, 16, 0) 100%), #009266;
  background: -o-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #a3e832 0.01%, rgba(0, 2, 16, 0) 100%), #009266;
  background: radial-gradient(55.08% 55.08% at 68.36% 30.86%, #a3e832 0.01%, rgba(0, 2, 16, 0) 100%), #009266;
  -webkit-box-shadow: 0 0.390244px 8.97561px #00f863, inset 0 0.195122px 1.17073px rgba(255, 255, 255, 0.58), inset 0 1.17073px 2.34146px rgba(40, 255, 5, 0.95);
          box-shadow: 0 0.390244px 8.97561px #00f863, inset 0 0.195122px 1.17073px rgba(255, 255, 255, 0.58), inset 0 1.17073px 2.34146px rgba(40, 255, 5, 0.95);
}
.lightCircle___2iSxy.blue___1juO9 {
  background: -webkit-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #3244e8 0.01%, rgba(0, 2, 16, 0) 100%), #030092;
  background: -o-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #3244e8 0.01%, rgba(0, 2, 16, 0) 100%), #030092;
  background: radial-gradient(55.08% 55.08% at 68.36% 30.86%, #3244e8 0.01%, rgba(0, 2, 16, 0) 100%), #030092;
  -webkit-box-shadow: 0 0.390244px 8.97561px #3244e8, inset 0 0.195122px 1.17073px rgba(255, 255, 255, 0.58), inset 0 1.17073px 2.34146px rgba(219, 0, 255, 0.95);
          box-shadow: 0 0.390244px 8.97561px #3244e8, inset 0 0.195122px 1.17073px rgba(255, 255, 255, 0.58), inset 0 1.17073px 2.34146px rgba(219, 0, 255, 0.95);
}
.lightCircle___2iSxy.orange___G7CV1 {
  background: -webkit-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #e8b532 0.01%, rgba(0, 2, 16, 0) 100%), #921a00;
  background: -o-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #e8b532 0.01%, rgba(0, 2, 16, 0) 100%), #921a00;
  background: radial-gradient(55.08% 55.08% at 68.36% 30.86%, #e8b532 0.01%, rgba(0, 2, 16, 0) 100%), #921a00;
  -webkit-box-shadow: 0 0.390244px 8.97561px #e8b532, inset 0 0.195122px 1.17073px rgba(255, 255, 255, 0.58), inset 0 1.17073px 2.34146px rgba(255, 125, 5, 0.95);
          box-shadow: 0 0.390244px 8.97561px #e8b532, inset 0 0.195122px 1.17073px rgba(255, 255, 255, 0.58), inset 0 1.17073px 2.34146px rgba(255, 125, 5, 0.95);
}
.lightBall___3wztT {
  position: absolute;
}
.lightBall___3wztT > b {
  display: inline-block;
  padding: 4px 8px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 100px;
  background: #000;
  -webkit-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.13), 0 1px 4px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.13), 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lightBall___3wztT.red___27odB {
  background: -webkit-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #f83b00 0.01%, rgba(0, 2, 16, 0) 100%), #921a00;
  background: -o-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #f83b00 0.01%, rgba(0, 2, 16, 0) 100%), #921a00;
  background: radial-gradient(55.08% 55.08% at 68.36% 30.86%, #f83b00 0.01%, rgba(0, 2, 16, 0) 100%), #921a00;
  -webkit-box-shadow: 0 2px 46px #f83b00, inset 0 1px 6px rgba(255, 255, 255, 0.58), inset 0 6px 12px rgba(255, 5, 5, 0.95);
          box-shadow: 0 2px 46px #f83b00, inset 0 1px 6px rgba(255, 255, 255, 0.58), inset 0 6px 12px rgba(255, 5, 5, 0.95);
}
.lightBall___3wztT.green___1Icko {
  background: -webkit-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #a3e832 0.01%, rgba(0, 2, 16, 0) 100%), #009266;
  background: -o-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #a3e832 0.01%, rgba(0, 2, 16, 0) 100%), #009266;
  background: radial-gradient(55.08% 55.08% at 68.36% 30.86%, #a3e832 0.01%, rgba(0, 2, 16, 0) 100%), #009266;
  -webkit-box-shadow: 0 2px 46px #00f863, inset 0 1px 6px rgba(255, 255, 255, 0.58), inset 0 6px 12px rgba(40, 255, 5, 0.95);
          box-shadow: 0 2px 46px #00f863, inset 0 1px 6px rgba(255, 255, 255, 0.58), inset 0 6px 12px rgba(40, 255, 5, 0.95);
}
.lightBall___3wztT.blue___1juO9 {
  background: -webkit-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #3244e8 0.01%, rgba(0, 2, 16, 0) 100%), #030092;
  background: -o-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #3244e8 0.01%, rgba(0, 2, 16, 0) 100%), #030092;
  background: radial-gradient(55.08% 55.08% at 68.36% 30.86%, #3244e8 0.01%, rgba(0, 2, 16, 0) 100%), #030092;
  -webkit-box-shadow: 0 2px 46px #3244e8, inset 0 1px 6px rgba(255, 255, 255, 0.58), inset 0 6px 12px rgba(219, 0, 255, 0.95);
          box-shadow: 0 2px 46px #3244e8, inset 0 1px 6px rgba(255, 255, 255, 0.58), inset 0 6px 12px rgba(219, 0, 255, 0.95);
}
.lightBall___3wztT.orange___G7CV1 {
  background: -webkit-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #e8b532 0.01%, rgba(0, 2, 16, 0) 100%), #921a00;
  background: -o-radial-gradient(55.08% 55.08% at 68.36% 30.86%, #e8b532 0.01%, rgba(0, 2, 16, 0) 100%), #921a00;
  background: radial-gradient(55.08% 55.08% at 68.36% 30.86%, #e8b532 0.01%, rgba(0, 2, 16, 0) 100%), #921a00;
  -webkit-box-shadow: 0 2px 46px #e8b532, inset 0 1px 6px rgba(255, 255, 255, 0.58), inset 0 6px 12px rgba(255, 125, 5, 0.95);
          box-shadow: 0 2px 46px #e8b532, inset 0 1px 6px rgba(255, 255, 255, 0.58), inset 0 6px 12px rgba(255, 125, 5, 0.95);
}
.radarChart___37V4k,
.chart___106YH {
  width: 100%;
  height: 100%;
}
.courseActiveListWrapper___sNxeW {
  width: 100%;
  font-family: PingFangSC-Medium, PingFang SC;
  height: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  padding: 16px 24px 24px 24px;
}
.courseActiveListWrapper___sNxeW .headerWrapper___1b3Tc {
  height: 41px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 16px;
  left: 0;
  right: 16px;
  z-index: 998;
}
.courseActiveListWrapper___sNxeW .courseActiveTitle___1nJFO {
  background: rgba(0, 237, 198, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border-radius: 0 4px 4px 0;
  font-family: PingFangSC;
  font-size: 18px;
  line-height: 41px;
  color: #00edc6;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  padding: 0 24px;
}
.courseActiveListWrapper___sNxeW .courseActiveScrollWrapper___3bscH {
  overflow-y: auto;
  max-height: 100%;
  display: grid;
}
.courseActiveListWrapper___sNxeW .courseActiveScrollWrapper___3bscH .showMoreBtn___jlet- {
  background: none;
  outline: none;
  border: none;
  padding: 0;
  color: #00edc6;
  cursor: pointer;
}
.courseActiveListWrapper___sNxeW .courseActiveScrollWrapper___3bscH .emptyCourseActiveItem___WpF6E {
  height: 36px;
}
.courseActiveListWrapper___sNxeW .courseActiveScrollWrapper___3bscH::-webkit-scrollbar {
  width: 0;
}
.courseActiveListWrapper___sNxeW .courseActiveScrollWrapper___3bscH::-webkit-scrollbar-thumb {
  color: transparent;
}
.courseActiveListWrapper___sNxeW .courseActiveScrollWrapper___3bscH::-webkit-scrollbar-track {
  color: transparent;
}
.courseActiveListWrapper___sNxeW .noScrollMask___23sLf {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  height: calc(100% - 49px);
  width: 100%;
}
.courseActiveListWrapper___sNxeW .ant-spin-spinning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.courseActiveListWrapper___sNxeW .ant-empty-description {
  color: #fff;
  font-size: 12px;
}
.courseActiveListWrapper___sNxeW .ant-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.courseActiveListWrapper___sNxeW .ant-empty-image {
  height: 50px;
}
.wrap___27dHW {
  font-family: PingFang SC;
  font-style: normal;
}
.wrap___27dHW table {
  width: 100%;
  border-collapse: initial;
}
.wrap___27dHW caption {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 24px 0 8px 0;
}
.wrap___27dHW caption div {
  width: 116px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
  background: #f33;
  color: #fff;
}
.wrap___27dHW thead > tr {
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 2px;
  color: rgba(255, 255, 255, 0.7);
}
.wrap___27dHW thead > tr > td:not(:first-child) {
  text-align: center;
}
.wrap___27dHW thead > tr > td:last-child {
  color: #fff;
}
.wrap___27dHW tbody > tr {
  color: #fff;
  border: 2px solid transparent;
}
.wrap___27dHW tbody > tr > td:first-child {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
}
.wrap___27dHW tbody > tr > td:first-child div {
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.wrap___27dHW tbody > tr > td:not(:first-child) {
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  padding: 2px;
}
.wrap___27dHW tbody > tr > td:not(:first-child) div {
  border-radius: 4px;
  background: #7d49ff;
}
.wrap___1cmgd {
  padding: 0 16px 16px 16px;
}
.wrap___1cmgd .bodyWrap___h0fyW {
  display: grid;
  grid-template-columns: 478px 1fr 478px;
  grid-column-gap: 24px;
  grid-template-rows: calc(100vh - 100px);
}
.wrap___1cmgd .bodyWrap___h0fyW .left___3XD-W {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrap___1cmgd .bodyWrap___h0fyW .left___3XD-W > div {
  height: calc(33.33% - 11px);
}
.wrap___1cmgd .bodyWrap___h0fyW .left___3XD-W .nameWrap___oZDLc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap___1cmgd .bodyWrap___h0fyW .left___3XD-W .nameWrap___oZDLc > span:nth-of-type(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-right: 6px;
}
.wrap___1cmgd .bodyWrap___h0fyW .left___3XD-W .nameWrap___oZDLc > span:nth-of-type(2) {
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.wrap___1cmgd .bodyWrap___h0fyW .center___3Yx2D {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrap___1cmgd .bodyWrap___h0fyW .center___3Yx2D > div:nth-of-type(1) {
  height: 118px;
  min-height: 118px;
}
.wrap___1cmgd .bodyWrap___h0fyW .center___3Yx2D > div:nth-of-type(2) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wrap___1cmgd .bodyWrap___h0fyW .center___3Yx2D > div:nth-of-type(3) {
  height: 313px;
  min-height: 313px;
}
.wrap___1cmgd .bodyWrap___h0fyW .center___3Yx2D > div:not(:last-of-type) {
  margin-bottom: 16px;
}
.wrap___1cmgd .bodyWrap___h0fyW .right___pMMUI {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrap___1cmgd .bodyWrap___h0fyW .right___pMMUI > div:nth-of-type(1) {
  height: 225px;
  min-height: 225px;
  margin-bottom: 16px;
}
.wrap___1cmgd .bodyWrap___h0fyW .right___pMMUI > div:nth-of-type(2) {
  height: calc(100% - 241px);
}
.wrap___1cmgd .bodyWrap___h0fyW .right___pMMUI .focusWrap___3sJ9e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inspectWrap___2XWQn {
  width: 100%;
  height: calc(100vh - 100px);
  min-width: 1366px;
}
.leftContent___1uj_j {
  display: inline-block;
  width: 400px;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  overflow: hidden;
  vertical-align: top;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.leftContent___1uj_j.collapsed___23htb {
  width: 32px;
  overflow: hidden;
}
.leftContent___1uj_j.collapsed___23htb > h3 {
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.leftContent___1uj_j.collapsed___23htb > h3 > span {
  border-radius: 0;
}
.leftContent___1uj_j.collapsed___23htb > h3 > button {
  margin-right: 0;
  padding: 7px;
  border-radius: 0;
  border-color: transparent;
}
.leftContent___1uj_j.collapsed___23htb > h3 > button > svg {
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
}
.leftContent___1uj_j > h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
}
.leftContent___1uj_j > h3 > span {
  display: inline-block;
  padding: 7px 0;
  width: 100%;
  max-width: 102px;
  color: #00edc6;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  border-radius: 0 4px 4px 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 237, 198, 0.1);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.leftContent___1uj_j > h3 > button {
  margin-right: 16px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #3d3d3d;
  background: #141414;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 14px;
}
.leftContent___1uj_j > h3 > button > svg {
  -webkit-transform: rotateZ(0deg);
      -ms-transform: rotate(0deg);
          transform: rotateZ(0deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.leftContent___1uj_j > h3 > button > svg:hover {
  fill: #fff;
}
.leftContent___1uj_j > span {
  display: inline-block;
  padding: 8px 0;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 1.28px;
  text-align: center;
  opacity: 0;
  -webkit-animation: easeIn___ARRSA 0.3s 0.3s ease-in-out forwards;
          animation: easeIn___ARRSA 0.3s 0.3s ease-in-out forwards;
}
.buildingsTree___eGPIB {
  padding: 0 16px;
}
.title___3YMm3,
.childNode___3dYlG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 24px;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  cursor: pointer;
}
.title___3YMm3 > span > img,
.childNode___3dYlG > span > img {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.title___3YMm3 > i,
.childNode___3dYlG > i {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  color: #adadad;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  border: 1px solid #adadad;
}
.childNode___3dYlG > .title___3YMm3 {
  font-size: 18px;
  font-weight: 400;
}
.active___3YRtV > .title___3YMm3 {
  background: rgba(2, 169, 153, 0.25);
}
.active___3YRtV > .title___3YMm3 > i {
  background: #fff;
  border-color: #fff;
  color: #292929;
}
.childList___2o3T- {
  padding-left: 24px;
}
.childNode___3dYlG {
  padding: 8px 24px 8px 34px;
}
.childNode___3dYlG.active___3YRtV {
  background: rgba(2, 169, 153, 0.25);
}
.childNode___3dYlG.active___3YRtV > i {
  background: #fff;
  border-color: #fff;
  color: #292929;
}
.rightContent___23uIE {
  display: inline-block;
  width: calc(100% - 400px);
  height: 100%;
  padding-left: 24px;
  vertical-align: top;
}
.rightContent___23uIE.collapsed___23htb {
  width: calc(100% - 32px);
}
.contentHeader___3G88q {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerLeft___30hjR {
  white-space: nowrap;
}
.tooltip___1rZ2P {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.tooltip___1rZ2P > i {
  display: inline-block;
  width: 100%;
  font-style: normal;
}
.filterWrap___2-iM7,
.gridWrap___2N-3w {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 1px;
  border-radius: 18px;
  border: 1px solid rgba(0, 237, 198, 0.25);
  opacity: 0.8;
}
.filterWrap___2-iM7 > button,
.gridWrap___2N-3w > button {
  padding: 4px 12px;
  border-radius: 18px;
  color: rgba(255, 255, 255, 0.54);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  background: transparent;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  cursor: pointer;
}
.filterWrap___2-iM7 > button.active___3YRtV,
.gridWrap___2N-3w > button.active___3YRtV {
  background: rgba(0, 237, 198, 0.25);
  color: #00edc6;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(255, 255, 255, 0.1);
}
.filterWrap___2-iM7 + img {
  margin-left: 8px;
}
.headerCenter___2rw8k {
  width: calc(100% - 410px);
  text-align: center;
}
.contentList___1lUyQ {
  margin-top: 12px;
  height: calc(100% - 44px);
  overflow: hidden;
}
.contentList___1lUyQ.x2Box___vLXWc > button {
  width: calc(50% - 20px);
}
.contentList___1lUyQ.x2Box___vLXWc > button:nth-child(2n) {
  margin-right: 0 !important;
}
.contentList___1lUyQ.x3Box___37SyO > button {
  width: calc((100% - 80px) / 3);
}
.contentList___1lUyQ.x3Box___37SyO > button:nth-child(3n) {
  margin-right: 0 !important;
}
.contentList___1lUyQ.x4Box___bRjSQ > button {
  width: calc((100% - 120px) / 4);
}
.contentList___1lUyQ.x4Box___bRjSQ > button:nth-child(4n) {
  margin-right: 0 !important;
}
.noDataTip___2apWt {
  width: 100%;
  height: calc(100% - 44px);
  margin-top: 12px;
  font-size: 28px;
  color: #fff;
  text-align: center;
  line-height: 100px;
}
@-webkit-keyframes easeIn___ARRSA {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes easeIn___ARRSA {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.paginationWrap___2I71q {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 520px;
}
.paginationWrap___2I71q > button {
  width: 20px;
  height: 20px;
  padding: 0 2px;
  line-height: 20px;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.paginationWrap___2I71q > button:hover > svg {
  fill: #fff;
}
.pagination___k7EoL {
  display: inline-block;
}
.pagination___k7EoL button {
  height: 20px;
  padding: 0 8px;
  border-radius: 10px;
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.pagination___k7EoL button > span {
  display: inline-block;
  width: 32px;
  height: 100%;
  text-align: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.pagination___k7EoL button.active___Wutv8 {
  background: #fff;
  color: #000;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.pagination___k7EoL button.active___Wutv8 > span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.classroomCard___1GyeZ {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.cardHeader___3YdrC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 16px;
  position: absolute;
  left: 0;
  top: 0;
}
.cardHeader___3YdrC > span,
.cardHeader___3YdrC > i {
  padding: 2px 8px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(36, 36, 36, 0.8);
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}
.cardHeader___3YdrC > span.low___1mPIS {
  background: #da3b01;
}
.cardHeader___3YdrC > i {
  background: #13a10e;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.cardContent___3xfkx {
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.8);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-clip: content-box;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  overflow: hidden;
}
.mask___3GCpu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 16px;
}
.playerBox___3iQcm {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: relative;
}
.playerBox___3iQcm > div,
.playerBox___3iQcm > div > video {
  width: 100%;
  height: 100%;
}
.cardFooter___1izje {
  width: 100%;
  padding: 4px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  bottom: 0;
}
.cardFooter___1izje > span {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  white-space: nowrap;
}
.cardFooter___1izje > span:nth-last-of-type(1) {
  margin-left: 8px;
  font-weight: 400;
  max-width: 80%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.teachingPlanWrapper___1FpZm {
  font-family: PingFang SC;
  font-style: normal;
}
.teachingPlanWrapper___1FpZm > div:nth-child(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 21px 0;
}
.teachingPlanWrapper___1FpZm > div:nth-child(1) > span {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #ffffff;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  min-height: calc(40vh);
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 16px;
  border-bottom: 1px solid #F0F0F0;
  -webkit-box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-right: 1px solid #F0F0F0;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy > img {
  width: 120px;
  height: 90px;
  min-width: 90px;
  border-radius: 4px;
  margin-right: 16px;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy .courseInfo___1rSvv {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy .courseInfo___1rSvv > div:nth-of-type(1) {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #4A4A4A;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy .courseInfo___1rSvv > div:nth-of-type(2) {
  font-size: 12px;
  line-height: 17px;
  color: #9B9B9B;
  margin: 5px 0px;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy .courseInfo___1rSvv > div:nth-of-type(3) {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy .courseInfo___1rSvv > div:nth-of-type(3) > span {
  display: inline-block;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy .courseInfo___1rSvv > div:nth-of-type(3) > span:nth-child(1) {
  margin-right: 24px;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy .courseInfo___1rSvv > div:nth-of-type(4) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy .courseInfo___1rSvv > div:nth-of-type(4) > div:nth-child(2) {
  margin: 0 16px;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy .courseInfo___1rSvv > div:nth-of-type(4) > div > div:nth-child(1) {
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  text-align: right;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.6);
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .courseInfoWrapper___3hWvy .courseInfo___1rSvv > div:nth-of-type(4) > div > div:nth-child(2) {
  font-size: 24px;
  line-height: 34px;
  text-align: right;
  color: rgba(0, 0, 0, 0.87);
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .ideologyInfoWrapper___3v-1r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 40px;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .ideologyInfoWrapper___3v-1r .ideologyWordDescribe___12NbJ {
  margin-right: 60px;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .ideologyInfoWrapper___3v-1r .ideologyWordDescribe___12NbJ > div:nth-child(1) {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 8px;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .ideologyInfoWrapper___3v-1r .ideologyWordDescribe___12NbJ > div:nth-child(2) {
  display: grid;
  grid-auto-flow: column;
  grid-row-gap: 8px;
  grid-template-rows: repeat(auto-fill, 20px);
  height: 150px;
  grid-column-gap: 16px;
  grid-template-columns: minmax(100px, 1fr);
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .ideologyInfoWrapper___3v-1r .ideologyWordDescribe___12NbJ > div:nth-child(2) > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .ideologyInfoWrapper___3v-1r .ideologyWordDescribe___12NbJ > div:nth-child(2) > div > span:nth-child(1) {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #F0F0F0;
  margin-right: 8px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .headerWrapper___2e0kG .ideologyInfoWrapper___3v-1r .ideologyWordDescribe___12NbJ > div:nth-child(2) > div > span:nth-child(2) {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.teachingPlanWrapper___1FpZm > div:nth-child(2) .bodyWrapper___4o14H {
  padding: 16px;
}
.tagSettingWrapper___12fUQ {
  font-family: PingFang SC;
  font-style: normal;
}
.tagSettingWrapper___12fUQ .ant-table-tbody > tr > td {
  line-height: 32px;
}
.tagSettingWrapper___12fUQ > div:nth-child(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 21px 0;
  position: relative;
  padding-right: 80px;
}
.tagSettingWrapper___12fUQ > div:nth-child(1) > span {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #ffffff;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  min-height: calc(40vh);
  padding: 16px;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .addDepartmentTagWrapper___2Nrwt {
  margin-bottom: 16px;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .addDepartmentTagWrapper___2Nrwt .departmentTableWrapper___p76jM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .addDepartmentTagWrapper___2Nrwt .departmentTableWrapper___p76jM > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'PingFangSC';
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .addDepartmentTagWrapper___2Nrwt .departmentTableWrapper___p76jM > div:nth-of-type(1) span {
  padding: 6px 24px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .addDepartmentTagWrapper___2Nrwt .departmentTableWrapper___p76jM > div:nth-of-type(1) > span:nth-of-type(1) {
  max-width: 200px;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  background: #666666;
  border-radius: 4px 0px 0px 4px;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .addDepartmentTagWrapper___2Nrwt .departmentTableWrapper___p76jM > div:nth-of-type(1) > span:nth-of-type(2) {
  max-width: 350px;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  background: #E6E6E6;
  border-radius: 0px 4px 4px 0px;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .selectDepartmentWrapper___2N_3j {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .usedStatusWrapper___3mErw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .usedStatusWrapper___3mErw > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .tableOperator___2hID5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.tagSettingWrapper___12fUQ > div:nth-child(2) .tableOperator___2hID5 > a:nth-of-type(1) {
  margin-right: 20px;
}
.teachingPlanDetailWrapper___3Boej {
  font-family: PingFang SC;
  font-style: normal;
  height: calc(100vh - 100px);
  position: relative;
}
.teachingPlanDetailWrapper___3Boej .ant-spin-spinning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 21px 0 8px 0px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(1) > span {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #ffffff;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  height: calc(100% - 61px);
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .titleAndContentWrapper___1DSoc {
  height: 189px;
  overflow-y: auto;
  padding: 16px 24px 16px 86px;
  border-bottom: 1px solid #E4E4E4;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .titleAndContentWrapper___1DSoc > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .titleAndContentWrapper___1DSoc > div:nth-child(1) {
  margin-bottom: 16px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .titleAndContentWrapper___1DSoc > div > span {
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.54);
  display: inline-block;
  margin-right: 24px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .titleAndContentWrapper___1DSoc > div > div {
  font-size: 14px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .titleAndContentWrapper___1DSoc > div:nth-of-type(2) > div {
  height: 112px;
  overflow-y: auto;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 0 12px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 189px);
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(1) {
  height: 100%;
  overflow-y: auto;
  width: 160px;
  min-width: 160px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(1) .activityNavListWrapper___2-rh2 > h4 {
  color: rgba(0, 0, 0, 0.6);
  height: 24px;
  margin: 0;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.05);
  font-weight: 500;
  line-height: 24px;
  padding-left: 16px;
  border-bottom: 1px solid #E7E7E7;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(1) .activityNavListWrapper___2-rh2 > ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(1) .activityNavListWrapper___2-rh2 li {
  position: relative;
  padding: 16px;
  border-bottom: 1px solid #E7E7E7;
  border-right: 1px solid #E7E7E7;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(1) .activityNavListWrapper___2-rh2 li > i {
  font-style: normal;
  height: 16px;
  display: inline-block;
  padding: 0 6px;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  line-height: 14px;
  white-space: nowrap;
  border-style: solid;
  border-width: 1px;
  margin-right: 8px;
  border-radius: 2px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(1) .activityNavListWrapper___2-rh2 li > span {
  color: rgba(0, 0, 0, 0.87);
  width: 100%;
  height: 20px;
  display: block;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(1) .activityNavListWrapper___2-rh2 li > button {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0px;
  outline: none;
  cursor: pointer;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) {
  height: 100%;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd > div:nth-of-type(1) {
  border-bottom: 1px solid #E4E4E4;
  padding-left: 20px;
  font-size: 14px;
  line-height: 40px;
  color: #757575;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid #E4E4E4;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  background: #ffffff;
  padding: 24px 16px 16px 16px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG > div > span {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  padding: 0 6px;
  text-align: center;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG > div:nth-of-type(2) {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
  margin: 12px 0;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG > div:nth-of-type(3) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 8px 0 0 8px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG > div:nth-of-type(3) > span {
  font-size: 12px;
  line-height: 22px;
  color: #FF0606;
  padding: 0 6px;
  text-align: center;
  background-color: rgba(249, 217, 3, 0.5);
  border-radius: 2px;
  margin: 0 8px 8px 0;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .aims___IxKfQ {
  line-height: 20px;
  font-size: 14px;
  color: #333;
  margin-bottom: 12px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 > b {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: normal;
  white-space: nowrap;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .pptShowContainer___3nTn_ > div img {
  min-width: calc(32% - 8px);
  width: calc(32% - 8px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .progressBox___3ARgw {
  width: 100%;
  height: 4px;
  margin-top: 24px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .progressBox___3ARgw::before,
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .progressBox___3ARgw::after {
  content: '';
  clear: 'both';
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .progressBox___3ARgw > span {
  float: left;
  height: 100%;
  position: relative;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .progressBox___3ARgw i {
  font-style: normal;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  line-height: 20px;
  position: absolute;
  left: 0;
  top: -20px;
  white-space: nowrap;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .progressBox___3ARgw > span:nth-last-of-type(1) i {
  left: unset;
  right: 0;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .blankItem___3fHRF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  height: 30px;
  font-weight: 400;
  margin-bottom: 8px;
  width: 100%;
  position: relative;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .blankItem___3fHRF:nth-last-of-type(1) {
  margin-bottom: 0;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .blankItem___3fHRF > i {
  display: block;
  width: 36;
  text-align: center;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
  padding: 0 10px 0 16px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .blankItem___3fHRF > div {
  width: calc(100% - 92px);
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .blankItem___3fHRF p {
  margin: 0;
  line-height: 20px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .blankItem___3fHRF > span {
  display: block;
  width: 42px;
  height: 20px;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  text-align: right;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .correct___HnVCx {
  background: #52C41A;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .progressBg___Kj_PN {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.08);
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .wordCloud___3nVla {
  width: 100%;
  height: 328px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .optionItem___3Izw- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
  margin-bottom: 8;
  width: 100%;
  position: relative;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .optionItem___3Izw-:nth-last-of-type(1) {
  margin-bottom: 0px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .optionItem___3Izw- > i {
  display: block;
  width: 36px;
  text-align: center;
  color: #4A4A4A;
  font-size: 14;
  line-height: 18px;
  font-style: normal;
  padding: 0 10px 0 16px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .optionItem___3Izw- > div {
  width: calc(100% - 92px);
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .optionItem___3Izw- p {
  margin: 0;
  line-height: 20px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .optionItem___3Izw- > b {
  display: block;
  width: 14;
  height: 14;
  font-size: 12;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 12px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .optionItem___3Izw- > b > svg {
  width: 12px;
  height: 12px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityContentWrapper___33JyG .content___5m5H3 .optionItem___3Izw- > span {
  display: block;
  width: 42;
  height: 20;
  font-size: 14;
  color: #999999;
  line-height: 20px;
  text-align: right;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityAnalysisWrapper___3gKEH {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
  background-color: #FFF0F0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 24px 16px 16px 16px;
  font-size: 14px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityAnalysisWrapper___3gKEH > div:nth-of-type(1) > div:nth-of-type(1) {
  line-height: 24px;
  color: rgba(199, 0, 0, 0.87);
  margin-bottom: 8px;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityAnalysisWrapper___3gKEH > div:nth-of-type(1) > div:nth-of-type(2) {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityAnalysisWrapper___3gKEH .audioRootStyle___7UKhm {
  height: 28px;
  border-color: #32A999;
}
.teachingPlanDetailWrapper___3Boej > div:nth-child(2) .allPeriodActivityWrapper___1ZRkW > div:nth-child(2) .activityListWrapper___W2TZd .activityWrapper___3REFm .activityAnalysisWrapper___3gKEH .audioTextStyle___1fyfE {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #32A999;
}
.noDataText____-n6M {
  line-height: 60px;
  text-align: center;
}
.search___2xyRd {
  width: 280px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 1px solid #d1d1d1;
}
.search___2xyRd > div:first-child {
  height: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search___2xyRd > div:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  border-top: 1px solid #d1d1d1;
}
.search___2xyRd > div:last-child > .switch___3SwEL {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 16px;
  border-right: 1px solid #d1d1d1;
}
.search___2xyRd > div:last-child > .switch___3SwEL .switchButton___ajaE4 {
  margin-left: 16px;
}
.search___2xyRd > div:last-child > div:last-child {
  padding: 6px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.search___2xyRd > div:last-child > div:last-child > img {
  display: block;
  width: 20px;
  height: 20px;
}
.search___2xyRd .isTeacher___kpB_7 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.collapseSearch___1y1r6 {
  width: 40px;
  background-color: #f0f0f0;
  border-radius: 8px 0 0 8px;
}
.collapseSearch___1y1r6 > div:first-child {
  padding: 24px 8px;
  color: #616161;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
.collapseSearch___1y1r6 > div:first-child .collapseIconBox___3rUs6 {
  border-radius: 0 0 0 8px;
}
.collapseSearch___1y1r6 > div:last-child {
  border-top: none;
}
.searchBox___1tSkY {
  padding: 15px 16px;
  border-bottom: 1px solid #d1d1d1;
}
.searchBox___1tSkY .input___1y0AU {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.searchBox___1tSkY .input___1y0AU .ant-input {
  height: 38px;
  padding: 6px 8px 6px 40px;
}
.searchBox___1tSkY .input___1y0AU .ant-input::-webkit-input-placeholder {
  color: #bdbdbd;
  font-size: 16px;
}
.searchBox___1tSkY .input___1y0AU .ant-input::-moz-placeholder {
  color: #bdbdbd;
  font-size: 16px;
}
.searchBox___1tSkY .input___1y0AU .ant-input::-ms-input-placeholder {
  color: #bdbdbd;
  font-size: 16px;
}
.searchBox___1tSkY .input___1y0AU .ant-input::placeholder {
  color: #bdbdbd;
  font-size: 16px;
}
.searchBox___1tSkY .input___1y0AU .ant-input-prefix svg {
  width: 24px;
  height: 24px;
  fill: #707070;
  position: relative;
  left: -2px;
}
.searchContent___3sHmE .treeBox___2xBZU {
  height: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}
.searchContent___3sHmE .none___1tQ48 {
  display: none;
}
.treeSelectWrapper___1YqNV {
  position: relative;
  height: 100%;
}
.treeSelectWrapper___1YqNV .tree___2jsuY {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 0;
}
.treeSelectWrapper___1YqNV .tree___2jsuY > details {
  background: none;
  padding-left: 0;
}
.treeSelectWrapper___1YqNV .tree___2jsuY > details > summary {
  background: none;
}
.treeSelectWrapper___1YqNV .tree___2jsuY > details[open] > summary {
  background: #fafafa;
}
.treeSelectWrapper___1YqNV .tree___2jsuY > details:not(:last-child) > details:last-child {
  background-size: 1px 17px;
}
.treeSelectWrapper___1YqNV .ant-spin-spinning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.treeSelectWrapper___1YqNV .noData___2p2yS {
  text-align: center;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
summary {
  outline: 0;
  padding-left: 16px;
  list-style: none;
  background-image: -webkit-repeating-linear-gradient(left, #d1d1d1 -2px 1px, transparent 0 2px);
  background-image: -o-repeating-linear-gradient(left, #d1d1d1 -2px 1px, transparent 0 2px);
  background-image: repeating-linear-gradient(90deg, #d1d1d1 -2px 1px, transparent 0 2px);
  background-position: 0 50%;
  background-size: 12px 1px;
  background-repeat: no-repeat;
}
details:last-child {
  background-size: 1px 17px;
}
details {
  padding-left: 25px;
  background-image: -webkit-repeating-linear-gradient(#d1d1d1 -2px 1px, transparent 0 2px);
  background-image: -o-repeating-linear-gradient(#d1d1d1 -2px 1px, transparent 0 2px);
  background-image: repeating-linear-gradient(#d1d1d1 -2px 1px, transparent 0 2px);
  background-position: 24px 0;
  background-size: 1px 100%;
  background-repeat: no-repeat;
}
details details:last-child .hideBackground___2Q9uu {
  background-size: 1px 17px;
}
summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}
summary img {
  margin: 0 16px 0 auto;
}
summary div,
summary .prefixIcon___e9pYt {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-size: cover;
}
summary .onlinePoint___2dF1C {
  width: 8px;
  height: 8px;
  margin: 0 23px 0 auto;
  border-radius: 50%;
  background-color: #46b83d;
}
.building___29PqA {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}
.building___29PqA:hover .hideBackground___2Q9uu {
  background-color: #f0f0f0;
}
.building___29PqA .hideWrapper___OM2oU {
  position: absolute;
  left: -25px;
  top: 0;
  width: 25px;
  height: 32px;
  background-color: #fff;
}
.building___29PqA .hideBackground___2Q9uu {
  margin-left: 8px;
  width: 17px;
  height: 32px;
  z-index: -1;
  border-radius: 8px 0 0 8px;
  background-color: #fff;
  background-image: -webkit-repeating-linear-gradient(#d1d1d1 -2px 1px, transparent 0 2px);
  background-image: -o-repeating-linear-gradient(#d1d1d1 -2px 1px, transparent 0 2px);
  background-image: repeating-linear-gradient(#d1d1d1 -2px 1px, transparent 0 2px);
  background-position: 16px 0;
  background-size: 1px 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.building___29PqA::after {
  left: 0;
  background-image: -webkit-repeating-linear-gradient(left, #d1d1d1 -2px 1px, transparent 0 2px);
  background-image: -o-repeating-linear-gradient(left, #d1d1d1 -2px 1px, transparent 0 2px);
  background-image: repeating-linear-gradient(90deg, #d1d1d1 -2px 1px, transparent 0 2px);
  background-position: 0 50%;
  background-size: 12px 1px;
  background-repeat: no-repeat;
  border-radius: 0 8px 8px 0;
}
.campus___26AS_:hover::after {
  opacity: 0;
}
summary::after {
  content: '';
  position: absolute;
  left: 8px;
  right: 8px;
  height: 32px;
  background: #f0f0f0;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.classroomSelected___iB3gt {
  color: #1980ff;
}
.classroomSelected___iB3gt::after {
  background-color: rgba(25, 128, 255, 0.2);
  opacity: 1;
}
summary:hover::after {
  opacity: 1;
}
details[open] > summary::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#d1d1d1));
  background-image: -webkit-linear-gradient(#d1d1d1, #d1d1d1);
  background-image: -o-linear-gradient(#d1d1d1, #d1d1d1);
  background-image: linear-gradient(#d1d1d1, #d1d1d1);
  background-position: 50%;
  background-size: 10px 1px;
  background-repeat: no-repeat;
}
.collegesList___-EEG8 {
  padding: 8px;
}
.collegesListItem___3dXlT {
  position: relative;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  cursor: pointer;
  border-radius: 8px;
  z-index: 1;
}
.collegesListItem___3dXlT:hover::after {
  opacity: 1;
}
.collegesListItem___3dXlT::after {
  content: '';
  position: absolute;
  left: 8px;
  right: 8px;
  height: 32px;
  background: #f0f0f0;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
}
.collegesName___IDBiV {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  color: #424242;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.teacherNum___2JluH {
  min-width: 31px;
  height: 16px;
  padding: 2px 8px;
  border-radius: 10px;
  background: #e6e6e6;
  color: #707070;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.collegesSelected___2bxBO::after {
  background: rgba(25, 128, 255, 0.25);
  opacity: 1;
}
.collegesSelected___2bxBO .collegesName___IDBiV {
  color: #0067e5;
  font-weight: bold;
}
.collegesSelected___2bxBO .teacherNum___2JluH {
  background: #fff;
  color: #1980ff;
}
.wrapper___1hJjv {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___1hJjv .content___3Q4L2 {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrapper___251DW {
  height: 100%;
  font-family: 'PingFang SC';
}
.wrapper___251DW .dateWrapper___2TU8w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.wrapper___251DW .dateWrapper___2TU8w > div > i:first-of-type {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
.wrapper___251DW .dateWrapper___2TU8w .btnWrapper___2gYbC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper___251DW .dateWrapper___2TU8w .btnWrapper___2gYbC > button {
  height: 40px;
  background: #dceeff;
  color: #1980ff;
  line-height: 40px;
  font-size: 16px;
  border: none;
}
.wrapper___251DW .dateWrapper___2TU8w .btnLeftWrapper___3p1UL .eyes___1ULFf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  padding: 0;
  margin-right: 16px;
  background-color: #e3f4e2;
}
.wrapper___251DW .dateWrapper___2TU8w .btnLeftWrapper___3p1UL .prev___pFH5z,
.wrapper___251DW .dateWrapper___2TU8w .btnLeftWrapper___3p1UL .next___2p3rz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper___251DW .dateWrapper___2TU8w .btnLeftWrapper___3p1UL .prev___pFH5z svg,
.wrapper___251DW .dateWrapper___2TU8w .btnLeftWrapper___3p1UL .prev___pFH5z span {
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
}
.wrapper___251DW .dateWrapper___2TU8w .btnLeftWrapper___3p1UL .next___2p3rz svg,
.wrapper___251DW .dateWrapper___2TU8w .btnLeftWrapper___3p1UL .next___2p3rz span {
  -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px);
}
.wrapper___251DW .dateWrapper___2TU8w .btnLeftWrapper___3p1UL .detailTime___1M_en {
  padding: 8px 12px;
  line-height: 24px;
}
.wrapper___251DW .dateWrapper___2TU8w .btnLeftWrapper___3p1UL > button {
  font-weight: 600;
}
.wrapper___251DW .dateWrapper___2TU8w .btnRightWrapper___1w8uM .dayOrWeekTabs___1UB-I {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #dceeff;
  height: 40px;
  padding: 4px;
  border-radius: 4px;
}
.wrapper___251DW .dateWrapper___2TU8w .btnRightWrapper___1w8uM .dayOrWeekTabs___1UB-I > button {
  height: 32px;
  background: transparent;
  border: none;
  padding: 0 10px;
}
.wrapper___251DW .scheduleWrapper___3GJLn {
  margin-top: 16px;
  height: calc(100% - 64px);
  position: relative;
}
.wrapper___251DW .scheduleWrapper___3GJLn .titleTextWrapper___1h8RQ {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.7);
}
.wrapper___251DW .scheduleWrapper___3GJLn .tableHeaderWrapper___kWZT2 {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  height: 99px;
}
.wrapper___251DW .scheduleWrapper___3GJLn .tableHeaderWrapper___kWZT2 td {
  position: relative;
  text-align: center;
  height: 99px;
}
.wrapper___251DW .scheduleWrapper___3GJLn .tableHeaderWrapper___kWZT2 td > div > div:nth-of-type(2) {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
  margin-top: 8px;
}
.wrapper___251DW .scheduleWrapper___3GJLn .tableBodyWrapper___1mwp4 {
  height: calc(100% - 99px);
  overflow-y: auto;
}
.wrapper___251DW .scheduleWrapper___3GJLn .tableBodyWrapper___1mwp4 td {
  height: 77px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  color: rgba(115, 98, 98, 0.7);
  padding: 2px;
}
.wrapper___251DW .scheduleWrapper___3GJLn .tableBodyWrapper___1mwp4 tr {
  border-bottom: 1px solid #eee;
}
.wrapper___251DW .scheduleWrapper___3GJLn .ant-spin-spinning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.wrapper___251DW .courseTimeWrapper___34iD7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-style: normal;
  font-weight: normal;
  height: 73px;
}
.wrapper___251DW .courseTimeWrapper___34iD7 > span:nth-of-type(1) {
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 4px;
}
.wrapper___251DW .courseTimeWrapper___34iD7 > span:nth-of-type(2) {
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.wrapper___251DW .courseMsgWrapper___1BTBY {
  position: relative;
  height: 100%;
  padding: 16px 16px 22px;
  font-style: normal;
  font-weight: normal;
  border-radius: 4px;
  background: #ede1df;
  overflow: hidden;
  border: 1px solid #ede1df;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .markBox___2q8D6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 18px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  background-color: #dbc3bf;
  color: #b7877f;
  border-top: 1px solid #d2b4af;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .markBox___2q8D6 > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #d2b4af;
  font-style: normal;
  line-height: 18px;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .markBox___2q8D6 > span:nth-last-of-type(1) {
  border-right: none;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .markBox___2q8D6 > span > i > svg {
  width: 12px;
  height: 12px;
  fill: #b7877f;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .markBox___2q8D6 > span > b {
  margin-left: 4px;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .markBox___2q8D6.dayCourse___37yvu {
  width: 80px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .markBox___2q8D6.dayCourse___37yvu > span {
  padding: 0 8px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-right: none;
  border-bottom: 1px solid #d2b4af;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .markBox___2q8D6.dayCourse___37yvu > span:nth-last-of-type(1) {
  border-bottom: none;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .courseInClass___3W0Ch {
  position: absolute;
  top: -1px;
  left: 0;
  background: #46b83d;
  -webkit-box-shadow: 0 0 2px rgba(70, 184, 61, 0.5), 0 0 8px rgba(70, 184, 61, 0.5), inset 0 1px 0 #fff;
          box-shadow: 0 0 2px rgba(70, 184, 61, 0.5), 0 0 8px rgba(70, 184, 61, 0.5), inset 0 1px 0 #fff;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .weekCourseInClass___3BDJI {
  right: 0;
  width: 100%;
  height: 6px;
}
.wrapper___251DW .courseMsgWrapper___1BTBY .dayCourseInClass___1AZeQ {
  bottom: 0;
  width: 6px;
  height: 100%;
}
.wrapper___251DW .courseMsgWrapper___1BTBY > div:not(.markBox___2q8D6):not(.courseInClass___3W0Ch) {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wrapper___251DW .courseMsgWrapper___1BTBY > div:not(.markBox___2q8D6) > span:nth-of-type(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #746363;
  margin-bottom: 8px;
  text-align: justify;
}
.wrapper___251DW .courseMsgWrapper___1BTBY > div:not(.markBox___2q8D6) > span:nth-of-type(2) {
  font-size: 13px;
  line-height: 18px;
  color: rgba(115, 98, 98, 0.7);
}
.wrapper___251DW .courseMsgWrapper___1BTBY button {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
}
.wrapper___251DW .willInClass___2j_ZK {
  background: #e4e4e4;
  border-color: #e4e4e4;
}
.wrapper___251DW .willInClass___2j_ZK > div:not(.markBox___2q8D6) > span:nth-of-type(1) {
  color: #656565;
}
.wrapper___251DW .willInClass___2j_ZK > div:not(.markBox___2q8D6) > span:nth-of-type(2) {
  color: rgba(103, 103, 103, 0.7);
}
.wrapper___251DW .willInClass___2j_ZK .markBox___2q8D6 {
  background: #c9c9c9;
  color: #939393;
  border-top: 1px solid #bbbbbb;
}
.wrapper___251DW .willInClass___2j_ZK .markBox___2q8D6 > span {
  border-right-color: #bbbbbb;
}
.wrapper___251DW .willInClass___2j_ZK .markBox___2q8D6 > span > i > svg {
  fill: #939393;
}
.wrapper___251DW .historyMonitor___fnRhz {
  background: #f1e5cd;
  border-color: #f1e5cd;
}
.wrapper___251DW .historyMonitor___fnRhz > div:not(.markBox___2q8D6) > span:nth-of-type(1) {
  color: #734c00;
}
.wrapper___251DW .historyMonitor___fnRhz > div:not(.markBox___2q8D6) > span:nth-of-type(2) {
  color: rgba(115, 76, 0, 0.7);
}
.wrapper___251DW .historyMonitor___fnRhz .markBox___2q8D6 {
  background: #e3cb9b;
  color: #c79737;
  border-top: 1px solid #dcbe82;
}
.wrapper___251DW .historyMonitor___fnRhz .markBox___2q8D6 > span {
  border-right-color: #dcbe82;
}
.wrapper___251DW .historyMonitor___fnRhz .markBox___2q8D6 > span > i > svg {
  fill: #c79737;
}
.wrapper___251DW .inClassMonitor____KeIv {
  background: #d7e8d6;
  border-color: #d7e8d6;
}
.wrapper___251DW .inClassMonitor____KeIv > div:not(.markBox___2q8D6) > span:nth-of-type(1) {
  color: #2c7326;
}
.wrapper___251DW .inClassMonitor____KeIv > div:not(.markBox___2q8D6) > span:nth-of-type(2) {
  color: rgba(44, 115, 38, 0.7);
}
.wrapper___251DW .inClassMonitor____KeIv .markBox___2q8D6 {
  background: #afd1ad;
  color: #5fa35a;
  border-top: 1px solid #9bc598;
}
.wrapper___251DW .inClassMonitor____KeIv .markBox___2q8D6 > span {
  border-right-color: #9bc598;
}
.wrapper___251DW .inClassMonitor____KeIv .markBox___2q8D6 > span > i > svg {
  fill: #5fa35a;
}
.wrapper___251DW .inReservation___I-eYG:not(.inClassMonitor____KeIv) {
  background: #f0e3e8;
  border-color: #c41d7f;
}
.wrapper___251DW .inReservation___I-eYG:not(.inClassMonitor____KeIv) > div:not(.markBox___2q8D6) > span:nth-of-type(1) {
  color: #656565;
}
.wrapper___251DW .inReservation___I-eYG:not(.inClassMonitor____KeIv) > div:not(.markBox___2q8D6) > span:nth-of-type(2) {
  color: rgba(103, 103, 103, 0.7);
}
.wrapper___251DW .inReservation___I-eYG:not(.inClassMonitor____KeIv) .markBox___2q8D6 {
  background: #e1c7d0;
  color: #c41d7f;
  border-top: 1px solid #d9b9c5;
}
.wrapper___251DW .inReservation___I-eYG:not(.inClassMonitor____KeIv) .markBox___2q8D6 > span {
  border-right-color: #d9b9c5;
}
.wrapper___251DW .inReservation___I-eYG:not(.inClassMonitor____KeIv) .markBox___2q8D6 > span > i > svg {
  fill: #c41d7f;
}
.wrapper___251DW .willInClass___2j_ZK .extraBtn___nFV9M,
.wrapper___251DW .inClassMonitor____KeIv .extraBtn___nFV9M {
  display: none;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e6f7ff;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 8px;
  cursor: pointer;
}
.wrapper___251DW .willInClass___2j_ZK .extraBtn___nFV9M.inDayCourse___1vdab,
.wrapper___251DW .inClassMonitor____KeIv .extraBtn___nFV9M.inDayCourse___1vdab {
  top: 50%;
  right: 80px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrapper___251DW .willInClass___2j_ZK:hover .extraBtn___nFV9M,
.wrapper___251DW .inClassMonitor____KeIv:hover .extraBtn___nFV9M {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___251DW .noCourseWrapper___3A8ZV {
  height: 100%;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #746363;
  background: #f1f1f1;
}
.wrapper___251DW .calendarMask___3yCcB {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
}
.wrapper___251DW .calendarMask___3yCcB .calendarContent___2rtQP {
  width: 286px;
  border-radius: 4px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.wrapper___251DW .calendarMask___3yCcB > button {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  top: 0;
  right: 0;
  outline: none;
  border: none;
  background: transparent;
}
.wrapper___251DW .todayTip___3VG37 {
  position: absolute;
  top: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  width: 52px;
  border-radius: 14px;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY {
  position: relative;
  height: 100%;
  padding: 16px 16px 22px;
  font-style: normal;
  font-weight: normal;
  border-radius: 4px;
  background: #ede1df;
  overflow: hidden;
  border: 1px solid #ede1df;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .markBox___2q8D6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 18px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  background-color: #dbc3bf;
  color: #b7877f;
  border-top: 1px solid #d2b4af;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .markBox___2q8D6 > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #d2b4af;
  font-style: normal;
  line-height: 18px;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .markBox___2q8D6 > span:nth-last-of-type(1) {
  border-right: none;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .markBox___2q8D6 > span > i > svg {
  width: 12px;
  height: 12px;
  fill: #b7877f;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .markBox___2q8D6 > span > b {
  margin-left: 4px;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .markBox___2q8D6.dayCourse___37yvu {
  width: 80px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .markBox___2q8D6.dayCourse___37yvu > span {
  padding: 0 8px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-right: none;
  border-bottom: 1px solid #d2b4af;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .markBox___2q8D6.dayCourse___37yvu > span:nth-last-of-type(1) {
  border-bottom: none;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .courseInClass___3W0Ch {
  position: absolute;
  top: -1px;
  left: 0;
  background: #46b83d;
  -webkit-box-shadow: 0 0 2px rgba(70, 184, 61, 0.5), 0 0 8px rgba(70, 184, 61, 0.5), inset 0 1px 0 #fff;
          box-shadow: 0 0 2px rgba(70, 184, 61, 0.5), 0 0 8px rgba(70, 184, 61, 0.5), inset 0 1px 0 #fff;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .weekCourseInClass___3BDJI {
  right: 0;
  width: 100%;
  height: 6px;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY .dayCourseInClass___1AZeQ {
  bottom: 0;
  width: 6px;
  height: 100%;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY > div:not(.markBox___2q8D6):not(.courseInClass___3W0Ch) {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY > div:not(.markBox___2q8D6) > span:nth-of-type(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #746363;
  margin-bottom: 8px;
  text-align: justify;
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY > div:not(.markBox___2q8D6) > span:nth-of-type(2) {
  font-size: 13px;
  line-height: 18px;
  color: rgba(115, 98, 98, 0.7);
}
.helperContentWrap___2tgIU .courseMsgWrapper___1BTBY button {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
}
.helperContentWrap___2tgIU .historyMonitor___fnRhz {
  background: #f1e5cd;
  border-color: #f1e5cd;
}
.helperContentWrap___2tgIU .historyMonitor___fnRhz > div:not(.markBox___2q8D6) > span:nth-of-type(1) {
  color: #734c00;
}
.helperContentWrap___2tgIU .historyMonitor___fnRhz > div:not(.markBox___2q8D6) > span:nth-of-type(2) {
  color: rgba(115, 76, 0, 0.7);
}
.helperContentWrap___2tgIU .historyMonitor___fnRhz .markBox___2q8D6 {
  background: #e3cb9b;
  color: #c79737;
  border-top: 1px solid #dcbe82;
}
.helperContentWrap___2tgIU .historyMonitor___fnRhz .markBox___2q8D6 > span {
  border-right-color: #dcbe82;
}
.helperContentWrap___2tgIU .historyMonitor___fnRhz .markBox___2q8D6 > span > i > svg {
  fill: #c79737;
}
.helperContentWrap___2tgIU .inClassMonitor____KeIv {
  background: #d7e8d6;
  border-color: #d7e8d6;
}
.helperContentWrap___2tgIU .inClassMonitor____KeIv > div:not(.markBox___2q8D6) > span:nth-of-type(1) {
  color: #2c7326;
}
.helperContentWrap___2tgIU .inClassMonitor____KeIv > div:not(.markBox___2q8D6) > span:nth-of-type(2) {
  color: rgba(44, 115, 38, 0.7);
}
.helperContentWrap___2tgIU .inClassMonitor____KeIv .markBox___2q8D6 {
  background: #afd1ad;
  color: #5fa35a;
  border-top: 1px solid #9bc598;
}
.helperContentWrap___2tgIU .inClassMonitor____KeIv .markBox___2q8D6 > span {
  border-right-color: #9bc598;
}
.helperContentWrap___2tgIU .inClassMonitor____KeIv .markBox___2q8D6 > span > i > svg {
  fill: #5fa35a;
}
.helperContentWrap___2tgIU .inClassMonitor____KeIv .extraBtn___nFV9M {
  display: none;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e6f7ff;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 8px;
  cursor: pointer;
}
.helperContentWrap___2tgIU .inClassMonitor____KeIv .extraBtn___nFV9M.inDayCourse___1vdab {
  top: 50%;
  right: 80px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.helperContentWrap___2tgIU .inClassMonitor____KeIv:hover .extraBtn___nFV9M {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.helperContentWrap___2tgIU .noCourseWrapper___3A8ZV {
  height: 100%;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #746363;
  background: #f1f1f1;
}
.helperContentWrap___2tgIU .willInClass___2j_ZK {
  background: #e4e4e4;
  border-color: #e4e4e4;
}
.helperContentWrap___2tgIU .willInClass___2j_ZK > div:not(.markBox___2q8D6) > span:nth-of-type(1) {
  color: #656565;
}
.helperContentWrap___2tgIU .willInClass___2j_ZK > div:not(.markBox___2q8D6) > span:nth-of-type(2) {
  color: rgba(103, 103, 103, 0.7);
}
.helperContentWrap___2tgIU .willInClass___2j_ZK .markBox___2q8D6 {
  background: #c9c9c9;
  color: #939393;
  border-top: 1px solid #bbbbbb;
}
.helperContentWrap___2tgIU .willInClass___2j_ZK .markBox___2q8D6 > span {
  border-right-color: #bbbbbb;
}
.helperContentWrap___2tgIU .willInClass___2j_ZK .markBox___2q8D6 > span > i > svg {
  fill: #939393;
}
.helperContentWrap___2tgIU .willInClass___2j_ZK .extraBtn___nFV9M {
  display: none;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e6f7ff;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 8px;
  cursor: pointer;
}
.helperContentWrap___2tgIU .willInClass___2j_ZK .extraBtn___nFV9M.inDayCourse___1vdab {
  top: 50%;
  right: 80px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.helperContentWrap___2tgIU .willInClass___2j_ZK:hover .extraBtn___nFV9M {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.helperContentWrap___2tgIU > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.helperContentWrap___2tgIU > div > div {
  width: 122px;
  height: 73px;
  margin-right: 16px;
}
.helperContentWrap___2tgIU > div > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
.helperContentWrap___2tgIU > div:not(:last-child) {
  margin-bottom: 16px;
}
.roleSelectBox___sTStd {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.wrapper___vhSfF {
  padding: 24px;
  background: #fff;
  width: 100%;
}
.wrapper___vhSfF .monthWrapper___1q-dg {
  display: grid;
  grid-template-columns: 1fr 32px 32px;
  grid-column-gap: 8px;
  justify-items: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.wrapper___vhSfF .monthWrapper___1q-dg > button {
  padding: 0 9px;
  background: rgba(25, 128, 255, 0.15);
  border: none;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn {
  font-family: PingFang SC;
  font-style: normal;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .calendarTitleWrapper___3Twi- {
  font-weight: 500;
  font-size: 12px;
  line-height: 42px;
  color: rgba(0, 0, 0, 0.54);
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .calendarTitleWrapper___3Twi- th {
  height: 42px;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .calendarBodyWrapper___Yj7cC {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.8);
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .calendarBodyWrapper___Yj7cC .tdWrapper___1TxmU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .calendarBodyWrapper___Yj7cC .tdWrapper___1TxmU > span {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .calendarBodyWrapper___Yj7cC td {
  text-align: center;
  height: 42px;
  position: relative;
  cursor: default;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .calendarBodyWrapper___Yj7cC button {
  display: none;
  outline: none;
  border: none;
  background: transparent;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .weekSelected___uf_qG:hover {
  background: rgba(25, 128, 255, 0.15);
  border-radius: 4px;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .weekSelected___uf_qG:hover button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .currentWeekSelected___39-uM {
  background: rgba(25, 128, 255, 0.15);
  border-radius: 4px;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .daySelected___VBGts:hover {
  background: rgba(25, 128, 255, 0.15);
  border-radius: 4px;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .daySelected___VBGts:hover button {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .currentDaySelected___1dzmR {
  background: rgba(25, 128, 255, 0.15);
  border-radius: 4px;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .isDisabledDay___24XDU {
  background: #e2e2e2 !important;
}
.wrapper___vhSfF .calendarTableWrapper___zCrPn .isDisabledDay___24XDU button {
  cursor: auto !important;
}
.superviseByClassroom___13-pP {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.superviseByClassroom___13-pP .contentTop___2XKYV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 68px;
  padding: 16px 16px 12px;
}
.superviseByClassroom___13-pP .contentTop___2XKYV .title___1A346 {
  color: #242424;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
}
.superviseByClassroom___13-pP .contentTop___2XKYV .selectBox___CHxSq {
  width: 600px;
  height: 40px;
}
.superviseByClassroom___13-pP .scheduleContent___3VCAh {
  height: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  position: relative;
}
.superviseByClassroom___13-pP .scheduleContent___3VCAh .loading___1mAM2 .ant-spin-spinning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.tableHeaderWrapper___24C1h {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  height: 50px;
  background-color: #fafafa;
}
.tableHeaderWrapper___24C1h table {
  width: 100%;
  table-layout: fixed;
}
.tableHeaderWrapper___24C1h colgroup col:first-child {
  width: 64px;
}
.tableHeaderWrapper___24C1h colgroup col {
  width: calc((100% - 64px) / 7);
}
.tableHeaderWrapper___24C1h .header___QK030 {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  padding: 8px 12px;
  position: relative;
}
.tableHeaderWrapper___24C1h .header___QK030 .todayBottomLine___1r-vN {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 2px;
  background-color: #107c10;
}
.tableHeaderWrapper___24C1h td:first-child {
  width: 64px;
}
.tableHeaderWrapper___24C1h td {
  padding: 0;
  position: relative;
  text-align: center;
  height: 50px;
}
.tableHeaderWrapper___24C1h td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
.tableHeaderWrapper___24C1h td div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
.tableHeaderWrapper___24C1h td div > div > span:first-child {
  color: #424242;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  margin-right: 8px;
}
.tableHeaderWrapper___24C1h td div > div > div:last-child {
  color: #616161;
  font-size: 12px;
}
.tableBodyWrapper___hKaX4 {
  height: calc(100% - 50px);
  overflow-y: auto;
}
.tableBodyWrapper___hKaX4::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.tableBodyWrapper___hKaX4 table {
  width: 100%;
  table-layout: fixed;
}
.tableBodyWrapper___hKaX4 colgroup col:first-child {
  width: 64px;
}
.tableBodyWrapper___hKaX4 colgroup col {
  width: calc((100% - 64px) / 7);
}
.tableBodyWrapper___hKaX4 tr td:first-child {
  width: 64px;
}
.tableBodyWrapper___hKaX4 td {
  height: 77px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  color: rgba(115, 98, 98, 0.7);
  padding: 0;
}
.tableBodyWrapper___hKaX4 td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
.tableBodyWrapper___hKaX4 tr:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.courseTimeWrapper___3hYLF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 92px;
  padding: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  text-align: right;
  color: #707070;
  font-size: 12px;
  line-height: 12px;
  background-color: #fafafa;
}
.courseTimeWrapper___3hYLF div {
  padding-right: 4px;
}
.courseTimeWrapper___3hYLF .number___3eJVF {
  color: #242424;
  text-align: right;
  font-size: 24px;
  font-weight: 700;
}
.noCourseWrapper___3lDZP {
  height: 100%;
  position: relative;
}
.noCourseWrapper___3lDZP .noCourse___pr5oO {
  height: 100%;
  background-repeat: repeat;
  background-size: 45px 45px;
}
.noCourseWrapper___3lDZP .noCourseBefore___3KyqP {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIvSURBVHgB7ZxBjsIwEAQDivj/fzmwwAILIbZ77JnZIKqk3BKpVLfIVu9OZ6YGx+Px+oxwOBymeZ6nTLbovW+9QGxf72pwYvt7F4MTO8Z7NTix47zfghM71vslOLHjvR/BiZ3jfQ1O7DzvPbFzvffEzuPi3PzTrEFsnbt3d3Bi6zx7dwUnts7S2xyc2Dpr3qbgxNYpecvBia1T85aCE1un5d0MTmwdxbsanNg6qncxOLF1LN6rwYmtY/V+C05snR7vl+DE1un1fgQnts6I9zU4sXVGvXfnj0/E1vDw3ilX3Tz59hOmoQMIKxznzXnBif3rnRKc2H/e4cGJ/eodGpzY795hwYm97h0SnNhlb/fgxK57uwYndtvbLTixNW+X4MTWvYeDE9vmPRSc2Hbv7uDE7vPuCk7sfm9zcGKPeZuCE3vcWw5ObB9vKTixWZNoslVv1iQKsCYhsnVv1iQWsCYh8inerEncYE1C5NO8WZNgTULjU71Zk0jk4syaRBJ3b9YkEnj2Zk0imKU3axKBrHmzJhFEyZs1iQBq3qxJONPyZk3CEcWbNQknVG/WJByweLMmMYjVmzWJAXq8WZPopNebNYkORrxZkzAy6s2ahAEPb9YkRLy8WZMQ8PRmTaKBtzdrEhUivFmTKBDlzZrECpHerEksiPZmTeKJDG/WJG5kebMmMbEmMWWS7c2aRLI3axIDsCYh8p/erEl0wJqEyBa8WZMwwJqEyJa8WZMQ8PT+ASgRZIhcW916AAAAAElFTkSuQmCC);
}
.noCourseWrapper___3lDZP .noCourseFuture___2QuhF {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHlSURBVHgB7ZzLSsRAFAVjAvn/T80+AcURR2MefftVDFK17kVRu+bCeVuW5X1IsG3bsK7rUMM8z8M0TQPJK3qPqQfGbut9G9zY7b0vgxu7j/dpcGP38z4EN3Zf711wY/f3fgY3NuP9CG5szns0Nus9Gpvj0zv507zD2HG+vYuDGzvOb++i4MaO89c7O7ix45x5ZwU3dpwr73BwY8e58w4FN3aclHcyuLHjRLxvgxs7TtT7Mrix4+R4nwY3dpxc70NwY8cp8d4FN3acUu9ncGPHqfF+BDd2nFrv0dhxWniPxo7RyrvqAJGL57yJC27sL28kuLF/vLsHN/beu2twYx+9uwU39rl3l+DGvvZuHtzY995Ngxs77d0suLFj3k2CGzvuXR3c2HneVcGNne9dHNzYZd5FwY1d7p0d3Nh13lnBjV3vHQ5u7DbeoeDGdk0iiWsSIK5JgLgmAeKaBIhrEiCuSYC4JgHimgSIaxIgrkmAuCYB4poEiGsSIK5JgLgmAeKaBIhrEiCuSYD895+vaxINcE0CxDUJENckQFyTAHFNAsQ1CRDXJEBckwBxTQLENQkQ1yRAXJMAcU0CxDUJENckQFyTAHFNAsQ1CRDXJEBckwBxTQLENQkQ1yRAXJMAcU0C5NW8PwCbyFTDhRyRGAAAAABJRU5ErkJggg==);
  z-index: 1;
}
.noCourseWrapper___3lDZP .todayBeforeCurrentNoCourse___2laAs {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJCSURBVHgB7ZxbbsMgFAXds/8dV02qvP3mXLigVpqpGtkQwzDKX6R8ff98X6cCl+vl/t+Cbn/SNJK/6F1cidi53qerETvf+3BFYvfx3l2V2P28NysTu6/3YnVi9/d+70DsMd73XYg9zlvEHustYo/j5ty0I7F9Xt7VuxLbZ+5dtTOxfdbe4d2J7bPnHTIgts+Rt21BbJ8zb8uE2D4l76INsX0cb51PEtvF9dbxBLFdIt7aHyS2S9Rb2wFiu9R4a3lDbJdab30uiO3S4q3HC7FdWr1FbJ8Ub2J7pHlPA+HrvIHBia3n9QCIrdl9Z4it1VhHiK2d8U4QWwdzHSC2TuaTIbYK70mE2GXvtJMR2/NOOR2xfe/mExI75t10SmLHvatPSuw676qniF3vHX6S2G3eoaeJ3e5tr0DsHG9rFWLneRdXInau9+lqxM73PlyR2H28d1cldj/vzcrE7uu9WJ3Y/b3fOxB7jPd9F2KP8+bXJPg1iTL/+UPStCOxfV7e1bsS22fuXbUzsX3W3uHdie2z5x0yILbPkbdtQWyfM2/LhNg+Je+iDbF9HG+dTxLbxfXW8QSxXSLe2h8ktkvUW9sBYrvUeGt5Q2yXWm99Lojt0uKtxwuxXVq9+TWJACnexPZI854Gwtd5A4MTW8/rARBbs/vOEFursY4QWzvjnSC2DuY6QGydzCdDbBXekwixy95pJyO2551yOmL73s0nJHbMu+mUxI57V5+U2HXeVU8Ru947/CSx27xDTxO73dtegdg53r+95FTmeRn4KAAAAABJRU5ErkJggg==);
}
.noCourseWrapper___3lDZP .noCourseBackground___2cZtS {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIvSURBVHgB7ZxBjsIwEAQDivj/fzmwwAILIbZ77JnZIKqk3BKpVLfIVu9OZ6YGx+Px+oxwOBymeZ6nTLbovW+9QGxf72pwYvt7F4MTO8Z7NTix47zfghM71vslOLHjvR/BiZ3jfQ1O7DzvPbFzvffEzuPi3PzTrEFsnbt3d3Bi6zx7dwUnts7S2xyc2Dpr3qbgxNYpecvBia1T85aCE1un5d0MTmwdxbsanNg6qncxOLF1LN6rwYmtY/V+C05snR7vl+DE1un1fgQnts6I9zU4sXVGvXfnj0/E1vDw3ilX3Tz59hOmoQMIKxznzXnBif3rnRKc2H/e4cGJ/eodGpzY795hwYm97h0SnNhlb/fgxK57uwYndtvbLTixNW+X4MTWvYeDE9vmPRSc2Hbv7uDE7vPuCk7sfm9zcGKPeZuCE3vcWw5ObB9vKTixWZNoslVv1iQKsCYhsnVv1iQWsCYh8inerEncYE1C5NO8WZNgTULjU71Zk0jk4syaRBJ3b9YkEnj2Zk0imKU3axKBrHmzJhFEyZs1iQBq3qxJONPyZk3CEcWbNQknVG/WJByweLMmMYjVmzWJAXq8WZPopNebNYkORrxZkzAy6s2ahAEPb9YkRLy8WZMQ8PRmTaKBtzdrEhUivFmTKBDlzZrECpHerEksiPZmTeKJDG/WJG5kebMmMbEmMWWS7c2aRLI3axIDsCYh8p/erEl0wJqEyBa8WZMwwJqEyJa8WZMQ8PT+ASgRZIhcW916AAAAAElFTkSuQmCC);
  width: 100%;
  height: 100%;
}
.cardWrapper___17xdO {
  width: 328px;
  padding: 8px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  font-family: 'PingFang SC';
  overflow: hidden;
  position: absolute;
  z-index: 2;
  opacity: 0;
  top: -9999px;
  /* --- DEBUG CODE --- */
  /* --- END ---*/
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.cardWrapper___17xdO .top___3DfAI {
  padding: 4px 4px 4.5px;
  margin-bottom: 4px;
}
.cardWrapper___17xdO .top___3DfAI > div:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8.5px;
}
.cardWrapper___17xdO .top___3DfAI .title___1QvDX {
  color: #424242;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
}
.cardWrapper___17xdO .top___3DfAI .timeRange___zekAu {
  color: #707070;
  font-size: 12px;
}
.cardWrapper___17xdO .top___3DfAI .area___Nnw2- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #616161;
  font-size: 12px;
}
.cardWrapper___17xdO .bottom___36ou4 {
  margin-top: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666f8d;
  font-size: 12px;
  line-height: 13px;
}
.cardWrapper___17xdO .bottom___36ou4 .key___f--b1 {
  height: 24px;
  margin-top: 3px;
  margin-bottom: 3px;
  width: 83px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 0 8px;
  color: #666f8d;
  font-size: 12px;
  line-height: 13px;
}
.cardWrapper___17xdO .bottom___36ou4 .hasGrade___7-Zkq {
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 13px;
  color: #666f8d;
}
.cardWrapper___17xdO .bottom___36ou4 .hasGrade___7-Zkq .hasGradeIcon___2Csb6 {
  margin-right: 6px;
}
.cardWrapper___17xdO .bottom___36ou4 .reverse___zf724 {
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #f4bfab;
  margin-left: auto;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 2px 8px;
  color: #c43501;
  font-size: 12px;
  line-height: 16px;
}
.cardWrapper___17xdO .bottom___36ou4 .reverse___zf724 svg {
  margin-right: 4px;
}
.cardWrapper___17xdO .bottom___36ou4 .cancelReverse___1e9qr {
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #242424;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 8px;
  margin-left: auto;
  margin-top: 3px;
  margin-bottom: 3px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
}
.youngTeacher____PabW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 4px;
  border: 1px solid #73d13d;
  border-radius: 4px;
  background: #d9f7be;
  color: #135200;
  font-size: 12px;
  font-weight: 300;
}
.youngTeacher____PabW .icon___3pzqv {
  margin-right: 2px;
}
.cardInClass___29PUo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 8px 4px;
  border-radius: 8px;
  border: 1px solid #9fd89f;
  background: #f1faf1;
}
.cardInClass___29PUo .lineBox___3WHU8 {
  width: 4px;
  padding: 4px 0;
  margin: 0 8px 0 4px;
}
.cardInClass___29PUo .lineBox___3WHU8 .line___2ei21 {
  height: 100%;
  border-radius: 2px;
  background-color: #13a10e;
}
.cardInClass___29PUo .content___2OYgH {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 4px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
}
.cardInClass___29PUo .content___2OYgH .courseName___1Imbh {
  color: #0e700e;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.cardInClass___29PUo .content___2OYgH .teacherInfo___2r4YK {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cardInClass___29PUo .content___2OYgH .teacherInfo___2r4YK .teacherName___2kuRZ {
  color: #107c10;
  font-size: 14px;
  line-height: 20px;
  margin-right: 12px;
}
.cardInClass___29PUo .content___2OYgH .teacherInfo___2r4YK .youngTeacher___3jVRB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 4px;
  border: 1px solid #73d13d;
  border-radius: 4px;
  background: #d9f7be;
  color: #135200;
  font-size: 12px;
  font-weight: 300;
}
.cardInClass___29PUo .content___2OYgH .teacherInfo___2r4YK .youngTeacher___3jVRB .icon___3610J {
  margin-right: 2px;
}
.cardInClass___29PUo .content___2OYgH .teacherInfo___2r4YK .inClass___1_57M {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: end;
      -ms-flex-item-align: end;
          align-self: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #13a10e;
  font-size: 12px;
  line-height: 20px;
  margin-left: auto;
}
.cardInClass___29PUo .content___2OYgH .teacherInfo___2r4YK .inClass___1_57M .icon___3610J {
  margin-right: 4px;
}
.cardFuture___5n71m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 4px 0;
  padding: 8px 8px 8px 4px;
  border-radius: 8px;
  background: #f0f0f0;
}
.cardFuture___5n71m .lineBox___3k_hQ {
  width: 4px;
  padding: 4px 0;
  margin: 0 8px 0 4px;
}
.cardFuture___5n71m .lineBox___3k_hQ .line___1d3pc {
  height: 100%;
  border-radius: 2px;
  background-color: #da3b01;
}
.cardFuture___5n71m .content___1AU-L {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 4px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cardFuture___5n71m .content___1AU-L .courseName___7RArI {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.cardFuture___5n71m .content___1AU-L .courseInfo___36Qef {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 20px;
}
.cardFuture___5n71m .content___1AU-L .courseInfo___36Qef .teacherName___2SP2s {
  font-size: 14px;
  line-height: 20px;
  margin-right: 12px;
}
.cardFuture___5n71m .content___1AU-L .courseInfo___36Qef .inReservation___2jlIq {
  font-size: 12px;
  line-height: 20px;
  color: #c43501;
  margin-left: auto;
}
.cardFuture___5n71m .content___1AU-L .courseInfo___36Qef .inReservation___2jlIq > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cardFuture___5n71m .content___1AU-L .courseInfo___36Qef .inReservation___2jlIq > div svg {
  margin-right: 4px;
}
.cardFuture___5n71m .content___1AU-L .courseInfo___36Qef .waitingForClass___1QSnq {
  color: #bdbdbd;
  margin-left: auto;
}
.isReverse___2v7Nb {
  background-color: #fdf6f3;
}
.isReverse___2v7Nb .lineBox___3k_hQ {
  visibility: visible;
}
.isReverse___2v7Nb .content___1AU-L .courseName___7RArI {
  color: #c43501;
}
.isReverse___2v7Nb .courseInfo___36Qef .teacherName___2SP2s {
  color: #da3b01;
}
.notReverse___3M1i0 {
  background-color: #f0f0f0;
}
.notReverse___3M1i0 .lineBox___3k_hQ {
  visibility: hidden;
}
.notReverse___3M1i0 .content___1AU-L .courseName___7RArI {
  color: #707070;
}
.notReverse___3M1i0 .courseInfo___36Qef .teacherName___2SP2s {
  color: #bdbdbd;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-card-hoverable {
  cursor: pointer;
}
.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #e8e8e8;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #e8e8e8;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-body {
  padding: 24px;
  zoom: 1;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
          box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f5f8fa;
  border-top: 1px solid #e8e8e8;
  zoom: 1;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #1980ff;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #1980ff;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
  zoom: 1;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
  background: -webkit-linear-gradient(left, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background: -o-linear-gradient(left, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  -webkit-animation: card-loading 1.4s ease infinite;
          animation: card-loading 1.4s ease infinite;
}
@-webkit-keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.classCard___3eRUK {
  width: 100%;
  cursor: pointer;
}
.classCard___3eRUK .ant-card {
  border-radius: 8px;
}
.classCard___3eRUK .ant-card-body {
  padding: 8px;
  overflow-x: hidden;
}
.classCard___3eRUK .ant-empty-normal {
  margin: auto;
}
.disabledJump___1-iaq {
  cursor: default;
}
.chartBox___17cB5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 6.25vw;
  min-width: 262px;
  min-height: 90px;
  max-height: 120px;
}
.flexBox___DQuqY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 8px 4px 8px;
}
.flexBox___DQuqY > span:first-child {
  color: #96969d;
  font-size: 14px;
  font-weight: 500;
  line-height: 35px;
}
.flexBox___DQuqY > span:last-child {
  color: #424141;
  font-size: 14px;
  font-weight: 500;
  line-height: 35px;
}
.normBox___1lbLp {
  width: 22%;
  margin-right: 10px;
}
.normBox___1lbLp:first-child {
  margin-left: 6px;
}
.normBox___1lbLp:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.normBox___1lbLp:nth-child(3) {
  width: 34%;
}
.normBox___1lbLp:last-child {
  margin-right: 0;
}
.normName___3YIpZ {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #96969d;
}
.normValue___1QPsI {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #424141;
}
.normNull___1JQ1z.normValue___1QPsI {
  color: #bdbdbd;
}
.isInClass___3zIFJ {
  width: 100%;
  height: 100%;
  padding: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f1faf1;
  border: 1px solid #9fd89f;
  border-radius: 8px;
  cursor: pointer;
}
.isInClass___3zIFJ > span {
  margin-left: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #13a10e;
}
.isNoData___2k6fO {
  width: 100%;
  height: 100%;
  padding: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f0f0f0;
  border-radius: 8px;
}
.isNoData___2k6fO > span {
  font-size: 16px;
  font-weight: bold;
  color: #bdbdbd;
}
.isReview___33Zoe {
  width: 100%;
  height: 100%;
  padding: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f9efd8;
  border-radius: 8px;
}
.isReview___33Zoe > span {
  font-size: 16px;
  font-weight: bold;
  color: #eaa300;
}
.defaultColor___1StFm {
  fill: #1980ff;
}
.cardBefore___2vz8L {
  font-family: 'PingFang SC';
}
.cardBefore___2vz8L .content___1Tfvk {
  margin: 4px 0;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
  cursor: pointer;
}
.cardBefore___2vz8L .content___1Tfvk .courseName___21LDc {
  color: #242424;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.cardBefore___2vz8L .content___1Tfvk .courseInfo___axMpM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 20px;
}
.cardBefore___2vz8L .content___1Tfvk .courseInfo___axMpM > span {
  margin-right: 8px;
  color: #424242;
  font-size: 14px;
  line-height: 20px;
}
.cardBefore___2vz8L .content___1Tfvk .courseInfo___axMpM .replay___1cCF0 {
  color: #bdbdbd;
  font-size: 12px;
  line-height: 20px;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cardBefore___2vz8L .content___1Tfvk .courseInfo___axMpM .replay___1cCF0 .replayIcon___27nUZ {
  margin-right: 4px;
}
.cardBefore___2vz8L .cardList___37E5H .ant-card {
  overflow: visible;
  border: none;
}
.cardBefore___2vz8L .cardList___37E5H .ant-card-body {
  overflow: visible;
  padding: 0;
}
.canReplay___3v5Ua .content___1Tfvk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  border-radius: 8px;
  border: 1px solid #ffd666;
  background-color: #fffbe6;
}
.canReplay___3v5Ua .content___1Tfvk .lineBox___1m5gJ {
  width: 4px;
  padding: 4px 0;
  margin: 0 8px 0 4px;
}
.canReplay___3v5Ua .content___1Tfvk .lineBox___1m5gJ .line___2GOwj {
  height: 100%;
  border-radius: 2px;
  background-color: #eaa300;
}
.canReplay___3v5Ua .content___1Tfvk .container___3hfWR {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.canReplay___3v5Ua .content___1Tfvk .container___3hfWR .courseName___21LDc {
  color: #ad6800;
}
.canReplay___3v5Ua .content___1Tfvk .container___3hfWR .courseInfo___axMpM > span {
  color: #d48806;
}
.canReplay___3v5Ua .content___1Tfvk .container___3hfWR .courseInfo___axMpM .replay___1cCF0 {
  color: #eaa300;
}
.courseInfo___20GUe {
  height: 100%;
  padding: 4px 4px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.courseInfo___20GUe .currentTimeLine___3Ybpq {
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  background-color: #2acf56;
  -webkit-box-shadow: 0 -5px 10px #2acf56;
          box-shadow: 0 -5px 10px #2acf56;
}
.courseInfo___20GUe .noCourse___vbfvl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-size: 45px 45px;
}
.courseInfo___20GUe .beforeNoCourse___2N9bv {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIvSURBVHgB7ZxBjsIwEAQDivj/fzmwwAILIbZ77JnZIKqk3BKpVLfIVu9OZ6YGx+Px+oxwOBymeZ6nTLbovW+9QGxf72pwYvt7F4MTO8Z7NTix47zfghM71vslOLHjvR/BiZ3jfQ1O7DzvPbFzvffEzuPi3PzTrEFsnbt3d3Bi6zx7dwUnts7S2xyc2Dpr3qbgxNYpecvBia1T85aCE1un5d0MTmwdxbsanNg6qncxOLF1LN6rwYmtY/V+C05snR7vl+DE1un1fgQnts6I9zU4sXVGvXfnj0/E1vDw3ilX3Tz59hOmoQMIKxznzXnBif3rnRKc2H/e4cGJ/eodGpzY795hwYm97h0SnNhlb/fgxK57uwYndtvbLTixNW+X4MTWvYeDE9vmPRSc2Hbv7uDE7vPuCk7sfm9zcGKPeZuCE3vcWw5ObB9vKTixWZNoslVv1iQKsCYhsnVv1iQWsCYh8inerEncYE1C5NO8WZNgTULjU71Zk0jk4syaRBJ3b9YkEnj2Zk0imKU3axKBrHmzJhFEyZs1iQBq3qxJONPyZk3CEcWbNQknVG/WJByweLMmMYjVmzWJAXq8WZPopNebNYkORrxZkzAy6s2ahAEPb9YkRLy8WZMQ8PRmTaKBtzdrEhUivFmTKBDlzZrECpHerEksiPZmTeKJDG/WJG5kebMmMbEmMWWS7c2aRLI3axIDsCYh8p/erEl0wJqEyBa8WZMwwJqEyJa8WZMQ8PT+ASgRZIhcW916AAAAAElFTkSuQmCC);
}
.courseInfo___20GUe .todayNoCourse___MiLT- {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJCSURBVHgB7ZxbbsMgFAXds/8dV02qvP3mXLigVpqpGtkQwzDKX6R8ff98X6cCl+vl/t+Cbn/SNJK/6F1cidi53qerETvf+3BFYvfx3l2V2P28NysTu6/3YnVi9/d+70DsMd73XYg9zlvEHustYo/j5ty0I7F9Xt7VuxLbZ+5dtTOxfdbe4d2J7bPnHTIgts+Rt21BbJ8zb8uE2D4l76INsX0cb51PEtvF9dbxBLFdIt7aHyS2S9Rb2wFiu9R4a3lDbJdab30uiO3S4q3HC7FdWr1FbJ8Ub2J7pHlPA+HrvIHBia3n9QCIrdl9Z4it1VhHiK2d8U4QWwdzHSC2TuaTIbYK70mE2GXvtJMR2/NOOR2xfe/mExI75t10SmLHvatPSuw676qniF3vHX6S2G3eoaeJ3e5tr0DsHG9rFWLneRdXInau9+lqxM73PlyR2H28d1cldj/vzcrE7uu9WJ3Y/b3fOxB7jPd9F2KP8+bXJPg1iTL/+UPStCOxfV7e1bsS22fuXbUzsX3W3uHdie2z5x0yILbPkbdtQWyfM2/LhNg+Je+iDbF9HG+dTxLbxfXW8QSxXSLe2h8ktkvUW9sBYrvUeGt5Q2yXWm99Lojt0uKtxwuxXVq9+TWJACnexPZI854Gwtd5A4MTW8/rARBbs/vOEFursY4QWzvjnSC2DuY6QGydzCdDbBXekwixy95pJyO2551yOmL73s0nJHbMu+mUxI57V5+U2HXeVU8Ru947/CSx27xDTxO73dtegdg53r+95FTmeRn4KAAAAABJRU5ErkJggg==);
}
.courseInfo___20GUe .hasStudent___rKFyC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 78px;
  height: 20px;
  margin: 8px 0 0 4px;
  font-family: 'PingFang SC';
  padding: 0 5px 0 3px;
  gap: 2px;
  border-radius: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  z-index: 1;
}
.courseInfo___20GUe .hasStudent___rKFyC span {
  text-wrap: nowrap;
  -webkit-transform: scale(0.8) translateX(-2px);
      -ms-transform: scale(0.8) translateX(-2px);
          transform: scale(0.8) translateX(-2px);
  width: 80%;
}
.courseInfo___20GUe .today___2U9s6 {
  color: #0e700e;
  border: 1px solid #9fd89f;
  background-color: #f1faf1;
}
.courseInfo___20GUe .before___uu1IF {
  color: #ad6800;
  border: 1px solid #fef7b2;
  background: #fffef5;
}
.courseInfo___20GUe .content___2eIaa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  padding: 8px 4px 7px 7px;
}
.courseInfo___20GUe .content___2eIaa .flagLine___Qp52u {
  width: 4px;
  height: 100%;
  margin-right: 5px;
  border-radius: 2px;
  background-color: #eaa300;
}
.courseInfo___20GUe .content___2eIaa .nameContent___52_MW {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.courseInfo___20GUe .content___2eIaa .nameContent___52_MW .courseName___2Fuez {
  color: #242424;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-wrap: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.courseInfo___20GUe .content___2eIaa .nameContent___52_MW .dayCourseName___3Dus3 {
  color: #242424;
  font-size: 14px;
  line-height: 20px;
  max-height: 62px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.courseInfo___20GUe .content___2eIaa .nameContent___52_MW .teacherName___1KoF_ {
  color: #424242;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseInfo___20GUe .content___2eIaa .nameContent___52_MW .teacherName___1KoF_ svg {
  margin-left: 4px;
}
.courseInfo___20GUe .content___2eIaa .replayIcon___21u7G {
  margin-left: auto;
  margin-right: 2px;
}
.courseInfo___20GUe .bottom___158Md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px 0 8px;
}
.courseInfo___20GUe .bottom___158Md .key___a2CGR {
  color: #707070;
  font-size: 10px;
  line-height: 11px;
}
.courseInfo___20GUe .bottom___158Md .key___a2CGR svg {
  margin-right: 4px;
}
.courseInfo___20GUe .bottom___158Md > div:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
.courseInfo___20GUe .bottom___158Md > div:first-child svg:last-child:not(:first-child) {
  margin-left: 16px;
}
.courseInfo___20GUe .bottom___158Md .hasGrade___1MGAv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  font-size: 10px;
  line-height: 13px;
  color: #666f8d;
}
.courseInfo___20GUe .bottom___158Md .hasGrade___1MGAv .hasGradeIcon___1AU60 {
  margin-right: 4px;
}
.futureCourseInfo___RvG7Y {
  background-color: #f0f0f0;
  cursor: auto;
}
.futureCourseInfo___RvG7Y .content___2eIaa .nameContent___52_MW .courseName___2Fuez {
  color: #707070;
}
.futureCourseInfo___RvG7Y .content___2eIaa .nameContent___52_MW .teacherName___1KoF_ {
  color: #bdbdbd;
}
.nowCourseInfo___Z0sle {
  background-color: #fff;
  padding: 4px 4px 8px;
}
.nowCourseInfo___Z0sle .content___2eIaa {
  padding: 8px 16px 8px 7px;
  border: 1px solid #9fd89f;
  border-radius: 8px;
  -webkit-box-shadow: 0 7px 5px 0 rgba(19, 161, 14, 0.03), 0 3px 2px 0 rgba(19, 161, 14, 0.02);
          box-shadow: 0 7px 5px 0 rgba(19, 161, 14, 0.03), 0 3px 2px 0 rgba(19, 161, 14, 0.02);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.nowCourseInfo___Z0sle .content___2eIaa .flagLine___Qp52u {
  background-color: #13a10e;
}
.nowCourseInfo___Z0sle .content___2eIaa .nameContent___52_MW .courseName___2Fuez,
.nowCourseInfo___Z0sle .content___2eIaa .nameContent___52_MW .dayCourseName___3Dus3 {
  color: #0e700e;
}
.nowCourseInfo___Z0sle .content___2eIaa .nameContent___52_MW .teacherName___1KoF_ {
  color: #107c10;
}
.courseAlreadyTakenTodayInfo___fDrTu {
  background-color: #fbfdfb;
}
.inReservation___2115p .content___2eIaa {
  border-radius: 8px;
  border: 1px solid #f4bfab;
  background-color: #fdf6f3;
}
.inReservation___2115p .content___2eIaa .flagLine___Qp52u {
  background-color: #da3b01;
}
.inReservation___2115p .content___2eIaa .nameContent___52_MW .courseName___2Fuez,
.inReservation___2115p .content___2eIaa .nameContent___52_MW .dayCourseName___3Dus3 {
  color: #c43501;
  font-size: 14px;
  line-height: 20px;
}
.inReservation___2115p .content___2eIaa .nameContent___52_MW .teacherName___1KoF_ {
  height: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #da3b01;
  font-size: 12px;
}
.inReservation___2115p .content___2eIaa .nameContent___52_MW .teacherName___1KoF_ .reserve___2ceAA {
  margin-left: auto;
}
.hoverBorder___1B7UC::before,
.hoverBorder___1B7UC::after {
  content: '';
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.hoverBorder___1B7UC::before {
  top: 0;
  left: -2px;
  z-index: 1;
}
.hoverBorder___1B7UC::after {
  bottom: 0;
  right: -2px;
}
.hoverBorder___1B7UC:hover::before {
  width: calc(100% + 2px);
  height: 100%;
  border-top-color: #1980ff;
  border-right-color: #1980ff;
  -webkit-transition: border-right-color 0s ease-out calc(0.125s), width calc(0.125s) ease-out, height calc(0.125s) ease-out calc(0.125s);
  -o-transition: border-right-color 0s ease-out calc(0.125s), width calc(0.125s) ease-out, height calc(0.125s) ease-out calc(0.125s);
  transition: border-right-color 0s ease-out calc(0.125s), width calc(0.125s) ease-out, height calc(0.125s) ease-out calc(0.125s);
}
.hoverBorder___1B7UC:hover::after {
  width: calc(100% + 2px);
  height: 100%;
  border-bottom-color: #1980ff;
  border-left-color: #1980ff;
  -webkit-transition: border-bottom-color 0s ease-out calc(0.25s), border-left-color 0s ease-out calc(0.375s), width calc(0.125s) ease-out calc(0.25s), height calc(0.125s) ease-out calc(0.375s);
  -o-transition: border-bottom-color 0s ease-out calc(0.25s), border-left-color 0s ease-out calc(0.375s), width calc(0.125s) ease-out calc(0.25s), height calc(0.125s) ease-out calc(0.375s);
  transition: border-bottom-color 0s ease-out calc(0.25s), border-left-color 0s ease-out calc(0.375s), width calc(0.125s) ease-out calc(0.25s), height calc(0.125s) ease-out calc(0.375s);
}
.scheduleWithNoCourse___2aefI {
  height: 100%;
  position: relative;
}
.noCourse___2SurP {
  height: 100%;
  background-repeat: repeat;
  background-size: 45px 45px;
}
.noCourseBefore___kLzjD {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIvSURBVHgB7ZxBjsIwEAQDivj/fzmwwAILIbZ77JnZIKqk3BKpVLfIVu9OZ6YGx+Px+oxwOBymeZ6nTLbovW+9QGxf72pwYvt7F4MTO8Z7NTix47zfghM71vslOLHjvR/BiZ3jfQ1O7DzvPbFzvffEzuPi3PzTrEFsnbt3d3Bi6zx7dwUnts7S2xyc2Dpr3qbgxNYpecvBia1T85aCE1un5d0MTmwdxbsanNg6qncxOLF1LN6rwYmtY/V+C05snR7vl+DE1un1fgQnts6I9zU4sXVGvXfnj0/E1vDw3ilX3Tz59hOmoQMIKxznzXnBif3rnRKc2H/e4cGJ/eodGpzY795hwYm97h0SnNhlb/fgxK57uwYndtvbLTixNW+X4MTWvYeDE9vmPRSc2Hbv7uDE7vPuCk7sfm9zcGKPeZuCE3vcWw5ObB9vKTixWZNoslVv1iQKsCYhsnVv1iQWsCYh8inerEncYE1C5NO8WZNgTULjU71Zk0jk4syaRBJ3b9YkEnj2Zk0imKU3axKBrHmzJhFEyZs1iQBq3qxJONPyZk3CEcWbNQknVG/WJByweLMmMYjVmzWJAXq8WZPopNebNYkORrxZkzAy6s2ahAEPb9YkRLy8WZMQ8PRmTaKBtzdrEhUivFmTKBDlzZrECpHerEksiPZmTeKJDG/WJG5kebMmMbEmMWWS7c2aRLI3axIDsCYh8p/erEl0wJqEyBa8WZMwwJqEyJa8WZMQ8PT+ASgRZIhcW916AAAAAElFTkSuQmCC);
}
.noCourseFuture___1p0tB {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHlSURBVHgB7ZzLSsRAFAVjAvn/T80+AcURR2MefftVDFK17kVRu+bCeVuW5X1IsG3bsK7rUMM8z8M0TQPJK3qPqQfGbut9G9zY7b0vgxu7j/dpcGP38z4EN3Zf711wY/f3fgY3NuP9CG5szns0Nus9Gpvj0zv507zD2HG+vYuDGzvOb++i4MaO89c7O7ix45x5ZwU3dpwr73BwY8e58w4FN3aclHcyuLHjRLxvgxs7TtT7Mrix4+R4nwY3dpxc70NwY8cp8d4FN3acUu9ncGPHqfF+BDd2nFrv0dhxWniPxo7RyrvqAJGL57yJC27sL28kuLF/vLsHN/beu2twYx+9uwU39rl3l+DGvvZuHtzY995Ngxs77d0suLFj3k2CGzvuXR3c2HneVcGNne9dHNzYZd5FwY1d7p0d3Nh13lnBjV3vHQ5u7DbeoeDGdk0iiWsSIK5JgLgmAeKaBIhrEiCuSYC4JgHimgSIaxIgrkmAuCYB4poEiGsSIK5JgLgmAeKaBIhrEiCuSYD895+vaxINcE0CxDUJENckQFyTAHFNAsQ1CRDXJEBckwBxTQLENQkQ1yRAXJMAcU0CxDUJENckQFyTAHFNAsQ1CRDXJEBckwBxTQLENQkQ1yRAXJMAcU0C5NW8PwCbyFTDhRyRGAAAAABJRU5ErkJggg==);
  z-index: 1;
}
.todayBeforeCurrentNoCourse____GUiZ {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJCSURBVHgB7ZxbbsMgFAXds/8dV02qvP3mXLigVpqpGtkQwzDKX6R8ff98X6cCl+vl/t+Cbn/SNJK/6F1cidi53qerETvf+3BFYvfx3l2V2P28NysTu6/3YnVi9/d+70DsMd73XYg9zlvEHustYo/j5ty0I7F9Xt7VuxLbZ+5dtTOxfdbe4d2J7bPnHTIgts+Rt21BbJ8zb8uE2D4l76INsX0cb51PEtvF9dbxBLFdIt7aHyS2S9Rb2wFiu9R4a3lDbJdab30uiO3S4q3HC7FdWr1FbJ8Ub2J7pHlPA+HrvIHBia3n9QCIrdl9Z4it1VhHiK2d8U4QWwdzHSC2TuaTIbYK70mE2GXvtJMR2/NOOR2xfe/mExI75t10SmLHvatPSuw676qniF3vHX6S2G3eoaeJ3e5tr0DsHG9rFWLneRdXInau9+lqxM73PlyR2H28d1cldj/vzcrE7uu9WJ3Y/b3fOxB7jPd9F2KP8+bXJPg1iTL/+UPStCOxfV7e1bsS22fuXbUzsX3W3uHdie2z5x0yILbPkbdtQWyfM2/LhNg+Je+iDbF9HG+dTxLbxfXW8QSxXSLe2h8ktkvUW9sBYrvUeGt5Q2yXWm99Lojt0uKtxwuxXVq9+TWJACnexPZI854Gwtd5A4MTW8/rARBbs/vOEFursY4QWzvjnSC2DuY6QGydzCdDbBXekwixy95pJyO2551yOmL73s0nJHbMu+mUxI57V5+U2HXeVU8Ru947/CSx27xDTxO73dtegdg53r+95FTmeRn4KAAAAABJRU5ErkJggg==);
}
.noCourseBackground___sIp5Q {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIvSURBVHgB7ZxBjsIwEAQDivj/fzmwwAILIbZ77JnZIKqk3BKpVLfIVu9OZ6YGx+Px+oxwOBymeZ6nTLbovW+9QGxf72pwYvt7F4MTO8Z7NTix47zfghM71vslOLHjvR/BiZ3jfQ1O7DzvPbFzvffEzuPi3PzTrEFsnbt3d3Bi6zx7dwUnts7S2xyc2Dpr3qbgxNYpecvBia1T85aCE1un5d0MTmwdxbsanNg6qncxOLF1LN6rwYmtY/V+C05snR7vl+DE1un1fgQnts6I9zU4sXVGvXfnj0/E1vDw3ilX3Tz59hOmoQMIKxznzXnBif3rnRKc2H/e4cGJ/eodGpzY795hwYm97h0SnNhlb/fgxK57uwYndtvbLTixNW+X4MTWvYeDE9vmPRSc2Hbv7uDE7vPuCk7sfm9zcGKPeZuCE3vcWw5ObB9vKTixWZNoslVv1iQKsCYhsnVv1iQWsCYh8inerEncYE1C5NO8WZNgTULjU71Zk0jk4syaRBJ3b9YkEnj2Zk0imKU3axKBrHmzJhFEyZs1iQBq3qxJONPyZk3CEcWbNQknVG/WJByweLMmMYjVmzWJAXq8WZPopNebNYkORrxZkzAy6s2ahAEPb9YkRLy8WZMQ8PRmTaKBtzdrEhUivFmTKBDlzZrECpHerEksiPZmTeKJDG/WJG5kebMmMbEmMWWS7c2aRLI3axIDsCYh8p/erEl0wJqEyBa8WZMwwJqEyJa8WZMQ8PT+ASgRZIhcW916AAAAAElFTkSuQmCC);
  width: 100%;
  height: 100%;
  background-size: 45px 45px;
}
.daySchedule___jgl4e {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.daySchedule___jgl4e td {
  padding: 0;
}
.daySchedule___jgl4e .header___1QyRD {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fafafa;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.daySchedule___jgl4e .header___1QyRD td {
  padding: 8px 12px;
  height: 50px;
  color: #424242;
  font-size: 20px;
  font-weight: bold;
  line-height: 34px;
  position: relative;
}
.daySchedule___jgl4e .header___1QyRD td .todayLineBottom___129yN {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #107c10;
}
.daySchedule___jgl4e .header___1QyRD colgroup col:nth-child(2n - 1) {
  width: 64px;
}
.daySchedule___jgl4e .header___1QyRD colgroup col {
  width: calc((100% - 64px * 3) / 3);
}
.daySchedule___jgl4e table {
  width: 100%;
  table-layout: fixed;
}
.daySchedule___jgl4e table tbody tr {
  border-bottom: 1px solid #e0e0e0;
}
.daySchedule___jgl4e table tbody .sectionBeforeCurrent___1jFK1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJCSURBVHgB7ZxbbsMgFAXds/8dV02qvP3mXLigVpqpGtkQwzDKX6R8ff98X6cCl+vl/t+Cbn/SNJK/6F1cidi53qerETvf+3BFYvfx3l2V2P28NysTu6/3YnVi9/d+70DsMd73XYg9zlvEHustYo/j5ty0I7F9Xt7VuxLbZ+5dtTOxfdbe4d2J7bPnHTIgts+Rt21BbJ8zb8uE2D4l76INsX0cb51PEtvF9dbxBLFdIt7aHyS2S9Rb2wFiu9R4a3lDbJdab30uiO3S4q3HC7FdWr1FbJ8Ub2J7pHlPA+HrvIHBia3n9QCIrdl9Z4it1VhHiK2d8U4QWwdzHSC2TuaTIbYK70mE2GXvtJMR2/NOOR2xfe/mExI75t10SmLHvatPSuw676qniF3vHX6S2G3eoaeJ3e5tr0DsHG9rFWLneRdXInau9+lqxM73PlyR2H28d1cldj/vzcrE7uu9WJ3Y/b3fOxB7jPd9F2KP8+bXJPg1iTL/+UPStCOxfV7e1bsS22fuXbUzsX3W3uHdie2z5x0yILbPkbdtQWyfM2/LhNg+Je+iDbF9HG+dTxLbxfXW8QSxXSLe2h8ktkvUW9sBYrvUeGt5Q2yXWm99Lojt0uKtxwuxXVq9+TWJACnexPZI854Gwtd5A4MTW8/rARBbs/vOEFursY4QWzvjnSC2DuY6QGydzCdDbBXekwixy95pJyO2551yOmL73s0nJHbMu+mUxI57V5+U2HXeVU8Ru947/CSx27xDTxO73dtegdg53r+95FTmeRn4KAAAAABJRU5ErkJggg==);
}
.daySchedule___jgl4e table tbody td:nth-child(2n - 1) {
  width: 64px;
  background-color: #fafafa;
}
.daySchedule___jgl4e table tbody td {
  width: calc((100% - 64px * 3) / 3);
  height: 128px;
  border-right: 1px solid #e0e0e0;
}
.daySchedule___jgl4e table tbody td:last-child {
  border-right: none;
}
.daySchedule___jgl4e table tbody tr:last-child {
  border-bottom: none;
}
.daySchedule___jgl4e .tableWrapper___3ZVZ7 {
  overflow-y: auto;
  height: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.daySchedule___jgl4e .tableWrapper___3ZVZ7 .currentTimeTagWithNoSchedule___2l2K- {
  background-color: rgba(241, 250, 241, 0.25);
}
.daySchedule___jgl4e .tableWrapper___3ZVZ7 .time___3lfX9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 128px;
  padding: 8px 8px 8px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  font-size: 12px;
  line-height: 1;
}
.daySchedule___jgl4e .tableWrapper___3ZVZ7 .time___3lfX9 div {
  padding: 0 4px 0 8px;
}
.daySchedule___jgl4e .tableWrapper___3ZVZ7 .time___3lfX9 div .rank___2YgDY {
  color: #242424;
  text-align: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 84px;
}
.daySchedule___jgl4e .tableWrapper___3ZVZ7 table tbody tr:last-child td {
  height: calc(100vh - 817px);
}
.collegeTable___3Uf3w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.collegeTable___3Uf3w .ant-pagination {
  text-align: center;
  margin: 16px 0 0;
}
.headerWrapper___eh6Ag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 16px 12px;
  border-bottom: 1px solid #e0e0e0;
}
.headerWrapper___eh6Ag > span:nth-of-type(1) {
  font-weight: 600;
  font-size: 20px;
  line-height: 40px;
  color: #242424;
  display: inline-block;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.headerWrapper___eh6Ag .searchWrapper___2QKZR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerWrapper___eh6Ag .searchWrapper___2QKZR > span {
  margin-right: 8px;
}
.headerWrapper___eh6Ag .searchWrapper___2QKZR > div:not(:last-child) {
  margin-right: 8px;
}
.headerWrapper___eh6Ag .searchWrapper___2QKZR .inputCss___oLbKS {
  width: 216px;
  height: 40px;
}
.headerWrapper___eh6Ag .searchWrapper___2QKZR .inputCss___oLbKS input {
  padding-left: 40px;
  font-size: 16px;
  line-height: 40px;
}
.headerWrapper___eh6Ag .searchWrapper___2QKZR .inputIcon___1iAp8 {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.headerWrapper___eh6Ag .searchWrapper___2QKZR .ant-select-selection--single {
  height: 40px;
  background: rgba(25, 128, 255, 0.15);
  color: #1980ff;
  border: none;
  font-weight: 600;
}
.headerWrapper___eh6Ag .searchWrapper___2QKZR .ant-select-selection__rendered {
  line-height: 40px;
}
.headerWrapper___eh6Ag .searchWrapper___2QKZR .ant-select-arrow {
  color: #1980ff;
}
.headerWrapper___eh6Ag .searchWrapper___2QKZR .ant-select {
  width: 128px;
}
.collegeTableContent___1a4E_ {
  height: calc(100% - 69px);
  overflow-y: auto;
  padding: 12px 16px;
}
.collegeTableContent___1a4E_::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.table___2VuGt {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}
.tableHeader___10K57 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 600px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
  background: #fafafa;
}
.tableHeader___10K57 > span {
  display: inline-block;
  padding: 12px;
  color: #424242;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.tableColItem1___29mC5 {
  position: relative;
  width: 200px;
  text-align: left;
}
.tableColItem1___29mC5::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}
.tableColItem2___VAZen {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
.tableColItem3___1556e {
  position: relative;
  width: 108px;
  text-align: right;
}
.tableColItem3___1556e::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}
.tableColItem4___kpaHW {
  width: 122px;
  text-align: center;
}
.tableBody___2rcdd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 600px;
}
.tableBody___2rcdd:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.tableColItem1___2m5X5 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 200px;
  padding: 10px 12px 8px 12px;
  text-align: left;
}
.tableColItem1___2m5X5::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}
.tableColItemMiddle___2seWr {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.middleColItem___3xUJD {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.middleColItem___3xUJD:hover {
  background: rgba(25, 128, 255, 0.25) !important;
}
.tableColItem2___2H0n7 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  overflow: hidden;
}
.tableColItem2___2H0n7 .placeholderTag___2yXEq {
  width: 82px;
  height: 36px;
  padding: 1px 8px;
  margin: 4px 4px 4px 8px;
}
.middleColItemName___23H4W {
  position: relative;
  height: 36px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 8px 8px 16px;
  margin: 4px;
  color: #242424;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.middleColItemName___23H4W::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 10px;
  width: 4px;
  height: 16px;
  background-color: #1980ff;
  border-radius: 2px;
}
.middleColItemName___23H4W > span {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.inClass___3BdTT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f1faf1;
  border: 1px solid #9fd89f;
  border-radius: 8px;
}
.inClass___3BdTT::after {
  background-color: #13a10e;
}
.inClass___3BdTT > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #0e700e;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
}
.tableColItem3___3F9y_ {
  width: 108px;
  height: 44px;
  padding: 12px 16px;
  text-align: right;
}
.tableColItem3___3F9y_ > span {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.tableColItem4___3RzId {
  position: relative;
  width: 122px;
  padding: 12px 16px;
  text-align: right;
}
.tableColItem4___3RzId::after {
  content: '';
  position: absolute;
  left: -1px;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}
.tableColItem4___3RzId > span {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.cardHeader___3u9I- {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 4px;
}
.cardBtn___1rOeu {
  width: 82px;
  height: 28px;
  padding: 4px 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  outline: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #1980ff;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.cardBtn___1rOeu > span {
  margin-left: 4px;
}
.settingBtn___2tQ3W {
  width: 96px;
  height: 26px;
}
.cardTitle___1mRcU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}
.cardTitle___1mRcU > span:first-child {
  margin-right: 8px;
  color: #242424;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.cardTitle___1mRcU > span:last-child {
  color: #616161;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}
.cardTitle___1mRcU > span {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.cardSubTitle___1TquY {
  display: block;
}
.markTags___3UlY5 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  line-height: 20px;
}
.markTags___3UlY5 > span {
  margin-left: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #666f8d;
}
.youngTeachers___1uL2W {
  padding: 4px;
  border: 1px solid #73d13d;
  border-radius: 4px;
  background: #d9f7be;
  margin-right: 8px;
}
.youngTeachers___1uL2W > span {
  color: #135200;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}
.classTab___3hcqR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.headerWrapper___2lXcn {
  display: grid;
  position: relative;
  padding: 16px 16px 12px 16px;
  grid-template-columns: 40px 1fr 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: PingFang SC;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #333;
}
.headerWrapper___2lXcn::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}
.goBackBtn___158Tz {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #d1d1d1;
}
.switchBox___1LLKL {
  height: 40px;
  padding: 4px;
  background: rgba(24, 144, 255, 0.15);
  border-radius: 4px;
}
.switchBox___1LLKL > button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  height: 100%;
  vertical-align: top;
  border-radius: 4px;
  background: transparent;
  outline: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.switchBox___1LLKL > button.active___3OF_J {
  background: #1980ff;
}
.switchBox___1LLKL > button:nth-of-type(1) {
  font-size: 20px;
}
.switchBox___1LLKL > button:nth-of-type(2) {
  font-size: 22px;
}
.markTags___28OCQ {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  line-height: 20px;
}
.markTags___28OCQ > span {
  margin-left: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #666f8d;
}
.youngTeachers___FqKaz {
  padding: 4px;
  border: 1px solid #73d13d;
  border-radius: 4px;
  background: #d9f7be;
  margin-right: 8px;
}
.youngTeachers___FqKaz > span {
  color: #135200;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}
.classInformation___2zpAJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 16px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.courseName___2v8Ct {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 8px;
  color: #242424;
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
}
.courseName___2v8Ct {
  color: #242424;
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
}
.subLine___2zAgd {
  display: inline-block;
  width: 8px;
  border-bottom: 2px solid #242424;
  margin: 0 9px;
}
.teacherName___1JIzm {
  margin-right: 8px;
  color: #242424;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.employeeNumber___1msRf {
  margin-right: 8px;
  color: #616161;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.classTabContent___1nz_q {
  overflow-y: hidden;
}
.classTable___2WXpQ {
  padding: 12px 16px;
}
.classTable___2WXpQ .ant-table-middle .ant-table-body {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow-x: auto !important;
  /* 滚动条的轨道部分 */
  /* 滚动条的角落部分 */
}
.classTable___2WXpQ .ant-table-middle .ant-table-body .inClass > td {
  background: #f1faf1;
  color: #0e700e;
}
.classTable___2WXpQ .ant-table-middle .ant-table-body .booked > td {
  background: #fdf6f3;
  color: #c43501;
}
.classTable___2WXpQ .ant-table-middle .ant-table-body .futureClass > td {
  background: #f0f0f0;
  color: #707070;
}
.classTable___2WXpQ .ant-table-middle .ant-table-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.classTable___2WXpQ .ant-table-middle .ant-table-body ::-webkit-scrollbar-track {
  border-radius: 10px !important;
  /* 轨道的圆角 */
}
.classTable___2WXpQ .ant-table-middle .ant-table-body ::-webkit-scrollbar-corner {
  background: #ff0 !important;
  /* 角落部分的颜色 */
  border: 1px solid #f00 !important;
  border-radius: 10px !important;
  /* 轨道的圆角 */
}
.classTable___2WXpQ .ant-table-middle .ant-table-tbody > tr:last-child > td {
  border: none;
}
.classTable___2WXpQ .ant-table-middle .ant-table-tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 8px;
}
.classTable___2WXpQ .ant-table-thead > tr > th {
  color: #424242;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.classTable___2WXpQ .ant-table-middle .ant-table-thead > tr > th {
  padding: 12px;
}
.classTable___2WXpQ .ant-table-middle .ant-table-tbody > tr > td {
  padding: 12px 16px;
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.classTable___2WXpQ .ant-table-placeholder {
  border-top: 1px solid #e0e0e0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom: none;
}
.classTable___2WXpQ .ant-table-thead > tr > th {
  border-color: #e0e0e0;
}
.classTable___2WXpQ .ant-table-fixed-left .ant-table-thead .ant-table-row-cell-break-word {
  border-top: 1px solid #e0e0e0;
}
.classTable___2WXpQ .ant-table-fixed-left .ant-table-thead .ant-table-row-cell-break-word:first-child {
  border-left: 1px solid #e0e0e0;
  border-top-left-radius: 8px;
}
.classTable___2WXpQ .ant-table-fixed-left .ant-table-tbody .ant-table-row-cell-break-word:first-child {
  border-left: 1px solid #e0e0e0;
}
.classTable___2WXpQ .ant-table-fixed-right .ant-table-row-cell-break-word {
  border-right: 1px solid #e0e0e0;
}
.classTable___2WXpQ .ant-table-fixed-right .ant-table-row-cell-last {
  border-top: 1px solid #e0e0e0;
  border-top-right-radius: 8px;
}
.classTable___2WXpQ .ant-table-fixed-right .ant-table-fixed .ant-table-tbody tr:last-child > td:last-child {
  border-right: 1px solid #e0e0e0;
}
.classTable___2WXpQ .ant-table-middle .ant-table-content .ant-table-scroll {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.classTable___2WXpQ .ant-table-middle .ant-table-content .ant-table-scroll .ant-table-header > table > .ant-table-thead > tr > th {
  padding: 12px;
  border: none;
}
.classTable___2WXpQ .ant-table-middle .ant-table-content .ant-table-scroll .ant-table-body > table > .ant-table-tbody > tr > td {
  padding: 12px 16px;
}
.classTable___2WXpQ .ant-table-middle .ant-table-content .ant-table-scroll .ant-table-body > table > .ant-table-tbody > tr > td:first-child {
  padding: 0 16px;
}
.classTable___2WXpQ .ant-table-middle .ant-table-content .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-fixed {
  width: calc(100% + 9px) !important;
}
.classTable___2WXpQ .ant-table-middle .ant-table-content .ant-table-scroll .ant-table-body {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.classTable___2WXpQ .ant-table-empty .ant-table-content .ant-table-scroll .ant-table-body {
  border-top: none;
}
.classTable___2WXpQ .ant-table-middle .ant-btn {
  height: 20px;
  padding: 0;
}
.classTable___2WXpQ tr > td:first-child {
  width: 80px;
}
.hasValue___3xTdz {
  color: #242424;
}
.noValue___yKalH {
  color: #bdbdbd;
}
.periodIconBox___2DEcZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: right;
  width: 100%;
  min-width: 48px;
  max-width: 65px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.classTableToolTip___2wCbd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 16px;
  background: #f1faf1;
  border: 1px solid #9fd89f;
  border-radius: 4px;
  margin-bottom: 12px;
  overflow: hidden;
}
.classTableToolTip___2wCbd .ant-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  line-height: 20px;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.classTableToolTip___2wCbd .ant-btn > span {
  color: #107c10;
  border-bottom: 1px solid;
  line-height: 16px;
  margin-right: 4px;
}
.classTableToolTip___2wCbd .ant-btn > svg {
  position: relative;
  top: 1px;
}
.toolTipText___1gStW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.toolTipText___1gStW > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 8px;
  color: #0e700e;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.operation___3hRoQ {
  color: #1980ff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.classCardList___3jz3J {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-width: 510px;
  background: #fff;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  padding: 12px 0;
}
.headerSwitch___1FbfU {
  padding: 6px;
  margin: 0 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
}
.cardListBox___LQC3a {
  width: 100%;
  padding: 12px 16px;
  overflow-y: auto;
}
.cardListBox___LQC3a::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.cardBox___3CMdI {
  overflow: hidden;
}
.tagFilter___YOJzd {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 4px 2px 12px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
}
.tagFilter___YOJzd > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
}
/* CardList.css */
.cardList___-HGa3 {
  display: grid;
  width: '100%';
  margin: auto;
  gap: 12px;
  /* 卡片之间的间距 */
}
.titleBox___4C2M8 {
  padding: 4px;
  margin-bottom: 4px;
}
.headerFlexBox___2ZDvw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.headerFlexBox___2ZDvw > span:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  color: #424141;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.headerFlexBox___2ZDvw > span:last-child {
  white-space: nowrap;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  line-height: 16.8px;
}
.subFlexBox___2MHY- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 17px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.subLeft___23g2b {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 17px;
  line-height: 17px;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.subLeft___23g2b > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  margin-left: 6px;
}
.subRight___1jufk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.subRight___1jufk > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-radius: 50%;
}
.actionBar___2K5y6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 23px;
  margin-top: 4px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.leftBar___1TMhy {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 17px;
  margin-top: 3px;
  margin-left: 4px;
  line-height: 17px;
}
.leftBar___1TMhy > span {
  margin-left: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #eaa300;
}
.rightBar___oydkc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.markTags___S4RpP {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 17px;
  margin-top: 3px;
  margin-left: 8px;
  line-height: 17px;
}
.markTags___S4RpP > span {
  margin-left: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #666f8d;
}
.curriculum___2Qh0z {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.curriculum___2Qh0z .scheduleContent___3XkdR {
  border-radius: 0 0 8px 8px;
}
.headerWrapper___bJarH {
  display: grid;
  position: relative;
  padding: 16px 16px 12px 16px;
  grid-template-columns: 40px 1fr 545px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: PingFang SC;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #333;
}
.goBackBtn___EwAzY {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #d1d1d1;
}
.markTags___Q1RWT {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  line-height: 20px;
}
.markTags___Q1RWT > span {
  margin-left: 0;
  font-size: 12px;
  font-weight: 400;
  color: #666f8d;
}
.youngTeachers___3J7xL {
  padding: 4px;
  border: 1px solid #73d13d;
  border-radius: 4px;
  background: #d9f7be;
  margin-right: 8px;
}
.youngTeachers___3J7xL > span {
  color: #135200;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}
.classInformation___1sqgU {
  margin-left: 16px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.teacherName___26MFS {
  margin-right: 8px;
  color: #242424;
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
}
.employeeNumber___2TqVQ {
  margin-right: 8px;
  color: #616161;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.scheduleContent___3XkdR {
  height: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
          box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.superviseByClass___oJEid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-width: 510px;
  background: #fff;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.superviseByClass___oJEid .header___3np8R {
  padding: 16px 16px 12px 16px;
  border-bottom: 1px solid #f0f0f0;
}
.superviseByClass___oJEid .ant-calendar-picker .ant-input {
  height: 40px;
  color: #666;
  line-height: 2;
  padding-left: 36px !important;
}
.superviseByClass___oJEid .ant-calendar-picker .ant-input .ant-calendar-picker-icon {
  left: 16px;
  right: auto;
  color: #666;
}
.superviseByClass___oJEid .ant-checkbox-group {
  height: 40px;
  padding: 10px;
}
.superviseByClass___oJEid .ant-checkbox-group-item.ant-checkbox-wrapper {
  color: #616161;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.superviseByClass___oJEid .ant-checkbox-group-item.ant-checkbox-wrapper.ant-checkbox-wrapper-checked {
  color: #242424;
}
.superviseByClass___oJEid .ant-checkbox-inner {
  border-color: #616161;
}
.superviseByClass___oJEid .ant-checkbox-checked .ant-checkbox-inner {
  border: none;
}
.superviseByClass___oJEid .ant-pagination {
  text-align: center;
  margin: 16px 0 0;
}
.headerFilter___uxaqX {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.headerFilter___uxaqX .ant-select {
  margin-right: 8px;
  top: -1px;
}
.headerFilter___uxaqX .ant-select > div {
  height: 40px;
  background: rgba(25, 128, 255, 0.25);
  color: #1980ff;
  border: none;
  font-size: 16px;
  font-weight: 600;
}
.headerFilter___uxaqX .ant-select > div > div {
  line-height: 40px;
}
.headerFilter___uxaqX .ant-select > div > span {
  color: #1980ff;
}
.headerSwitch___2bzBT {
  width: 100%;
  padding: 6px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
}
.rangePicker___1HkoJ {
  position: relative;
  top: -2px;
  width: 288px;
  margin-right: 8px;
}
.departmentSelect___o5Qa7 {
  width: 200px;
}
.stateSelect___aJpfv {
  width: 160px;
}
.searchFormBtn___gzu_9 {
  padding: 0 10px;
  background: rgba(25, 128, 255, 0.25);
}
.content___22tZr {
  padding: 12px 16px 12px 16px;
  overflow-y: auto;
}
.content___22tZr::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.searchAlert___2lSdT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  background-color: #fafafa;
  padding: 4px 8px 4px 4px;
  border-radius: 4px;
}
.searchAlert___2lSdT .ant-btn {
  line-height: 32px;
}
.searchAlert___2lSdT .ant-btn > span {
  border-bottom: 1px solid;
  line-height: 16px;
}
.searchAlertMessage___1EWaX > span {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.textHighlight___pyzF6 {
  padding: 2px 4px 2px 4px;
  margin: 0 4px;
  border-radius: 4px;
  color: #0067e5;
  background: rgba(25, 128, 255, 0.15);
}
.classListItem___2PHKQ {
  margin-bottom: 12px;
}
.searchPopover___Ek0t8 {
  z-index: 1000;
}
.searchPopover___Ek0t8 .ant-popover-inner {
  width: 336px;
  height: 152px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.searchPopover___Ek0t8 .ant-popover-inner-content {
  padding: 12px;
}
.searchPopover___Ek0t8 .ant-input {
  padding-left: 44px !important;
  font-size: 16px;
}
.searchPopover___Ek0t8 .ant-input-affix-wrapper {
  width: 312px;
  height: 40px;
  margin-bottom: 8px;
}
.searchPopover___Ek0t8 .inputIcon___32aNS {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.searchPopover___Ek0t8 .bottomBtn___NliWa {
  text-align: right;
}
.searchPopover___Ek0t8 .resetSearch___3xCCA {
  width: 80px;
  height: 32px;
  padding: 5px 12px 5px 12px;
  margin-right: 8px;
  border-radius: 4px;
  border-color: #d1d1d1;
  color: #242424;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.searchPopover___Ek0t8 .searchBtn___1PR59 {
  width: 78px;
  height: 32px;
  padding: 5px 12px 5px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.classDate___3LwaL {
  height: 22px;
  padding: 0 12px;
  margin-bottom: 8px;
  border-left: 3px solid #666f8d;
  color: #666f8d;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
}
.listContentBox___RSj56 {
  width: 100%;
}
.cardBox___2BK3e {
  overflow: hidden;
}
.titleBox___2gArG {
  padding: 4px;
  margin-bottom: 4px;
}
.headerFlexBox___2Cgx2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.headerFlexBox___2Cgx2 > span:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  color: #424141;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.headerFlexBox___2Cgx2 > span:last-child {
  white-space: nowrap;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  line-height: 16.8px;
}
.subFlexBox___Ue3VA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 17px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.subLeft___1vOmV {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 17px;
  line-height: 17px;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.subLeft___1vOmV > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  margin-right: 4px;
}
.subRight___1Fu8o {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.subRight___1Fu8o > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-radius: 50%;
}
#newTeachingSupervise___2E2Fc {
  width: 100vw;
  height: calc(100vh - 100px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 -24px;
  padding: 12px;
  background-color: #f0f2f5;
}
#newTeachingSupervise___2E2Fc .top___3BOA8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
#newTeachingSupervise___2E2Fc .top___3BOA8 .title___2VF91 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
}
#newTeachingSupervise___2E2Fc .top___3BOA8 .tabs___q7rrB {
  gap: 4.5px;
  padding: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(25, 128, 255, 0.1);
  font-size: 13px;
  position: relative;
}
#newTeachingSupervise___2E2Fc .top___3BOA8 .tabs___q7rrB .tab___3iDyC {
  padding: 4px 16px;
  color: #1980ff;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
#newTeachingSupervise___2E2Fc .top___3BOA8 .tabs___q7rrB .active___28J9E {
  font-weight: bold;
  color: #fff;
  border-radius: 6px;
  background-color: #1980ff;
}
#newTeachingSupervise___2E2Fc .top___3BOA8 .tabs___q7rrB .tabBg___69RyG {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#newTeachingSupervise___2E2Fc .content___dsBPh {
  height: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.abnormalClassesWrap___3BV0X {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  height: calc(100vh - 100px);
  overflow: hidden;
}
.abnormalClassesWrap___3BV0X .ant-btn {
  color: #000;
  height: 32px;
  background: #eee;
}
.abnormalClassesWrap___3BV0X .ant-btn.ant-btn-primary {
  background: #1980ff;
  color: #fff;
}
.abnormalClassesWrap___3BV0X .ant-btn.ant-btn-link {
  color: #1980ff;
  height: 22px;
  background: transparent;
}
.abnormalClassesWrap___3BV0X .ant-input {
  padding-left: 44px !important;
  font-size: 16px;
}
.abnormalClassesWrap___3BV0X .ant-input-affix-wrapper {
  width: auto;
  height: 40px;
  margin-bottom: 5px;
  top: -1px;
}
.abnormalClassesWrap___3BV0X .ant-input-affix-wrapper:nth-last-of-type(2) {
  width: 144px;
  margin-right: 8px;
}
.abnormalClassesWrap___3BV0X .ant-input-affix-wrapper:nth-last-of-type(1) {
  width: 224px;
  margin-right: 16px;
}
.abnormalClassesWrap___3BV0X .ant-fullcalendar-value {
  border-radius: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.abnormalClassesWrap___3BV0X .ant-fullcalendar-date {
  width: calc(100% + 2px);
  height: 24px;
  position: relative;
  left: -1px;
}
.abnormalClassesWrap___3BV0X .ant-fullcalendar-content {
  height: 21px;
  position: unset;
}
.abnormalClassesWrap___3BV0X .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  background: transparent;
  color: transparent;
}
.abnormalClassesWrap___3BV0X .ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  width: 24px;
}
.abnormalClassesWrap___3BV0X .ant-calendar-picker .ant-input {
  height: 40px;
  color: #666;
  line-height: 2;
}
.abnormalClassesWrap___3BV0X .ant-calendar-picker .ant-input .ant-calendar-picker-icon {
  left: 16px;
  right: auto;
  color: #666;
}
.abnormalClassesWrap___3BV0X .ant-select {
  margin-right: 8px;
  margin-bottom: 5px;
  top: -1px;
}
.abnormalClassesWrap___3BV0X .ant-select > div {
  height: 40px;
  background: rgba(25, 128, 255, 0.25);
  color: #1980ff;
  border: none;
  font-size: 16px;
  font-weight: 600;
}
.abnormalClassesWrap___3BV0X .ant-select > div > div {
  line-height: 40px;
}
.abnormalClassesWrap___3BV0X .ant-select > div > span {
  color: #1980ff;
}
.abnormalClassesWrap___3BV0X .ant-table table {
  border: 1px solid #d1d1d1;
}
.abnormalClassesWrap___3BV0X .ant-table-placeholder {
  display: none;
}
.abnormalClassesWrap___3BV0X .ant-table-thead > tr {
  height: 38px;
}
.abnormalClassesWrap___3BV0X .ant-table-thead > tr > th {
  padding: 7px 24px;
  border: none;
  font-weight: bold;
}
.abnormalClassesWrap___3BV0X .ant-card-body {
  padding: 12px 24px;
  height: 64px;
}
.abnormalClassesWrap___3BV0X .ant-card-meta-detail > div {
  margin-bottom: 0;
}
.abnormalClassesWrap___3BV0X .ant-card-meta-avatar {
  padding-top: 18px;
}
.abnormalClassesWrap___3BV0X .ant-card-meta-description {
  height: 24px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .abnormalClassesWrap___3BV0X .ant-table-thead > tr > th:nth-last-of-type(1) {
    display: none;
  }
  .abnormalClassesWrap___3BV0X .ant-table-thead > tr > th:nth-last-of-type(2) {
    width: 25%;
  }
  .abnormalClassesWrap___3BV0X .ant-table-thead > tr > th:nth-of-type(1),
  .abnormalClassesWrap___3BV0X .ant-table-thead > tr > th:nth-of-type(2) {
    width: 37.5%;
  }
}
.abnormalClassesHeader___1XOTB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 8px;
  overflow: hidden;
}
.abnormalClassesHeader___1XOTB h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.abnormalClassesHeader___1XOTB > span {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.abnormalClassesHeader___1XOTB .messageSettingBtn___PkF16 {
  width: 116px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.abnormalClassesHeader___1XOTB .messageSettingBtn___PkF16:hover {
  color: #1980ff;
  border-color: #1980ff;
}
.abnormalClassesHeader___1XOTB .messageSettingBtn___PkF16:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.abnormalClassesContainer___271rf {
  min-width: 573px;
  height: calc(100% - 40px);
  padding: 16px;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  overflow: hidden;
}
.rangePicker___1hkS4 {
  width: 288px;
  margin-right: 8px;
  margin-bottom: 5px;
}
.rangePickerSwitch___14tSc {
  display: inline-grid;
  position: relative;
  top: -2px;
  height: 40px;
  line-height: 24px;
  margin-right: 16px;
  background: #dceeff;
  border-radius: 4px;
  grid-template-columns: repeat(2, 80px);
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rangePickerSwitch___14tSc > span {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.rangePickerSwitch___14tSc > span:first-child {
  border-right: 1px solid #c8e5ff;
}
.rangePickerSwitch___14tSc .selected___FnHTk {
  color: #1980ff;
  font-weight: bold;
}
.departmentSelect___3IX1f {
  width: 200px;
}
.stateSelect___lBj9q {
  width: 128px;
}
.headerFilter___G7knI {
  margin-bottom: 6px;
}
.headerFilter___G7knI .inputIcon___3yyp2 {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.headerFilter___G7knI .alignRight___kH5NQ {
  text-align: right;
}
.headerSwitch___2m8d9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  background: #fafafa;
  margin-bottom: 12px;
  padding: 7px 8px;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.headerSwitch___2m8d9 .tipContent___QInXV {
  height: calc(100% - 33px);
  overflow-y: auto;
}
.headerSwitch___2m8d9 .tagFilter___2XD2G {
  display: inline-block;
  height: 25px;
  padding: 2px 8px 3px 12px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  border: 1px solid transparent;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
}
.headerSwitch___2m8d9 .settingBtn___9zT_l {
  width: 96px;
  height: 26px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-basis: 96px;
      -ms-flex-preferred-size: 96px;
          flex-basis: 96px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1px 8px;
  background: transparent;
  outline: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #1980ff;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  cursor: pointer;
}
.headerSwitch___2m8d9 .settingBtn___9zT_l > span {
  margin-left: 4px;
}
.mainContainer___1AQuH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
}
.mainLeft___2Y-4g {
  width: 100%;
}
.mainLeft___2Y-4g .exportBtn___Lvp1g {
  width: 96px;
  height: 40px;
  background: #dceeff;
  color: #1980ff;
  border: none;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
}
.mainLeft___2Y-4g .classList___2Qidv {
  min-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #d1d1d1;
  border-top-width: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mainLeft___2Y-4g .classCard___3MC7l {
  display: inline-block;
  width: 100%;
  padding: 16px;
  background: #fff;
  border: 1px solid #d1d1d1;
  cursor: pointer;
  position: relative;
}
.mainLeft___2Y-4g .classCard___3MC7l:nth-of-type(odd) {
  margin-right: 16px;
}
.mainLeft___2Y-4g .cardHeader___1mmS0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
  position: relative;
  z-index: 5;
}
.mainLeft___2Y-4g .tagBox___2LG6R {
  position: absolute;
  top: 8px;
  right: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mainLeft___2Y-4g .teacherInfo___3d_Y8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mainLeft___2Y-4g .teacherInfo___3d_Y8 > img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
}
.mainLeft___2Y-4g .teacherInfo___3d_Y8 > span {
  margin-right: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
.mainLeft___2Y-4g .teacherInfo___3d_Y8 > i {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #666;
}
.mainLeft___2Y-4g .classNameBox___2P54R {
  width: 100%;
  height: 22px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  overflow: hidden;
  margin-bottom: 8px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  position: relative;
  z-index: 5;
}
.mainLeft___2Y-4g .classroomInfo___1fu2t {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #666;
  position: relative;
  z-index: 5;
}
.mainLeft___2Y-4g .classroomInfo___1fu2t > svg {
  display: block;
  width: 16px;
  height: 16px;
}
.mainLeft___2Y-4g .classroomInfo___1fu2t > span {
  margin: 0 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.mainLeft___2Y-4g .classroomInfo___1fu2t > b {
  display: inline-block;
  width: auto;
  font-weight: 400;
  white-space: nowrap;
}
.mainLeft___2Y-4g .pagination___1PcGV {
  margin-top: 12px;
  text-align: right;
}
.tag___1U5d6 {
  height: 22px;
  padding: 0 6px;
  margin-left: 8px;
  margin-top: 2px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid transparent;
  border-radius: 2px;
  white-space: nowrap;
}
.tag___1U5d6:nth-last-of-type(1) {
  margin-right: 0;
}
.noClassTip___2lCo1 {
  text-align: center;
  font-size: 24px;
  line-height: 480px;
  color: #999;
}
.thresholdTitle___v8Jpm {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.85);
}
.thresholdSet___KZhuj {
  margin-bottom: 24px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  max-height: calc(70vh - 168px);
  overflow: auto;
}
.thresholdItem___11Avr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  padding: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.thresholdItem___11Avr:nth-last-of-type(1) {
  border-bottom: none;
}
.thresholdItem___11Avr > span:nth-of-type(1) {
  width: 168px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.thresholdItem___11Avr > span:nth-of-type(1) > i {
  display: inline-block;
  width: 4px;
  height: 24px;
  border-radius: 2px;
}
.thresholdItem___11Avr > span:nth-of-type(1) > b {
  display: inline-block;
  margin-left: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: rgba(0, 0, 0, 0.85);
}
.thresholdItem___11Avr > span:nth-of-type(2) {
  width: calc(100% - 168px);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: rgba(0, 0, 0, 0.65);
}
.thresholdItem___11Avr > span:nth-of-type(2) > input {
  width: 60px;
  margin: 0 8px;
}
.thresholdTip___1HLOB {
  display: block;
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #c42b1c;
}
.btnBox___3a27R {
  text-align: right;
}
.btnBox___3a27R > button:nth-of-type(1) {
  margin-right: 12px;
}
.tableList___1AkwW {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-bottom: 1px solid #d1d1d1;
  border-top-width: 0;
  cursor: pointer;
}
.tableList___1AkwW:nth-last-of-type(1) {
  border-bottom-width: 0;
}
.teacherName___oicCL {
  font-size: 14px;
  font-weight: bold;
  color: #424242;
}
.employeeNumber___1POLW {
  font-size: 12px;
  font-weight: 400;
  color: #616161;
  margin-left: 8px;
}
.description___3UJDh {
  font-size: 12px;
  font-weight: 400;
  color: #616161;
}
.description___3UJDh > span {
  margin-left: 8px;
}
.courseName___3TgPY {
  font-size: 15px;
  font-weight: bold;
  color: #000;
}
.buildingSvg___3GApo {
  position: relative;
  top: 4px;
}
.classTimeBox___3teSd .ant-card-body {
  padding: 0;
  text-align: center;
}
.classTime___2jDBn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.canvasBoxParent___1LWGx {
  position: relative;
}
.canvasBox___2jBoC {
  position: relative;
  height: 37px;
  margin: 15px 16px 12px 24px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.messageBox___3ZKXD {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 16px 8px;
}
.messageBoxProcess___1P7wE {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 250, 241, 0)), to(#f1faf1));
  background: -webkit-linear-gradient(top, rgba(241, 250, 241, 0), #f1faf1);
  background: -o-linear-gradient(top, rgba(241, 250, 241, 0), #f1faf1);
  background: linear-gradient(to bottom, rgba(241, 250, 241, 0), #f1faf1);
}
.messageBoxNoProcess___GW1jC {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 246, 246, 0)), to(#fdf6f6));
  background: -webkit-linear-gradient(top, rgba(253, 246, 246, 0), #fdf6f6);
  background: -o-linear-gradient(top, rgba(253, 246, 246, 0), #fdf6f6);
  background: linear-gradient(to bottom, rgba(253, 246, 246, 0), #fdf6f6);
}
.processedFlex___3nnxv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.notProcessed___3qD-J {
  display: inline-block;
  width: 55px;
  padding: 0 8px;
  color: #d13438;
  font-size: 13px;
  font-weight: 600;
}
.processed___1LPfH {
  display: inline-block;
  white-space: nowrap;
  width: 55px;
  padding: 0 8px;
  color: #13a10e;
  font-size: 13px;
  font-weight: 600;
}
.processedBox___1ZXf2 {
  padding: 0 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.processedMessage___27aMg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
}
.noWrap___2ZE42 {
  white-space: nowrap;
}
.processedTitle___yvrOM {
  white-space: nowrap;
  color: #666f8d;
  font-size: 13px;
  font-weight: 600;
}
.processedInstructions___1ZvuT {
  height: 20px;
  line-height: 20px;
  margin-left: 8px;
  color: #242424;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
}
.processor___1-HK2 {
  margin-left: 8px;
  color: #0050b3;
  font-size: 14px;
  font-weight: 400;
}
.processingTime___1zkXi {
  width: 130px;
  margin-left: 16px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
}
.processedButtonBox___38wlN {
  white-space: nowrap;
}
.processedOverflow___3nZfv {
  position: relative;
  top: 5px;
}
.processedButton___3XdTy {
  padding: 0;
}
.positionMessageCard___2QCDd {
  position: absolute;
  min-width: 480px;
  padding: 4px 12px 8px;
  background: #e6f7ff;
  border: 1px solid #3aacff;
  border-radius: 8px;
}
.positionMessageCard___2QCDd .ant-card-head {
  height: 24px;
  min-height: auto;
  margin-bottom: 4px;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 18.2px;
  color: #666f8d;
  border: none;
}
.positionMessageCard___2QCDd .ant-card-head-title {
  padding: 0;
}
.positionMessageCard___2QCDd .ant-card-extra {
  padding: 0;
}
.positionMessageCard___2QCDd .ant-card-body {
  padding: 0;
  height: auto;
  max-height: 72px;
  overflow-y: auto;
  color: #242424;
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
}
@media screen and (max-width: 1280px) {
  .abnormalClassesWrap___3BV0X {
    height: auto;
  }
  .messageBox___3ZKXD {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .tagBox___2LG6R {
    width: 100%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (min-width: 1281px) {
  .classList___2Qidv {
    max-height: calc(100vh - 430px);
  }
}
@media screen and (min-width: 1430px) {
  .classList___2Qidv {
    max-height: calc(100vh - 410px);
  }
}
.title___3qqNc {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.85);
}
.settingBox___2EtHp {
  margin-bottom: 24px;
}
.settingBox___2EtHp .colLeft___35WkK {
  width: 280px;
  margin-right: 24px;
}
.settingBox___2EtHp .colLeft___35WkK > div {
  margin-left: 8px;
  margin-bottom: 16px;
}
.switchBox___2wzv8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
}
.switchBox___2wzv8 > span {
  margin-left: 8px;
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.messageDesc___26Ny7 {
  color: #707070;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.checkBoxTitle___1MxYo {
  width: 80px;
  height: 32px;
  padding: 6px 24px 6px 0;
  margin-bottom: 8px;
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.checkBox___18EgZ .ant-checkbox-group-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  margin-bottom: 8px;
}
.colRight___2gYhl {
  width: 368px;
  padding: 16px;
  background: #f5f5f5;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset;
  border-radius: 16px;
}
.messagePreview___3ggGz {
  height: 17px;
  margin-bottom: 8px;
  color: #0f6cbd;
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
}
.messageBox___1qa-q {
  border-radius: 8px;
  border: 1px solid #f0f2f5;
  -webkit-box-shadow: 0 2px 4px 0 rgba(25, 33, 61, 0.08);
          box-shadow: 0 2px 4px 0 rgba(25, 33, 61, 0.08);
}
.btnBox___2XTpO {
  text-align: right;
}
.btnBox___2XTpO > button:nth-of-type(1) {
  margin-right: 12px;
}
.recordScheduledTasksTabWrap___YxAPk {
  padding: 24px 0 18px;
  background: #f0f2f5;
}
.recordScheduledTasksTabWrap___YxAPk .pageTitle___3BZp_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.recordScheduledTasksTabWrap___YxAPk .pageTitle___3BZp_ h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.recordScheduledTasksTabWrap___YxAPk .pageBody___qEjLR {
  background-color: #fff;
  padding: 16px 24px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.recordScheduledTasksTabWrap___YxAPk .pageBody___qEjLR .recordStatus___2WH7B {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.recordScheduledTasksTabWrap___YxAPk .pageBody___qEjLR .recordStatus___2WH7B > span {
  text-align: center;
  line-height: 25px;
  width: 25px;
  height: 25px;
  background-color: #f5222d;
  color: #fff;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
  -webkit-animation: breathe___3Tx_p 2.4s infinite;
          animation: breathe___3Tx_p 2.4s infinite;
}
.recordScheduledTasksTabWrap___YxAPk .pageBody___qEjLR .header___vFeLm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.recordScheduledTasksTabWrap___YxAPk .pageBody___qEjLR .header___vFeLm .rightBox___3BZNu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.recordScheduledTasksTabWrap___YxAPk .TaskStatus___3HuXH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.recordScheduledTasksTabWrap___YxAPk .TaskStatus___3HuXH i {
  display: inline-block;
  margin-right: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.recordScheduledTasksTabWrap___YxAPk .operation___1xSXA a {
  margin-right: 8px;
}
.classroom___37uBo {
  width: 230px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.progressBarWrap___1mU4Q .explainBox___3fepx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  margin-bottom: 4px;
}
.progressBarWrap___1mU4Q .explainBox___3fepx > span:nth-child(2) {
  color: #535353;
}
.progressBarWrap___1mU4Q .explainBox___3fepx i {
  font-style: normal;
  color: #1980ff;
}
.progressBarWrap___1mU4Q .progressBar___1MQ1J {
  width: 240px;
  position: relative;
  height: 5px;
  background: #c4c4c4;
  border-radius: 2px;
}
.progressBarWrap___1mU4Q .progressBar___1MQ1J .progress___3-ZvO {
  position: relative;
  height: 5px;
  border-radius: 2px;
  top: 0;
  left: 0;
  background-color: #1980ff;
}
@-webkit-keyframes breathe___3Tx_p {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    background-color: #f5222d;
    color: #f5222d;
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    background-color: #d0181f;
    color: #fff;
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    background-color: #f5222d;
    color: #f5222d;
  }
}
@keyframes breathe___3Tx_p {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    background-color: #f5222d;
    color: #f5222d;
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    background-color: #d0181f;
    color: #fff;
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    background-color: #f5222d;
    color: #f5222d;
  }
}
.addTarget___3aBGX > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___3aBGX .addItem___3_DtE {
  margin-bottom: 24px;
}
.addTarget___3aBGX .addItem___3_DtE > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___3aBGX .addItem___3_DtE > div {
  width: 100%;
}
.addTarget___3aBGX .addItem___3_DtE .textBox___1v3AE {
  font-size: 16px;
  color: #333333;
}
.addTarget___3aBGX .addTargetFooter___1VxMZ {
  padding-top: 24px;
  text-align: right;
}
.addTarget___3aBGX .addTargetFooter___1VxMZ > button:nth-of-type(1) {
  margin-right: 12px;
}
.deleteBtn___2CnMI {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-left: 8px;
}
.deleteBtn___2CnMI:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.rangePicker___jbHSB {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 30px 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.rangePicker___jbHSB .timePicker___3VINk {
  width: 100%;
}
.rangePicker___jbHSB .timePicker___3VINk .ant-time-picker {
  width: 100%;
}
.SelectDaysWrap___2JUYX {
  position: relative;
  height: 32px;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  line-height: 32px;
  padding-left: 12px;
  cursor: pointer;
}
.SelectDaysWrap___2JUYX .selectBox___1x8Lo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.SelectDaysWrap___2JUYX .selectBox___1x8Lo .tag___3yn-k {
  height: 24px;
  margin-right: 2px;
  padding: 0 8px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  line-height: 24px;
}
.SelectDaysWrap___2JUYX .selectBox___1x8Lo .maxPlaceholder___3S6Ie {
  color: rgba(0, 0, 0, 0.25);
  padding: 0 8px;
}
.SelectDaysWrap___2JUYX .arrow___yaHsD {
  position: absolute;
  right: 12px;
  top: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
}
.SelectDaysWrap___2JUYX .options___xvLYr {
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 100;
  width: 416px;
  padding: 4px 0;
  padding-left: 12px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.disabled___3ibBq {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.selection___33JDV {
  border: 1px solid #1980ff;
}
.scheduleTable___2mWAu {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #f0f0f0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.scheduleTable___2mWAu .col___A7js6 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.scheduleTable___2mWAu .col___A7js6 > div:nth-child(1) {
  padding: 9px 0;
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  border-bottom: 1px solid #f0f0f0;
}
.scheduleTable___2mWAu .col___A7js6 > div:nth-child(2) {
  padding: 15px 0;
  border-right: 1px solid #f0f0f0;
}
.scheduleTable___2mWAu > div:last-child > div:nth-child(2) {
  border-right: none;
}
.editModal___1ok_y {
  top: 55px;
}
.editModal___1ok_y .editItem___NJuBP {
  height: auto;
  margin-bottom: 16px;
}
.editModal___1ok_y .editItem___NJuBP .itemTitle___3uO3f {
  width: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 11px 8px 13px;
  color: #242424;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.editModal___1ok_y .editItem___NJuBP .itemTitle___3uO3f > i {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-right: 8px;
}
.editModal___1ok_y .editItem___NJuBP .itemContent___2sy8y {
  padding: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.editModal___1ok_y .editItem___NJuBP .row___3Yx78 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.85);
}
.editModal___1ok_y .editItem___NJuBP .row___3Yx78 > span:first-child {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 104px;
  margin-right: 8px;
  padding: 4px 8px;
  color: #242424;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.editModal___1ok_y .editItem___NJuBP .row___3Yx78 .DatePicker___2t9yS {
  width: 100%;
}
.editModal___1ok_y .editItem___NJuBP .startType___2CNaX {
  padding-left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.editModal___1ok_y .editItem___NJuBP .startType___2CNaX .DatePicker___2t9yS {
  width: 100%;
}
.editModal___1ok_y .editItem___NJuBP .startType___2CNaX .ant-radio-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.editModal___1ok_y .editItem___NJuBP .contentSelect___1_nyS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  padding-left: 20px;
  padding-bottom: 12px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 35px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.editModal___1ok_y .editItem___NJuBP .scheduleRecording___1w8pM {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.editModal___1ok_y .editItem___NJuBP .scheduleRecording___1w8pM span {
  color: #242424;
}
.editModal___1ok_y .editItem___NJuBP .scheduleRecording___1w8pM p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.45);
  font-family: PingFang SC;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.editModal___1ok_y .closeItem___2NGDC {
  height: 44px;
  overflow: hidden;
  margin-bottom: 0;
}
.editModal___1ok_y .closeItem___2NGDC .itemTitle___3uO3f > i {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.editModal___1ok_y .ant-modal-header {
  border-bottom: none;
}
.editModal___1ok_y .ant-modal-body {
  padding: 0 24px;
}
.editModal___1ok_y .ant-modal-footer {
  padding: 0 24px;
  padding-bottom: 24px;
  border-top: none;
}
.editModal___1ok_y .ant-radio-wrapper,
.editModal___1ok_y .ant-checkbox-wrapper {
  color: #242424;
}
.editModal___1ok_y .ant-calendar-picker-icon,
.editModal___1ok_y .ant-time-picker-icon {
  top: 44%;
}
.editModal___1ok_y .ant-calendar-picker-clear {
  right: 30px;
}
.tip___2pkBw {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
}
.treeSelectWrapper___Y5JUv .ant-spin-spinning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT ul {
  padding-left: 22px;
  border-left: 1px dashed #aaa;
  margin-left: 10px;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  outline: none;
  background: transparent;
  border: none;
  cursor: pointer;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT li {
  list-style: none;
  position: relative;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .liItem___qKfNF {
  position: relative;
  display: grid;
  grid-template-columns: 30px 30px 1fr 24px;
  justify-items: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  line-height: 40px;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .liItem___qKfNF > div:nth-of-type(1) {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 18px;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .liItem___qKfNF > span {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 16px;
  color: #333;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .liItem___qKfNF > span:nth-of-type(2) {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #46b83d;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .liItem___qKfNF:hover {
  background: #ddefff;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .liItem___qKfNF::before {
  content: '';
  width: 16px;
  position: absolute;
  top: 50%;
  left: -22px;
  border-bottom: 1px dashed #aaa;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .classroomSelected___MR6FS {
  background: #ddefff;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .liItemCampus___2zsEv {
  display: grid;
  grid-template-columns: 30px 1fr 24px;
  justify-items: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  background: #fafafa;
  padding: 0 24px;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .liItemCampus___2zsEv > div:nth-of-type(1) {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .liItemCampus___2zsEv > span {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 25px;
  color: #333;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .liItemCampus___2zsEv + ul {
  padding: 0 24px;
}
.treeSelectWrapper___Y5JUv .treeWrapper___3oALT .fadeEnter___1oGUR {
  min-height: 0;
}
.treeSelectWrapper___Y5JUv .noData___31rzN {
  text-align: center;
  margin-top: 50px;
}
.recordVideoListWrap___DDiu- {
  padding: 24px 0 18px;
  background: #f0f2f5;
}
.recordVideoListWrap___DDiu- .pageTitle___2OYHz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.recordVideoListWrap___DDiu- .pageTitle___2OYHz h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.recordVideoListWrap___DDiu- .pageBody___2u82W {
  background-color: #fff;
  padding: 16px 24px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.recordVideoListWrap___DDiu- .pageBody___2u82W .header___1a3rC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.recordVideoListWrap___DDiu- .pageBody___2u82W .header___1a3rC .leftBox___2tWIe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.recordVideoListWrap___DDiu- .pageBody___2u82W .header___1a3rC .leftBox___2tWIe .searchCol___BdDjv {
  color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 16px;
  margin-bottom: 16px;
}
.recordVideoListWrap___DDiu- .TaskStatus___2JZFc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.recordVideoListWrap___DDiu- .TaskStatus___2JZFc i {
  display: inline-block;
  margin-right: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.recordVideoListWrap___DDiu- .operation___rV-q_ a {
  margin-right: 8px;
}
.SelectDaysWrap___1n7gv {
  position: relative;
  height: 32px;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  line-height: 32px;
  padding-left: 12px;
  cursor: pointer;
}
.SelectDaysWrap___1n7gv .selectBox___nKiVa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.SelectDaysWrap___1n7gv .selectBox___nKiVa .tag___3XHFE {
  height: 24px;
  margin-right: 2px;
  padding: 0 8px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  line-height: 24px;
}
.SelectDaysWrap___1n7gv .selectBox___nKiVa .maxPlaceholder___3bl2Q {
  color: rgba(0, 0, 0, 0.25);
  padding: 0 8px;
}
.SelectDaysWrap___1n7gv .arrow___2SOTz {
  position: absolute;
  right: 12px;
  top: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
}
.SelectDaysWrap___1n7gv .options___3aO_a {
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 100;
  width: 474px;
  padding: 4px 0;
  padding-left: 12px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.selection___1TEte {
  border: 1px solid #1980ff;
}
.recordVideoModal___2dZhX .modalTitle___2mcnP {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.recordVideoModal___2dZhX .modalTitle___2mcnP span {
  color: rgba(0, 0, 0, 0.45);
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.recordVideoModal___2dZhX .modalTitle___2mcnP span > i {
  font-style: normal;
  margin-right: 4px;
}
.recordVideoModal___2dZhX .modalHeader___3q-G6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.recordVideoModal___2dZhX .videoBox___1C3X0 {
  width: 100%;
  height: 513px;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}
.recordVideoModal___2dZhX .ant-modal-body {
  padding-top: 8px;
}
.addTarget___1vfBG > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___1vfBG .addItem___1umDA {
  margin-bottom: 24px;
}
.addTarget___1vfBG .addItem___1umDA > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___1vfBG .addItem___1umDA > div {
  width: 100%;
}
.addTarget___1vfBG .addItem___1umDA .textBox___49uim {
  font-size: 16px;
  color: #333333;
}
.addTarget___1vfBG .addTargetFooter___1flah {
  padding-top: 24px;
  text-align: right;
}
.addTarget___1vfBG .addTargetFooter___1flah > button:nth-of-type(1) {
  margin-right: 12px;
}
.deleteBtn___1KOHM {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-left: 8px;
}
.deleteBtn___1KOHM:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ratingScaleWrap___1gfZH {
  width: 100%;
  height: 100%;
}
.ratingScale___2bJbV {
  width: 100%;
  height: calc(100% - 56px);
  padding: 16px;
  overflow-y: auto;
  position: relative;
}
.ratingCard___bn2UB {
  background: #fff;
  -webkit-box-shadow: inset 1px 0 0 #f0f0f0, inset -1px 0 0 #f0f0f0, inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
          box-shadow: inset 1px 0 0 #f0f0f0, inset -1px 0 0 #f0f0f0, inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
  border-radius: 4px;
  margin-bottom: 16px;
  overflow: hidden;
}
.ratingCard___bn2UB h6 {
  margin: 0;
  padding: 16px 16px 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  position: relative;
}
.ratingCard___bn2UB h6 > b {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #ff4d4f;
  margin-left: 8px;
  position: relative;
  top: -3px;
}
.ratingCard___bn2UB h6 > button {
  height: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0;
  padding: 6px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  background: transparent;
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ratingCard___bn2UB .titleExplain___1dciT {
  margin: 0;
  padding: 0 16px 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.ratingCard___bn2UB:nth-last-of-type(1) {
  margin: 0;
}
.ratingCard___bn2UB.titleCard___pjWRi h6 {
  padding: 20px 20px 16px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingCard___bn2UB.titleCard___pjWRi .titleExplain___1dciT {
  padding: 0 20px 12px;
}
.ratingCard___bn2UB.titleCardWithBorder___EPx7k {
  border-top: 12px solid #13c2c2;
}
.ratingCard___bn2UB.errorCard___-GTjA {
  background: #fff1f0;
}
.ratingCard___bn2UB .imgWrap___1ab69 {
  padding: 0 20px 12px;
}
.imgWrap___1ab69 {
  width: 100%;
  padding: 0 16px 16px;
}
.imgWrap___1ab69 > img {
  display: block;
  width: 100%;
  height: auto;
}
.answerBox___1gmNx {
  padding: 0 16px;
}
.btnBox___3ZT9K {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 56px;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.btnBox___3ZT9K button {
  outline: none;
  border: none;
  background: #1980ff;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
}
.choicesBox___2ag9q {
  padding-bottom: 16px;
}
.choiceItem___1CL99 {
  margin-bottom: 4px;
}
.choiceItem___1CL99:nth-last-of-type(1) {
  margin-bottom: 0;
}
.choiceItem___1CL99 .contentBox___3Rftb {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 16px);
  padding-left: 8px;
}
.choiceItem___1CL99 .contentBox___3Rftb > span {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.choiceItem___1CL99 .contentBox___3Rftb > input[type='text'] {
  height: 22px;
  line-height: 22px;
  margin-left: 8px;
  padding: 0 8px;
  font-size: 14px;
  border: none;
  background: transparent;
  outline: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 0 0 #f0f0f0, inset -1px 0 0 #f0f0f0, inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
          box-shadow: inset 1px 0 0 #f0f0f0, inset -1px 0 0 #f0f0f0, inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
}
.choiceItem___1CL99 .contentBox___3Rftb > img {
  display: block;
  width: 100%;
  height: auto;
}
.textBox___2hiJU {
  padding-bottom: 16px;
}
.textBox___2hiJU > textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  outline: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  resize: none;
}
.textBox___2hiJU > textarea:focus {
  border-color: #1980ff;
}
.gridBox___2h1ZT {
  padding-bottom: 10px;
}
.gridBox___2h1ZT .rowBox___3cGNY {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  background: #fafafa;
  margin-top: 4px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.gridBox___2h1ZT .rowBox___3cGNY:nth-of-type(1) {
  background: #fff;
  margin-top: 0;
}
.gridBox___2h1ZT .rowBox___3cGNY > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.gridBox___2h1ZT .rowBox___3cGNY > div:nth-of-type(1) {
  width: 48px;
}
.scoreBox___ODCDV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 -16px;
  padding: 8px 16px;
  background: #e6f7ff;
}
.scoreBox___ODCDV span {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #69c0ff;
}
.scoreBox___ODCDV input {
  width: 80px;
  height: 40px;
  padding: 0 6px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 40px;
  border: none;
  background: #fff;
  outline: none;
  -webkit-box-shadow: inset 1px 0 0 #1980ff, inset -1px 0 0 #1980ff, inset 0 1px 0 #1980ff, inset 0 -1px 0 #1980ff;
          box-shadow: inset 1px 0 0 #1980ff, inset -1px 0 0 #1980ff, inset 0 1px 0 #1980ff, inset 0 -1px 0 #1980ff;
  border-radius: 4px;
}
.scoreBox___ODCDV i {
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  color: #1980ff;
  margin-left: 8px;
}
.linearBox___3Frp2 {
  margin: 0 -16px;
  padding: 10px 16px 16px;
  background: #e6f7ff;
}
.linearBox___3Frp2 .linearExplain___2SFv8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
}
.linearBox___3Frp2 .linearButtons___3P7Z4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  position: relative;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 38px;
  padding: 0;
  margin: 0;
  line-height: 38px;
  text-align: center;
  background: transparent;
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button:nth-of-type(1) {
  background: #fff1f0;
  color: #000;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button:nth-of-type(2) {
  background: #ffccc7;
  color: #000;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button:nth-of-type(3) {
  background: #ffa39e;
  color: #000;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button:nth-of-type(4) {
  background: #ff7875;
  color: #000;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button:nth-of-type(5) {
  background: #ff4d4f;
  color: #000;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button:nth-of-type(6) {
  background: #f5222d;
  color: #fff;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button:nth-of-type(7) {
  background: #cf1322;
  color: #fff;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button:nth-of-type(8) {
  background: #a8071a;
  color: #fff;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button:nth-of-type(9) {
  background: #820014;
  color: #fff;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 button:nth-of-type(10) {
  background: #5c0011;
  color: #fff;
}
.linearBox___3Frp2 .linearButtons___3P7Z4 > i {
  display: block;
  width: 0;
  height: 0;
  border-top: none;
  border-right: 4px solid transparent;
  border-bottom: 7px solid #f5222d;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -10px;
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
}
.tagsBox___17DDD {
  padding-bottom: 8px;
}
.tagsBox___17DDD .tagItem___1mscI {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #91d5ff;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  margin-right: 16px;
  margin-bottom: 8px;
}
.tagsBox___17DDD .tagItem___1mscI input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.tagsBox___17DDD .tagItem___1mscI input:disabled {
  cursor: not-allowed;
}
.tagsBox___17DDD .tagItem___1mscI span {
  display: block;
  height: 30px;
  padding: 0 12px;
  background: #e6f7ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 30px;
  color: #1980ff;
}
.tagsBox___17DDD .tagItem___1mscI input:checked + span {
  color: #e6f7ff;
  background: #1980ff;
}
.radioBox___3qpV4 {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
}
.radioBox___3qpV4 input[type='radio'] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.radioBox___3qpV4 input[type='radio']:disabled {
  cursor: not-allowed;
}
.radioBox___3qpV4 span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  position: relative;
}
.radioBox___3qpV4 span::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 3px;
  top: 3px;
  background: #1980ff;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  border-radius: 4px;
}
.radioBox___3qpV4 input:checked + span {
  border-color: #1980ff;
}
.radioBox___3qpV4 input:checked + span::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.checkBox___34__C {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
}
.checkBox___34__C input[type='checkbox'] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.checkBox___34__C input[type='checkbox']:disabled {
  cursor: not-allowed;
}
.checkBox___34__C span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  position: relative;
  background: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.checkBox___34__C span::after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 2px;
  top: 3px;
  background: transparent;
  -webkit-transform: rotateZ(0);
      -ms-transform: rotate(0);
          transform: rotateZ(0);
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  opacity: 0;
  border-radius: 2px;
}
.checkBox___34__C input:checked + span {
  border-color: #1980ff;
  background: #1980ff;
}
.checkBox___34__C input:checked + span::after {
  -webkit-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotateZ(-45deg);
  width: 10px;
  height: 6px;
  opacity: 1;
}
.ImgUploaderWrap___3Wz_t {
  position: relative;
}
.ImgUploaderWrap___3Wz_t .imgItem___3Ndh9 {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ImgUploaderWrap___3Wz_t .imgItem___3Ndh9 .fileDetail___iUTrd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ImgUploaderWrap___3Wz_t .imgItem___3Ndh9 .fileDetail___iUTrd div:nth-of-type(1) {
  margin-right: 16px;
  height: 64px;
  width: 64px;
  border-radius: 4px;
  background: no-repeat center center;
  background-size: cover;
}
.ImgUploaderWrap___3Wz_t .imgItem___3Ndh9 .fileDetail___iUTrd h4 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ImgUploaderWrap___3Wz_t .imgItem___3Ndh9 .fileDetail___iUTrd p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
}
.ImgUploaderWrap___3Wz_t .uploader___3h6P1 {
  position: absolute;
  display: block;
  width: 88px;
  height: 38px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}
.ImgUploaderWrap___3Wz_t button {
  outline: none;
  border: none;
  background: #1980ff;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
}
.heatmapImgShow___1jnbM > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.heatmapImgShow___1jnbM > div:nth-of-type(2) > div {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.heatmapImgShow___1jnbM img {
  max-width: 100%;
  max-height: 100%;
}
.heatmapImgShow___1jnbM img:nth-of-type(1) {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ratingScaleWrap___2hsMm {
  width: 100%;
  height: 100%;
  height: calc(100vh - 100px);
}
.ratingScale___3ktnL {
  width: 100%;
  height: calc(100% - 152px);
  overflow-y: auto;
  background-color: #e5e5e5;
  padding: 16px 10%;
  position: relative;
}
.ratingScale___3ktnL::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.ratingScale___3ktnL::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.45);
}
.courseDetail___XEdtT {
  background-color: #fff;
  text-align: center;
}
.courseDetail___XEdtT h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.courseDetail___XEdtT p {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 16px;
}
.notQuestionnaire___6hyns {
  text-align: center;
  font-size: 28px;
  background-color: #e5e5e5;
  padding-top: 30px;
  font-weight: 500;
  color: #666;
}
.headerTitle___3z0zl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  background-color: #fff;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.headerTitle___3z0zl .ant-btn {
  height: 38px;
  font-size: 16px;
  margin-right: 8px;
  padding: 8px 16px;
}
.ratingCard___2Hgen {
  background: #fff;
  -webkit-box-shadow: inset 1px 0 0 #f0f0f0, inset -1px 0 0 #f0f0f0, inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
          box-shadow: inset 1px 0 0 #f0f0f0, inset -1px 0 0 #f0f0f0, inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
  border-radius: 4px;
  margin-bottom: 16px;
}
.ratingCard___2Hgen h6 {
  margin: 0;
  padding: 16px 16px 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  position: relative;
}
.ratingCard___2Hgen h6 > b {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #ff4d4f;
  margin-left: 8px;
  position: relative;
  top: -3px;
}
.ratingCard___2Hgen h6 > button {
  height: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0;
  padding: 6px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  background: transparent;
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.ratingCard___2Hgen .titleExplain___1zg15 {
  margin: 0;
  padding: 0 16px 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.ratingCard___2Hgen:nth-last-of-type(1) {
  margin: 0;
}
.ratingCard___2Hgen.titleCard___1kJgH h6 {
  padding: 20px 20px 16px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingCard___2Hgen.titleCard___1kJgH .titleExplain___1zg15 {
  padding: 0 20px 12px;
}
.ratingCard___2Hgen.titleCardWithBorder___1Mti6 {
  border-top: 12px solid #13c2c2;
  position: relative;
}
.ratingCard___2Hgen.titleCardWithBorder___1Mti6 .sectionsTitle___izx-b {
  position: absolute;
  padding: 8px 16px;
  color: #fff;
  background-color: #13c2c2;
  border-radius: 4px;
  top: -45px;
}
.ratingCard___2Hgen.errorCard___f2jVf {
  background: #fff1f0;
}
.ratingCard___2Hgen .imgWrap___BU5jZ {
  padding: 0 20px 12px;
}
.imgWrap___BU5jZ {
  width: 100%;
  padding: 0 16px 16px;
}
.imgWrap___BU5jZ > img {
  display: block;
  width: 100%;
  height: auto;
}
.answerBox___3Z3CZ {
  padding: 0 16px;
}
.btnBox___1vZ06 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 56px;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.btnBox___1vZ06 button {
  outline: none;
  border: none;
  background: #1980ff;
  font-size: 16px;
  color: #fff;
  line-height: 22px;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
}
.choicesBox___-ka3o {
  padding-bottom: 16px;
}
.choiceItem___3FZ1Z {
  margin-bottom: 4px;
}
.choiceItem___3FZ1Z:nth-last-of-type(1) {
  margin-bottom: 0;
}
.choiceItem___3FZ1Z .contentBox___3SAtD {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 16px);
  padding-left: 8px;
}
.choiceItem___3FZ1Z .contentBox___3SAtD > span {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.choiceItem___3FZ1Z .contentBox___3SAtD > input[type="text"] {
  height: 22px;
  line-height: 22px;
  margin-left: 8px;
  padding: 0 8px;
  font-size: 14px;
  border: none;
  background: transparent;
  outline: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 0 0 #f0f0f0, inset -1px 0 0 #f0f0f0, inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
          box-shadow: inset 1px 0 0 #f0f0f0, inset -1px 0 0 #f0f0f0, inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
}
.choiceItem___3FZ1Z .contentBox___3SAtD > img {
  display: block;
  width: 100%;
  height: auto;
}
.textBox___3rCyv {
  padding-bottom: 16px;
}
.textBox___3rCyv > textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  outline: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  resize: none;
}
.textBox___3rCyv > textarea:focus {
  border-color: #1980ff;
}
.gridBox___3PD-7 {
  padding-bottom: 10px;
}
.gridBox___3PD-7 .rowBox___2wTZU {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  background: #fafafa;
  margin-top: 4px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.gridBox___3PD-7 .rowBox___2wTZU:nth-of-type(1) {
  background: #fff;
  margin-top: 0;
}
.gridBox___3PD-7 .rowBox___2wTZU > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.gridBox___3PD-7 .rowBox___2wTZU > div:nth-of-type(1) {
  width: 48px;
}
.scoreBox___3b5Fr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 -16px;
  padding: 8px 16px;
  background: #e6f7ff;
}
.scoreBox___3b5Fr span {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #69c0ff;
}
.scoreBox___3b5Fr input {
  width: 80px;
  height: 40px;
  padding: 0 6px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 40px;
  border: none;
  background: #fff;
  outline: none;
  -webkit-box-shadow: inset 1px 0 0 #1980ff, inset -1px 0 0 #1980ff, inset 0 1px 0 #1980ff, inset 0 -1px 0 #1980ff;
          box-shadow: inset 1px 0 0 #1980ff, inset -1px 0 0 #1980ff, inset 0 1px 0 #1980ff, inset 0 -1px 0 #1980ff;
  border-radius: 4px;
}
.scoreBox___3b5Fr i {
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  color: #1980ff;
  margin-left: 8px;
}
.linearBox___1O8pu {
  margin: 0 -16px;
  padding: 10px 16px 16px;
  background: #e6f7ff;
}
.linearBox___1O8pu .linearExplain___fdzPR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
}
.linearBox___1O8pu .linearButtons___3KGIf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  position: relative;
}
.linearBox___1O8pu .linearButtons___3KGIf button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 38px;
  padding: 0;
  margin: 0;
  line-height: 38px;
  text-align: center;
  background: transparent;
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.linearBox___1O8pu .linearButtons___3KGIf button:nth-of-type(1) {
  background: #fff1f0;
  color: #000;
}
.linearBox___1O8pu .linearButtons___3KGIf button:nth-of-type(2) {
  background: #ffccc7;
  color: #000;
}
.linearBox___1O8pu .linearButtons___3KGIf button:nth-of-type(3) {
  background: #ffa39e;
  color: #000;
}
.linearBox___1O8pu .linearButtons___3KGIf button:nth-of-type(4) {
  background: #ff7875;
  color: #000;
}
.linearBox___1O8pu .linearButtons___3KGIf button:nth-of-type(5) {
  background: #ff4d4f;
  color: #000;
}
.linearBox___1O8pu .linearButtons___3KGIf button:nth-of-type(6) {
  background: #f5222d;
  color: #fff;
}
.linearBox___1O8pu .linearButtons___3KGIf button:nth-of-type(7) {
  background: #cf1322;
  color: #fff;
}
.linearBox___1O8pu .linearButtons___3KGIf button:nth-of-type(8) {
  background: #a8071a;
  color: #fff;
}
.linearBox___1O8pu .linearButtons___3KGIf button:nth-of-type(9) {
  background: #820014;
  color: #fff;
}
.linearBox___1O8pu .linearButtons___3KGIf button:nth-of-type(10) {
  background: #5c0011;
  color: #fff;
}
.linearBox___1O8pu .linearButtons___3KGIf > i {
  display: block;
  width: 0;
  height: 0;
  border-top: none;
  border-right: 4px solid transparent;
  border-bottom: 7px solid #f5222d;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -10px;
  -webkit-transition: left .3s;
  -o-transition: left .3s;
  transition: left .3s;
}
.tagsBox___3fIku {
  padding-bottom: 8px;
}
.tagsBox___3fIku .tagItem___1nK5n {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #91d5ff;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  margin-right: 16px;
  margin-bottom: 8px;
}
.tagsBox___3fIku .tagItem___1nK5n input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.tagsBox___3fIku .tagItem___1nK5n input:disabled {
  cursor: not-allowed;
}
.tagsBox___3fIku .tagItem___1nK5n span {
  display: block;
  height: 30px;
  padding: 0 12px;
  background: #e6f7ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 30px;
  color: #1980ff;
}
.tagsBox___3fIku .tagItem___1nK5n input:checked + span {
  color: #e6f7ff;
  background: #1980ff;
}
.radioBox___10ygV {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
}
.radioBox___10ygV input[type="radio"] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.radioBox___10ygV input[type="radio"]:disabled {
  cursor: not-allowed;
}
.radioBox___10ygV span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  position: relative;
}
.radioBox___10ygV span::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 3px;
  top: 3px;
  background: #1980ff;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  border-radius: 4px;
}
.radioBox___10ygV input:checked + span {
  border-color: #1980ff;
}
.radioBox___10ygV input:checked + span::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.checkBox___Rx0oY {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
}
.checkBox___Rx0oY input[type="checkbox"] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.checkBox___Rx0oY input[type="checkbox"]:disabled {
  cursor: not-allowed;
}
.checkBox___Rx0oY span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  position: relative;
  background: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.checkBox___Rx0oY span::after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 2px;
  top: 3px;
  background: transparent;
  -webkit-transform: rotateZ(0);
      -ms-transform: rotate(0);
          transform: rotateZ(0);
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  opacity: 0;
  border-radius: 2px;
}
.checkBox___Rx0oY input:checked + span {
  border-color: #1980ff;
  background: #1980ff;
}
.checkBox___Rx0oY input:checked + span::after {
  -webkit-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotateZ(-45deg);
  width: 10px;
  height: 6px;
  opacity: 1;
}
.totalScoreBox___2VGYU {
  display: inline-block;
  height: 42px;
  margin-right: 12px;
  line-height: 42px;
  font-size: 16px;
}
.ant-popover-inner-content {
  padding: 4px 8px;
}
.analysisWrap___29Lmn {
  width: 100%;
  border-top: 1px solid #e0e0e0;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.analysisItemWrap___D7ppn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid #e0e0e0;
}
.analysisItemTitle___2Y8S2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 8px 12px;
  border-right: 1px solid #e0e0e0;
  background: #f5f5f5;
  color: #424242;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}
.analysisItemTitle___2Y8S2 > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.analysisItemTitle___2Y8S2 > div > i {
  padding: 4px 0;
  cursor: pointer;
}
.audioTipItem___3y5zv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #616161;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.audioTipItem___3y5zv > b {
  display: inline-block;
  margin-right: 8px;
  font-weight: 600;
}
.eventTipBox___OVDcU {
  width: 144px;
}
.eventTipItem___3Hipq {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 72px;
  margin-bottom: 4px;
  color: #616161;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.eventTipItem___3Hipq > i {
  display: inline-block;
  width: 16px;
  height: 4px;
  margin-right: 8px;
  border-radius: 2px;
}
.analysisTipItem___12YDN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.analysisTipItem___12YDN > i {
  display: inline-block;
  width: 14px;
  height: 2px;
  margin-right: 8px;
  border-radius: 1px;
}
.analysisTipItem___12YDN > span {
  color: #616161;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.analysisTipItem___12YDN:nth-of-type(1) > i {
  height: auto;
}
.analysisItemContent___3mLon {
  padding: 0 16px;
}
.audioBox___3ozZG {
  position: absolute;
  z-index: -1;
}
.audioLoadingBox___2oUbR {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  color: #fff;
  z-index: 101;
}
.eventBoxRoot___3LiTf {
  position: relative;
  min-height: 37px;
}
.eventFlagRoot___3VuJk {
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 3;
}
.eventFlagMsg___2Ua-A {
  position: absolute;
  height: 0 !important;
  width: 100%;
  padding: 0;
  background: transparent;
  border: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.eventFlagMsg___2Ua-A > span {
  display: none;
  padding: 4px 12px;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  color: #242424;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  left: 50%;
  bottom: -24px;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.eventFlagMsg___2Ua-A:hover {
  border-width: 4px;
}
.eventFlagMsg___2Ua-A:hover > span {
  display: inline-block;
}
.audioWave___2s1yK {
  width: 100%;
  height: 38px;
  position: relative;
}
.audioWave___2s1yK div {
  width: 100% !important;
}
.colorMask___b5gX1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dataEmpty___3C9Op {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 180px;
  text-align: center;
  color: #888;
  font-size: 20px;
}
.dataEmpty___3C9Op > i {
  display: block;
}
.pptImgBox___3kDOm {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.0803);
  border-left: 1px solid rgba(0, 0, 0, 0.0803);
}
.pptImgBox___3kDOm > img {
  display: block;
  width: auto;
  height: 100%;
}
.timeLineBox___1NE0o {
  position: absolute;
  left: 0;
  top: 0;
  right: 16px;
  bottom: 0;
}
.timelineBar___13b6u {
  width: 3px;
  background: #1890ff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 3px;
  -webkit-box-shadow: 0 43.14px 19.11px 0 #1890ff55,
    0 22.4px 9.75px 0 #1890ff46,
    0 9.13px 4.89px 0 #1890ff37,
    0 2.07px 2.36px 0 #1890ff22;
          box-shadow: 0 43.14px 19.11px 0 #1890ff55,
    0 22.4px 9.75px 0 #1890ff46,
    0 9.13px 4.89px 0 #1890ff37,
    0 2.07px 2.36px 0 #1890ff22;
  cursor: pointer;
  z-index: 5;
}
.timelineBar___13b6u:hover {
  width: 5px;
}
.tabsWrap___2cBXF {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tabPanel___2YPWx {
  display: inline-block;
  width: 50%;
  padding: 8px 0;
  border-left: none;
  border-top: 2px solid transparent;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background: #f5f5f5;
  text-align: center;
  color: #707070;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.tabPanel___2YPWx.active___61sko {
  border-top-color: #1980ff;
  border-bottom-color: transparent;
  color: #1980ff;
  background: #fff;
}
.tabPanel___2YPWx:nth-last-of-type(1) {
  border-right: none;
}
.paragraphAndCaptions___2phYg {
  height: 100%;
  border-right: 1px solid #d1d1d1;
}
.paragraphAndCaptions___2phYg .ant-input-affix-wrapper {
  margin-right: 8px;
}
.paragraphAndCaptions___2phYg .ant-input-affix-wrapper .ant-input {
  height: 24px;
  font-size: 12px;
  line-height: 1;
}
.paragraphAndCaptions___2phYg .ant-input-affix-wrapper .ant-input::-webkit-input-placeholder {
  font-size: 12px;
  color: #707070;
}
.paragraphAndCaptions___2phYg .ant-input-affix-wrapper .ant-input::-moz-placeholder {
  font-size: 12px;
  color: #707070;
}
.paragraphAndCaptions___2phYg .ant-input-affix-wrapper .ant-input::-ms-input-placeholder {
  font-size: 12px;
  color: #707070;
}
.paragraphAndCaptions___2phYg .ant-input-affix-wrapper .ant-input::placeholder {
  font-size: 12px;
  color: #707070;
}
.tabs___2eCzS {
  width: 100%;
}
.tab___3qKK9 {
  display: inline-block;
  width: 50%;
  padding: 8px 0;
  border-left: none;
  border-top: 2px solid transparent;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background: #f5f5f5;
  text-align: center;
  color: #707070;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.tab___3qKK9.active___3iRsm {
  border-top-color: #1980ff;
  border-bottom-color: transparent;
  color: #1980ff;
  background: #fff;
}
.filterBox___2EPtg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 8px;
}
.filterBox___2EPtg button {
  height: 24px;
  padding: 0 4px;
  line-height: 24px;
  border-radius: 4px;
  outline: none;
  border: 1px solid #d1d1d1;
  background: transparent;
  cursor: pointer;
}
.filterBox___2EPtg button.questionActive___3E4Pj {
  border-color: #eaa300;
  background: -webkit-gradient(linear, left bottom, left top, from(#f2a900), to(#bf8500));
  background: -webkit-linear-gradient(bottom, #f2a900 0%, #bf8500 100%);
  background: -o-linear-gradient(bottom, #f2a900 0%, #bf8500 100%);
  background: linear-gradient(0deg, #f2a900 0%, #bf8500 100%);
}
.contentList___2Q1mY {
  padding: 0 8px;
  overflow: auto;
}
.captionItem___2AeXi {
  width: 100%;
  margin-bottom: 4px;
  padding: 4px;
  border: 1px solid transparent;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  height: auto;
  text-align: left;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.captionItem___2AeXi:hover {
  background: #f5f5f5;
}
.captionItem___2AeXi:hover .itemContent___2RD8D {
  color: #242424;
}
.captionItem___2AeXi:nth-last-of-type(1) {
  margin-bottom: 0;
}
.captionItem___2AeXi .itemContent___2RD8D {
  margin-top: 2px;
  padding: 0 4px;
  color: rgba(36, 36, 36, 0.6);
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}
.captionItem___2AeXi.selected___2_Ccn {
  background: #e6f7ff;
  border-color: #bae7ff;
}
.captionItem___2AeXi.selected___2_Ccn .itemContent___2RD8D {
  color: #242424;
  font-weight: 600;
}
.captionItem___2AeXi.question___9nLR_ .itemContent___2RD8D {
  color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 169, 0, 0.6)), to(rgba(191, 133, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(242, 169, 0, 0.6) 0%, rgba(191, 133, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(242, 169, 0, 0.6) 0%, rgba(191, 133, 0, 0.6) 100%);
  background: linear-gradient(180deg, rgba(242, 169, 0, 0.6) 0%, rgba(191, 133, 0, 0.6) 100%);
  background-clip: text;
}
.captionItem___2AeXi.question___9nLR_:hover .itemContent___2RD8D {
  background: -webkit-gradient(linear, left top, left bottom, from(#f2a900), to(#bf8500));
  background: -webkit-linear-gradient(top, #f2a900 0%, #bf8500 100%);
  background: -o-linear-gradient(top, #f2a900 0%, #bf8500 100%);
  background: linear-gradient(180deg, #f2a900 0%, #bf8500 100%);
  background-clip: text;
}
.captionItem___2AeXi.question___9nLR_.selected___2_Ccn .itemContent___2RD8D {
  background: -webkit-gradient(linear, left top, left bottom, from(#f2a900), to(#bf8500));
  background: -webkit-linear-gradient(top, #f2a900 0%, #bf8500 100%);
  background: -o-linear-gradient(top, #f2a900 0%, #bf8500 100%);
  background: linear-gradient(180deg, #f2a900 0%, #bf8500 100%);
  background-clip: text;
  font-weight: 600;
}
.divider___9j1VT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 4px;
}
.divider___9j1VT::before,
.divider___9j1VT::after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background: #e0e0e0;
}
.divider___9j1VT > span {
  display: inline-block;
  height: 20px;
  width: 52px;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
  font-size: 12px;
  color: #bdbdbd;
}
.paragraphItem___1rh1U {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 2px;
  padding: 6px;
  border-radius: 6px;
  border: 1px solid transparent;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  height: auto;
  text-align: left;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.paragraphItem___1rh1U:hover {
  background: #f5f5f5;
}
.paragraphItem___1rh1U:nth-last-of-type(1) {
  margin-bottom: 0;
}
.paragraphItem___1rh1U .itemHeader___1tckv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.paragraphItem___1rh1U .itemHeader___1tckv > b {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2px;
  height: 16px;
  border-radius: 4px;
  background: #e6f7ff;
  color: #096dd9;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.paragraphItem___1rh1U .itemHeader___1tckv > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 4px;
  color: #424242;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.paragraphItem___1rh1U .itemHeader___1tckv > button {
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  text-align: left;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.paragraphItem___1rh1U .itemHeader___1tckv > button > i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.paragraphItem___1rh1U .itemHeader___1tckv > button > i > svg {
  -webkit-transform: scale(0.8, 0.5);
      -ms-transform: scale(0.8, 0.5);
          transform: scale(0.8, 0.5);
}
.paragraphItem___1rh1U .longTitle___3Ny4h {
  margin-top: 4px;
  color: #424242;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.paragraphItem___1rh1U .itemContent___2RD8D {
  margin-top: 6px;
  color: #616161;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.paragraphItem___1rh1U.selected___2_Ccn {
  border-color: #bae7ff;
  background: #e6f7ff;
}
.paragraphItem___1rh1U.selected___2_Ccn .itemHeader___1tckv > b {
  background: #bae7ff;
}
.paragraphItem___1rh1U.collapsed___2lFyM > .itemHeader___1tckv > button > i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.emptyBox___CFnET {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.timeTip___2PlDk {
  display: inline-block;
  padding: 0 2px;
  border: 1px solid #69c0ff;
  background: #e6f7ff;
  border-radius: 4px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #096dd9;
  position: fixed;
  z-index: 100;
}
.defaultColor___fVeYd {
  fill: #1980ff;
}
.chartTab___1euFF {
  width: 100%;
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  position: relative;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.chartTab___1euFF .chartTabHeader___1vwNk {
  padding: 6px 12px;
  background: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.chartTab___1euFF .chartBox___1dPxa {
  padding: 12px 12px 12px 0;
}
.chartTab___1euFF .chartBox___1dPxa > span {
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
.chartTab___1euFF .fullScreenBtn___1q7z0 {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: #000;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  opacity: 0.6;
}
.chartTab___1euFF .fullScreenBtn___1q7z0 > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}
.chartTab___1euFF .fullScreenBtn___1q7z0 > svg {
  width: 18px;
  height: 18px;
}
.abnormalBox___29f1M {
  width: 100%;
  margin: 0 0 8px;
  background: #fdf6f6;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.abnormalBox___29f1M .topAbnormalBox___2Ehj3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 7px 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.6063);
}
.abnormalBox___29f1M .topAbnormalBox___2Ehj3 > div span {
  font-weight: bold;
}
.abnormalBox___29f1M .topAbnormalBox___2Ehj3 > div span:first-child {
  display: inline-block;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.61);
}
.abnormalBox___29f1M .topAbnormalBox___2Ehj3 .handleText___1spC4 {
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.abnormalBox___29f1M .topAbnormalBox___2Ehj3 .handleAbnormalButton___2sSZh {
  color: #1980ff;
  cursor: pointer;
  width: 52px;
  height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.abnormalBox___29f1M > span {
  margin-left: 8px;
}
.bottomAbnormalBox___W3Z52 {
  width: 100%;
  padding: 12px;
  line-height: 22px;
  margin-top: 6px;
  background: #fff;
  border-radius: 0 0 4px 4px;
}
.bottomAbnormalBox___W3Z52 > button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: #389e0d !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #fff !important;
  border: none;
}
.bottomAbnormalBox___W3Z52 .abnormalTags___ETTz3 {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
.bottomAbnormalBox___W3Z52 .abnormalTags___ETTz3 > button {
  height: 30px;
  padding: 2px 4px;
  color: #1980ff;
  border: none;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  float: right;
}
.bottomAbnormalBox___W3Z52 .abnormalTags___ETTz3 > button > svg {
  margin-right: 4px;
  vertical-align: middle;
}
.bottomAbnormalBox___W3Z52 .abnormalTags___ETTz3 > button > span {
  vertical-align: middle;
}
.bottomAbnormalBox___W3Z52 .handledTextarea___2obwF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #3aacff;
  background: #e6f7ff;
  font-size: 12px;
}
.bottomAbnormalBox___W3Z52 .handledTextarea___2obwF .handledTitle___995wp {
  font-size: 13px;
  color: #666f8d;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.bottomAbnormalBox___W3Z52 .handledTextarea___2obwF .handledTitle___995wp .ant-btn {
  padding: 0;
}
.bottomAbnormalBox___W3Z52 .handledTextarea___2obwF p {
  margin-bottom: 8px;
  color: #242424;
  overflow: hidden;
  position: relative;
}
.bottomAbnormalBox___W3Z52 .handledTextarea___2obwF p > i {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-box-shadow: 0 -3px 3px 6px rgba(255, 255, 255, 0.6);
          box-shadow: 0 -3px 3px 6px rgba(255, 255, 255, 0.6);
}
.bottomAbnormalBox___W3Z52 .handledTextarea___2obwF .message___22Qy4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bottomAbnormalBox___W3Z52 .handledTextarea___2obwF .message___22Qy4 span:first-child {
  color: #666f8d;
  font-weight: bold;
}
.bottomAbnormalBox___W3Z52 .handledTextarea___2obwF .message___22Qy4 span:first-child > span {
  color: #1980ff;
  font-weight: normal;
}
.bottomAbnormalBox___W3Z52 .handledTextarea___2obwF .message___22Qy4 span:last-child {
  color: #666;
}
.bottomAbnormalBox___W3Z52 .noAbnormal___3F06i {
  display: inline-block;
  padding: 4px 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: #999;
}
.bottomAbnormalBox___W3Z52 .abnormalTag___3Nbe8 {
  display: inline-block;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
}
.bottomAbnormalBox___W3Z52 .abnormalTag___3Nbe8:nth-last-of-type(1) {
  margin-right: 0;
}
.abnormalModal___1FuUm .title___22fjb {
  color: #000000d9;
  font-weight: bold;
  font-size: 16px;
}
.abnormalModal___1FuUm .content___2SioS {
  margin: 24px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.abnormalModal___1FuUm .content___2SioS .abnormalTagBox___JovZO {
  width: 270px;
  height: 152px;
  padding: 0 8px;
  font-size: 14px;
  line-height: 20px;
  /* 142.857% */
  color: #242424;
}
.abnormalModal___1FuUm .content___2SioS .abnormalTagBox___JovZO .tags___1bbxJ {
  margin-top: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.abnormalModal___1FuUm .content___2SioS .abnormalTagBox___JovZO .tags___1bbxJ .abnormalTagCheckBoxGroup___fysd4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px 16px;
}
.abnormalModal___1FuUm .content___2SioS .abnormalTagBox___JovZO .noTagTip___1AAFR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100% - 34px);
  margin-top: 14px;
  color: #666;
}
.abnormalModal___1FuUm .content___2SioS .abnormalTagBox___JovZO > span {
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
  /* 142.857% */
}
.abnormalModal___1FuUm .content___2SioS .msg___1bHYK {
  width: 368px;
}
.abnormalModal___1FuUm .content___2SioS .msg___1bHYK > span {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  /* 142.857% */
  color: #242424;
}
.abnormalModal___1FuUm .content___2SioS .msg___1bHYK textarea {
  margin-top: 14px;
  min-height: 112px;
  max-height: 500px;
  outline: none;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
}
.abnormalModal___1FuUm .footer___-N_Sh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.abnormalModal___1FuUm .footer___-N_Sh > button {
  margin-right: 12px;
}
.abnormalModal___1FuUm .footer___-N_Sh > button:last-child {
  margin-right: 0;
}
.abnormalPopover___2LfYr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.6);
}
.abnormalTagsSelector___3F8cO {
  width: 240px;
  padding: 16px 8px;
  background: #fff;
  -webkit-box-shadow: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.abnormalTagsSelector___3F8cO > span {
  display: inline-block;
  padding: 8px 16px 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.tagItem___30yAL {
  padding: 13px 20px;
  border-bottom: 1px solid #f0f0f0;
}
.tagItem___30yAL:nth-last-of-type(1) {
  border-bottom: none;
}
.tagItem___30yAL > label > span {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.abnormalBtnBox___3yYN9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.abnormalBtnBox___3yYN9 > button:nth-of-type(1) {
  margin-right: 12px;
}
.pieChartWrap___3Ip8d {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.lineChart___RiAes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
  color: #5b5b65;
}
.lineChart___RiAes > i {
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
}
.lineChart___RiAes > b {
  font-family: Cairo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.lineChartBox___2Woj6 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 20px;
  margin: 0 8px;
  background: rgba(208, 208, 218, 0.2);
  position: relative;
}
.lineChartBox___2Woj6::after {
  content: '';
  display: block;
  width: 2px;
  height: 10px;
  background: #000;
  position: absolute;
  top: 5px;
  right: 0;
}
.lineChartBox___2Woj6 > span {
  display: block;
  width: 100%;
  height: 10px;
  background: #8338ec;
  position: absolute;
  left: 0;
  top: 5px;
}
.lineChartBox___2Woj6 .lineChartUnit___kx_Us {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.pieChart___1ABra {
  height: 100%;
  position: relative;
}
.pieChart___1ABra:nth-of-type(1) > .labelShow___awyVu > span {
  text-indent: 0;
}
.labelShow___awyVu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 56px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.labelShow___awyVu > i {
  display: block;
  height: 14px;
  margin-bottom: 4px;
  color: #5b5b65;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.labelShow___awyVu span {
  display: inline-block;
  height: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #5b5b65;
  font-family: Cairo;
  white-space: nowrap;
  text-indent: -3px;
}
.labelShow___awyVu span > b {
  display: inline-block;
  font-weight: 400;
  margin-right: -2px;
  vertical-align: bottom;
}
.labelShow___awyVu span > i {
  display: inline-block;
  width: 10px;
  font-size: 20px;
  line-height: 24px;
  color: #96969d;
  font-style: normal;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  white-space: nowrap;
  vertical-align: bottom;
}
.radarBox___3bs5q {
  margin-bottom: 8px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.radarBox___3bs5q .radarLegend___6Y1a3 {
  margin-top: 14px;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.65);
}
.radarBox___3bs5q .radarLegend___6Y1a3 > span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.radarBox___3bs5q .radarLegend___6Y1a3 > span:nth-of-type(1) {
  margin-right: 15px;
}
.radarBox___3bs5q .radarLegend___6Y1a3 > span > i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 6px;
}
.RtChChart___3T1TM {
  width: 100%;
  height: 100%;
  text-align: center;
}
.RtChChart___3T1TM > div {
  display: inline-block;
  vertical-align: middle;
}
.RtChChart___3T1TM > div > canvas {
  height: 100% !important;
}
.RtChChart___3T1TM .RtChTip___18VuW {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.RtChChart___3T1TM .RtChTipItem___2nLeb {
  display: block;
  margin-right: 16px;
  text-align: left;
}
.RtChChart___3T1TM .RtChTipItem___2nLeb:nth-last-of-type(1) {
  margin-right: 0;
}
.RtChChart___3T1TM .RtChTipItem___2nLeb > i {
  display: block;
  font-style: normal;
  font-weight: 300;
  font-size: 11px;
  line-height: 15px;
  color: rgba(51, 51, 51, 0.74);
}
.RtChChart___3T1TM .RtChTipItem___2nLeb > span {
  display: inline-block;
  margin-right: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #333;
}
.RtChChart___3T1TM .RtChTipItem___2nLeb > b {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #333;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.STChart___1Jeud {
  width: 100%;
  height: 100%;
  text-align: center;
}
.STChart___1Jeud > div {
  display: inline-block;
  vertical-align: middle;
}
.STChart___1Jeud > div > canvas {
  height: 100% !important;
}
.STChart___1Jeud .STTip___1WeVi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.STChart___1Jeud .STTipItem___37rtL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 24px;
}
.STChart___1Jeud .STTipItem___37rtL:nth-last-of-type(1) {
  margin-right: 0;
}
.STChart___1Jeud .STTipItem___37rtL > i {
  width: 16px;
  height: 2px;
  margin-right: 8px;
}
.STChart___1Jeud .STTipItem___37rtL > span {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.6063);
}
.captionsWrap___2wX9_ {
  padding: 12px;
  height: 190px;
  position: relative;
}
.captionsWrap___2wX9_ > div:nth-of-type(1) {
  height: 100%;
  overflow: auto;
}
.captionsBox___oLbdt {
  padding: 4px 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #616161;
}
.captionsBox___oLbdt:nth-last-of-type(1) {
  font-weight: 500;
  color: #0003;
  background: #e6f7ff;
  border-radius: 4px;
  border: 1px solid #bae7ff;
}
.chartBoxWrap___2ho81 {
  width: 100%;
  height: 100%;
}
.chartBoxWrap___2ho81 > div:nth-of-type(1) {
  width: 100% !important;
  height: 100%;
}
.chartBoxWrap___2ho81 > div:nth-of-type(1) > canvas {
  width: 100% !important;
  height: 100%;
}
.chartChangeLegends___1nvwr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.changeLegendItem___VW7rW {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.changeLegendItem___VW7rW > i {
  display: inline-block;
  width: 15px;
  height: 2px;
  margin-right: 8px;
  border-radius: 2px;
  background: #ffbe0c;
}
.changeLegendItem___VW7rW > span {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #000000a6;
}
.changeLegendItem___VW7rW:nth-of-type(2) {
  margin-left: 12px;
}
.changeLegendItem___VW7rW:nth-of-type(2) > i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a162f7;
}
.avgScoreShow___1YsYf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.avgScoreShow___1YsYf .avgScore___PJRVb {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
  padding-left: 16px;
  border-right: 1px solid #f0f0f0;
}
.avgScoreShow___1YsYf .avgScore___PJRVb:nth-last-of-type(1) {
  border-right: none;
}
.avgScoreShow___1YsYf .avgScore___PJRVb > i {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #96969d;
}
.avgScoreShow___1YsYf .avgScore___PJRVb > span {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #424141;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
  position: fixed;
  z-index: 10;
}
.courseAIAnalysis___39Rci {
  padding: 12px;
  background: #fff;
  border-radius: inherit;
}
.contentBox___3ayFy {
  margin-bottom: 12px;
}
.contentBox___3ayFy:nth-last-of-type(1) {
  margin-bottom: 0;
}
.contentBox___3ayFy > h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  color: #003a8c;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  position: relative;
  border-radius: 4px;
  background: #e6f7ff;
}
.contentBox___3ayFy > h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 24px;
  background: #1980ff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 0 2px 2px 0;
}
.contentBox___3ayFy .legends___3D4B8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentBox___3ayFy .legends___3D4B8 > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 15px;
}
.contentBox___3ayFy .legends___3D4B8 > span > i {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  border-radius: 50%;
}
.contentBox___3ayFy .legends___3D4B8 > span > b {
  color: #616161;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.contentBox___3ayFy .legends___3D4B8 > span:nth-of-type(1) > i {
  background: #3a86fe;
}
.contentBox___3ayFy .legends___3D4B8 > span:nth-of-type(2) > i {
  background: #8338ec;
}
.contentBox___3ayFy .legends___3D4B8 > span:nth-of-type(3) > i {
  background: #ff006e;
}
.contentBox___3ayFy .legends___3D4B8 > span:nth-of-type(4) > i {
  background: #fa5607;
}
.contentBox___3ayFy .legends___3D4B8 > span:nth-of-type(5) > i {
  background: #ffbe0c;
}
.contentBox___3ayFy .legends___3D4B8 > span:nth-of-type(6) {
  margin-right: 0;
}
.contentBox___3ayFy .legends___3D4B8 > span:nth-of-type(6) > i {
  width: 16px;
  height: 4px;
  margin-right: 8px;
  border-radius: 2px;
  background: #40a9ff;
}
.contentCardWrap___2G1Lp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contentCardWrap___2G1Lp > .contentCard___hQsg4:nth-of-type(2) {
  margin-left: 8px;
  width: calc(100% - 234px);
}
.contentCard___hQsg4,
.contentItem___30yqE {
  padding: 12px 16px 14px 16px;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
  background: #fff;
}
.contentCard___hQsg4 .itemTitle___3w8cU,
.contentItem___30yqE .itemTitle___3w8cU {
  margin-bottom: 4px;
  color: #616161;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.contentCard___hQsg4 .itemTitle___3w8cU > i,
.contentItem___30yqE .itemTitle___3w8cU > i {
  color: #707070;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.contentCard___hQsg4 .itemContent___2YuLF,
.contentItem___30yqE .itemContent___2YuLF {
  margin-bottom: 8px;
  color: #242424;
  font-family: Cairo;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}
.contentCard___hQsg4 .itemContent___2YuLF > i,
.contentItem___30yqE .itemContent___2YuLF > i {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
  color: #cf2a2a;
  text-align: right;
  font-family: Cairo;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
}
.contentCard___hQsg4 .itemContent___2YuLF > i > svg,
.contentItem___30yqE .itemContent___2YuLF > i > svg {
  width: 8px;
  height: auto;
  margin-right: 2px;
}
.contentCard___hQsg4 .compareContent___3bk8z,
.contentItem___30yqE .compareContent___3bk8z {
  height: 14px;
  color: #96969d;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
.contentCard___hQsg4 .compareContent___3bk8z > b,
.contentItem___30yqE .compareContent___3bk8z > b {
  display: inline-block;
  margin-left: 8px;
  color: #707070;
}
.contentItem___30yqE {
  display: inline-block;
  width: calc(25% - 9px);
  margin-right: 12px;
  margin-bottom: 12px;
  background-repeat: no-repeat;
  background-position: right 16px bottom 16px;
  vertical-align: top;
  position: relative;
}
.contentItem___30yqE:nth-of-type(4n) {
  margin-right: 0;
}
.chartBox___Su2HT {
  width: 192px;
  height: 94px;
  overflow: hidden;
}
.inlineChartWrap___3eEDd {
  display: inline-block;
  line-height: 1;
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.pieChartWrap___3ZELP {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: relative;
}
.pieChartWrap___3ZELP > canvas {
  width: 100%;
  height: 100%;
}
.pieChartWrap___3ZELP .tooltipBox___2xptM {
  display: none;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 99;
}
.pieChartWrap___3ZELP .tooltipBox___2xptM > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  line-height: 20px;
}
.pieChartWrap___3ZELP .tooltipBox___2xptM > span > i {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  border-radius: 50%;
}
.pieChartWrap___3ZELP:hover .tooltipBox___2xptM {
  display: block;
}
.barChartWrap___3fc9W {
  width: 56.8px;
  height: 46px;
}
.barChartWrap___3fc9W > canvas {
  width: 100%;
  height: 100%;
}
.barChartWrap___3fc9W > .tooltipBox___2xptM {
  display: none;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 99;
}
.barChartWrap___3fc9W > .tooltipBox___2xptM > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  line-height: 20px;
}
.barChartWrap___3fc9W:hover .tooltipBox___2xptM {
  display: block;
}
.frontChartWrap___6dlEa {
  display: inline-block;
  width: 48px;
  padding-bottom: 16px;
  position: relative;
}
.frontChartWrap___6dlEa .chartBgBox___36gUr {
  width: 100%;
  height: 48px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE3SURBVHgB7ZrLjYNADEA9o4UDEmJKWDrY7WBL2BKSDpJKUkJaSCpJUgEcuYwEQlwQn9gocMrdnshPAozhYDPWuzAGkKIovo0xZwx/8HAgn8s8z8c8z0vzKv6WpqkbxxEwXt7Ismx7u2maLebOY+HgvYe+72uMfy0WfMKHDhvYipcM1RhFEcRx7GhqTFmWc5IkywOpX/1dfpomqKqqtmtXoWHtUrqzEDhfdFqXSvrYvMsHvwKfMULrkoRkIaLrOh0hdtRC3KiFOPNqIQmohbhRC3Hm1UISUAtxoxbizKuFJKAW4kYtxJlXC0lALcSNWogzrxaSgFqIG2qAftlDaKw10wjdvfd/9Ps+JAuRgbCJq8XTnjZODMMAIawE1di2LTVU4+1h2WPw2rFywvAf5EMj/8DrjrbbPAFuYeG2wIHdDQAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  position: relative;
}
.frontChartWrap___6dlEa .chartBgBox___36gUr > .platform___2PEA9 {
  width: 36px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAQCAYAAAB+690jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK5SURBVHgBzZXPTxNBFMd3mwldtkU2sa0FikGoIgTJYkqQgBIknkhMjMHEcPBgvOhBb/oPaDwaDVxMvchRDx6ISYkaE4moFUpjsEgRQrf2J7ZNy3a6blvnFZus1XZrjOA3aTq7+519n533Zh5NEYXDYTNN09fJ0Ep+emqHRWK/yuVyEyaTKUj/gLm/GyAlSuXz+Usaoiv/AQxID1nSEKpBNefsmyVzJJpgYLwlZpD9oaMLxo+fzFrn3Z8Npf55t9fw7KXLQv25rJpqXLFEirFPOXiRwIgiRpHNRGFFg9G4Pp3GSOkFcMdzl7WttSEO1+u+kB4+iKpOejoSibyoxun55ONEnEEQLJkSmTo9izOSVIAZ7OtcHxniBYCxT83wvT1twshQj1AEnHwwbbtwfsTV0rwvpRZHFQiW3uP1G8xGLnX29IB3O6iDv3FtbG7CPs3zXQeCA32dwWJgmsxpajDEsfQNJZPpQpq3P6AWwxxKRUjNAEufzkhowxfhKvlYlpFPneC9DFsjs4xWZmprZF0tI8Mzo6EeTxL4BVJvPd2t0UrvqSplUAOLH9bM9Xt0eGl545d66GxvDo6PDXvA5yK+372jv7dDOKoCA1JdIaXOjPZ7O9ot0bl3y5bLF0ddypTB81hii6FJzk4Odq8r582+/WgpLf6/BvIHNrmnM84WUskIIMr56utYfPhQc1x57/3iarW7jEKyLNMIoXwlE8YSamrcG+c4HXYufLGMnxv2lPN61wKG23ceHVPeg93Yst8Up6oQLQjCtFarZSuZ4DDUsVq5eDhCkcI/1AwBTRW3MxwNX2NJ5mBb00/BV1b9XKPCV06iKGpot9t9z2g0HlFbpX+tbDYLffW1RpKkW6FQCAMdtQsCEIyxBhgIy104xyin09lAetpV0miPUzssEhe6/ApprDdtNlvgO+RNUXLc9iGqAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.frontChartWrap___6dlEa .lineBox___-515a {
  width: 100%;
  height: 48px;
  position: absolute;
  left: 0;
  top: 0;
}
.frontChartWrap___6dlEa .lineBox___-515a > span {
  display: block;
  width: 100%;
}
.frontChartWrap___6dlEa .lineBox___-515a .line___1fV17 {
  height: 6px;
  position: relative;
}
.frontChartWrap___6dlEa .lineBox___-515a .line___1fV17 > i {
  display: inline-block;
  width: 100%;
  height: 0;
  border: 1px dashed transparent;
  position: absolute;
  left: 0;
  top: 2px;
}
.classCardList___1qWyR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-width: 510px;
  background: #fff;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  padding: 12px 0;
}
.headerSwitch___HbSEL {
  padding: 6px;
  margin: 0 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
}
.cardListBox___3O8YS {
  width: 100%;
  padding: 12px 16px;
  overflow-x: hidden;
  overflow-y: auto;
}
.cardListBox___3O8YS::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.cardBox___1xefn {
  overflow: hidden;
}
.tagFilter___m8KDE {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 4px 2px 12px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
}
.tagFilter___m8KDE > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
}
.classCard___2-wlE {
  width: 100%;
  cursor: pointer;
}
.classCard___2-wlE .ant-card {
  border-radius: 8px;
}
.classCard___2-wlE .ant-card-body {
  padding: 8px;
  overflow-x: hidden;
}
.classCard___2-wlE .ant-empty-normal {
  margin: auto;
}
.disabledJump___2AkRv {
  cursor: default;
}
.chartBox___1urdz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 6.25vw;
  min-width: 262px;
  min-height: 90px;
  max-height: 120px;
}
.flexBox___1yymP {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 8px 4px 8px;
}
.flexBox___1yymP > span:first-child {
  color: #96969d;
  font-size: 14px;
  font-weight: 500;
  line-height: 35px;
}
.flexBox___1yymP > span:last-child {
  color: #424141;
  font-size: 14px;
  font-weight: 500;
  line-height: 35px;
}
.normBox___29nM4 {
  width: 22%;
  margin-right: 10px;
}
.normBox___29nM4:first-child {
  margin-left: 6px;
}
.normBox___29nM4:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.normBox___29nM4:nth-child(3) {
  width: 34%;
}
.normBox___29nM4:last-child {
  margin-right: 0;
}
.normName___25Msl {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #96969d;
}
.normValue___2yeT- {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #424141;
}
.normNull___7Sf2y.normValue___2yeT- {
  color: #bdbdbd;
}
.isInClass___SaL9O {
  width: 100%;
  height: 100%;
  padding: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f1faf1;
  border: 1px solid #9fd89f;
  border-radius: 8px;
  cursor: pointer;
}
.isInClass___SaL9O > span {
  margin-left: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #13a10e;
}
.isNoData___1hRTH {
  width: 100%;
  height: 100%;
  padding: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f0f0f0;
  border-radius: 8px;
}
.isNoData___1hRTH > span {
  font-size: 16px;
  font-weight: bold;
  color: #bdbdbd;
}
.isReview___bzIkd {
  width: 100%;
  height: 100%;
  padding: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f9efd8;
  border-radius: 8px;
}
.isReview___bzIkd > span {
  font-size: 16px;
  font-weight: bold;
  color: #eaa300;
}
.actionBar___2aN8N {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 23px;
  margin-top: 4px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.leftBar___2HKCE {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 17px;
  margin-top: 3px;
  margin-left: 4px;
  line-height: 17px;
  cursor: pointer;
}
.leftBar___2HKCE > span {
  margin-left: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #eaa300;
}
.rightBar___3vyXu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.markTags___2BRMv {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 17px;
  margin-top: 3px;
  margin-left: 8px;
  line-height: 17px;
}
.markTags___2BRMv > span {
  margin-left: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #666f8d;
}
.titleBox___1S8In {
  padding: 4px;
  margin-bottom: 4px;
}
.headerFlexBox___2pFAg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.headerFlexBox___2pFAg > span:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  color: #424141;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.headerFlexBox___2pFAg > span:last-child {
  white-space: nowrap;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  line-height: 16.8px;
}
.subFlexBox___vlaji {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 17px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.subLeft___1YICi {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 17px;
  line-height: 17px;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.subLeft___1YICi > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  margin-left: 6px;
}
.subRight___1w8uV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.subRight___1w8uV > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-radius: 50%;
}
.teachingResource___36GjO {
  padding: 12px;
  min-height: 355px;
  background: #fff;
}
.contentBox___3lLf0 {
  display: inline-block;
  width: calc(50% - 6px);
  margin-right: 12px;
  margin-bottom: 12px;
  vertical-align: top;
}
.contentBox___3lLf0:nth-of-type(even) {
  margin-right: 0;
}
.contentBox___3lLf0 > h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  color: #003a8c;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  position: relative;
  border-radius: 4px;
  background: #e6f7ff;
}
.contentBox___3lLf0 > h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 24px;
  background: #1980ff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 0 2px 2px 0;
}
.emptyBox___1FZ0u {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 355px;
}
.content___2XvH9 {
  color: #242424;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.materialItem___1dUcQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  border: 1px solid #00000014;
  border-bottom: none;
}
.materialItem___1dUcQ:nth-of-type(1) {
  border-radius: 4px 4px 0 0;
}
.materialItem___1dUcQ:nth-last-of-type(1) {
  border-bottom: 1px solid #00000014;
  border-radius: 0 0 4px 4px;
}
.materialItem___1dUcQ > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.materialItem___1dUcQ button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 8px;
  line-height: 16px;
  color: #424242;
  border: none;
  font-size: 12px;
  fill: #424242;
}
.materialItem___1dUcQ button:hover svg {
  fill: #1980ff;
}
.noDataTip___1rLuU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  color: #666;
}
.overviewItemWrapper___3E1o5 {
  padding: 12px 16px;
}
.overviewItem___34d_T {
  margin-bottom: 12px;
}
.overviewItem___34d_T:nth-last-of-type(1) {
  margin-bottom: 0;
}
.overviewTitle___1ZhU- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  margin-bottom: 6px;
  padding: 4px 8px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 20px;
}
.overviewTitle___1ZhU- > b {
  font-weight: 500;
}
.overviewTitle___1ZhU- > span {
  margin-left: 4px;
  color: #242424;
  font-weight: 500;
}
.overviewTitle___1ZhU- > .tag___1L5FX {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 5px;
  border: 1px solid #096dd9;
  border-radius: 4px;
  background: #ebf3fc;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  font-style: normal;
  color: #096dd9;
}
.overviewTitle___1ZhU- > .tag___1L5FX:nth-of-type(1) {
  margin-left: 16px;
}
.overviewContent___3bP0f {
  padding: 8px 16px;
  border-radius: 8px;
  background: #f5f5f5;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: #242424;
}
.svgContainer___M10-5 {
  width: 100%;
  height: 600px;
  position: relative;
}
.svgContainer___M10-5 .mm-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-width: 1px;
  border-color: #d4d4d8;
  border-radius: 0.25rem;
  border-style: solid;
  background-color: #ffffff;
  padding: 0.25rem;
  line-height: 1;
  position: absolute;
  left: 17px;
  top: 17px;
}
.svgContainer___M10-5 .mm-toolbar:hover {
  border-color: #a1a1aa;
}
.svgContainer___M10-5 .mm-toolbar svg {
  display: block;
}
.svgContainer___M10-5 .mm-toolbar a {
  display: inline-block;
  text-decoration: none;
}
.svgContainer___M10-5 .mm-toolbar-brand > img {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}
.svgContainer___M10-5 .mm-toolbar-brand > span {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.svgContainer___M10-5 .mm-toolbar-item {
  padding: 3px;
}
.svgContainer___M10-5 .mm-toolbar-brand > *,
.svgContainer___M10-5 .mm-toolbar-item > * {
  min-width: 1rem;
  cursor: pointer;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #a1a1aa;
}
.svgContainer___M10-5 .mm-toolbar-brand.active,
.svgContainer___M10-5 .mm-toolbar-brand:hover,
.svgContainer___M10-5 .mm-toolbar-item.active,
.svgContainer___M10-5 .mm-toolbar-item:hover {
  border-radius: 0.25rem;
  background-color: #e4e4e7;
}
.svgContainer___M10-5 .mm-toolbar-brand.active > *,
.svgContainer___M10-5 .mm-toolbar-brand:hover > *,
.svgContainer___M10-5 .mm-toolbar-item.active > *,
.svgContainer___M10-5 .mm-toolbar-item:hover > * {
  color: #27272a;
}
.svgContainer___M10-5 .mm-toolbar-brand.active,
.svgContainer___M10-5 .mm-toolbar-item.active {
  background-color: #d4d4d8;
}
.svgContainer___M10-5 .markmap-dark .mm-toolbar {
  border-color: #52525b;
  background-color: #27272a;
  color: #a1a1aa;
}
.svgContainer___M10-5 .markmap-dark .mm-toolbar:hover {
  border-color: #71717a;
}
.svgContainer___M10-5 .markmap-dark .mm-toolbar > *:hover {
  background-color: #52525b;
}
.svgContainer___M10-5 .markmap-dark .mm-toolbar > *:hover > * {
  color: #e4e4e7;
}
.bottomTabsWrap___14Ojb {
  margin-top: 8px;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
}
.tabsBox___LWQBf {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.tabsContentWrap___3XsL_ {
  border-radius: 0 0 8px 8px;
}
.contentBox___2DvEC {
  margin-bottom: 12px;
  min-height: 400px;
}
.contentBox___2DvEC > h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  color: #003a8c;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  position: relative;
  border-radius: 4px;
  background: #e6f7ff;
}
.contentBox___2DvEC > h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 24px;
  background: #1980ff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 0 2px 2px 0;
}
.contentBox___2DvEC .emptyBox___3oQjl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 355px;
}
.content___34lrj {
  min-height: 355px;
  color: #242424;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.content___34lrj > p {
  margin: 0;
  padding: 0;
  text-indent: 28px;
}
.classContentSummary___3iYbs {
  padding: 12px;
  background: #fff;
}
.classContentSummary___3iYbs .contentBox___2DvEC {
  min-height: auto;
}
.classContentSummary___3iYbs .content___34lrj {
  min-height: auto;
}
.classContentSummary___3iYbs .emptyBox___3oQjl {
  min-height: 200px;
}
.teachingObjective___icwiP {
  padding: 12px 16px;
}
.teachingObjectiveItem___2MaoQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.teachingObjectiveItem___2MaoQ:nth-last-of-type(1) {
  margin-bottom: 0;
}
.teachingObjectiveItem___2MaoQ > span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
  background: #ebebeb;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  color: #616161;
}
.teachingObjectiveItem___2MaoQ > p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding: 0;
  color: #424242;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.wordsCloud___B6TAy {
  padding: 12px;
  background: #fff;
}
.wordsCloud___B6TAy .content___34lrj {
  height: 355px;
}
.wordsCloud___B6TAy .content___34lrj > div {
  height: 100%;
}
.wordsCloud___B6TAy .content___34lrj .emptyTip___3YCxp {
  display: inline-block;
  width: 100%;
  padding: 12px;
  text-align: center;
}
.mindmap___G9FwY {
  padding: 12px;
  background: #fff;
}
.mindmap___G9FwY .contentBox___2DvEC {
  min-height: 688px;
}
.mindmap___G9FwY .emptyBox___3oQjl {
  min-height: 642px;
}
.mindmap___G9FwY .content___34lrj {
  height: 642px;
}
.mindmap___G9FwY .content___34lrj > div {
  height: 100%;
}
.mindmap___G9FwY .content___34lrj .emptyTip___3YCxp {
  display: inline-block;
  width: 100%;
  padding: 12px;
  text-align: center;
}
.otherClasses___NV8xM {
  padding: 12px;
  background: #fff;
}
.teachingMethod___1fSRg {
  padding: 12px;
  background: #fff;
}
@media screen and (min-width: 1280px) {
  .contentBox___2DvEC.flexBox___15Dt6 {
    display: inline-block;
    width: calc(50% - 12px);
    vertical-align: top;
  }
  .contentBox___2DvEC.flexBox___15Dt6:nth-last-of-type(1) {
    margin-left: 24px;
  }
}
.historyPlayerWrap___iUicq {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  position: relative;
}
.playerWrap___2R42y {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
  background: -webkit-linear-gradient(top, #333 0%, #000 100%);
  background: -o-linear-gradient(top, #333 0%, #000 100%);
  background: linear-gradient(180deg, #333 0%, #000 100%);
  position: relative;
}
.playerWrap___2R42y.notPlayed___1rGDG .controlsWrap___2THhs {
  bottom: 0;
}
.playersList___2MwU9 {
  height: 100%;
  position: relative;
  min-height: 324px;
}
.playersList___2MwU9.onePicture___95_Hh .showInLarge___37IUB {
  width: calc(100% - 8px);
}
.playersList___2MwU9.twoPicture___lWRfK .showInLarge___37IUB {
  width: calc(50% - 12px);
  height: calc(100% - 16px);
  left: 8px;
  top: 8px;
}
.playersList___2MwU9.twoPicture___lWRfK .firstShow___AE38N {
  width: calc(50% - 12px);
  height: calc(100% - 16px);
  right: 8px;
  top: 8px;
}
.playersList___2MwU9.threePicture___3ne49 .showInLarge___37IUB {
  width: calc(66.66% - 12px);
  height: calc(100% - 16px);
  left: 8px;
  top: 8px;
}
.playersList___2MwU9.threePicture___3ne49 .firstShow___AE38N {
  width: calc(33.33% - 12px);
  height: calc(50% - 12px);
  right: 8px;
  top: 8px;
}
.playersList___2MwU9.threePicture___3ne49 .secondShow___2kMJY {
  width: calc(33.33% - 12px);
  height: calc(50% - 12px);
  right: 8px;
  top: calc(50% + 4px);
}
.showBox___FiAuE {
  width: 25%;
  height: calc(33.33% - 6px);
  min-height: 100px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: absolute;
  right: 4px;
  top: 0;
}
.showBox___FiAuE .vjs-control-bar,
.showBox___FiAuE .vjs-picture-in-picture-control,
.showBox___FiAuE .vjs-fullscreen-control,
.showBox___FiAuE .vjs-big-play-button {
  display: none;
}
.showBox___FiAuE.hasSanLv___15Tr8 .vjs-mute-control,
.showBox___FiAuE.hasSanLv___15Tr8 .vjs-volume-panel {
  display: none;
}
.showBox___FiAuE.notVideo___SMnxB > .videoWrap___239fY {
  height: 0;
  overflow: hidden;
}
.showBox___FiAuE > button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  cursor: pointer;
}
.showBox___FiAuE > button.switchBtn___3mnn6 {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.showBox___FiAuE > button.fullScreenBtn___3OKEg {
  display: none;
  position: absolute;
  right: 4px;
  top: 4px;
}
.showBox___FiAuE > i {
  color: #fff;
  text-shadow: 0 0 2px #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  left: 16px;
  top: 16px;
}
.showBox___FiAuE .imgWrap___2kzjX {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.showBox___FiAuE .imgWrap___2kzjX > img {
  max-width: 100%;
  max-height: 100%;
}
.showBox___FiAuE:hover > .fullScreenBtn___3OKEg {
  display: block;
}
.showInLarge___37IUB {
  width: calc(75% - 12px);
  height: calc(100% - 8px);
  right: unset;
  top: 4px;
  left: 4px;
}
.firstShow___AE38N {
  top: 4px;
}
.secondShow___2kMJY {
  top: calc(33.33% + 3px);
}
.thirdShow___2jcpu {
  top: calc(66.66% + 2px);
}
.controlsWrap___2THhs {
  width: 100%;
  height: 52px;
  padding: 0 8px 8px;
  -webkit-transition: bottom .3s;
  -o-transition: bottom .3s;
  transition: bottom .3s;
  position: absolute;
  bottom: -52px;
  left: 0;
  z-index: 99;
}
.controlsWrap___2THhs button {
  display: inline-block !important;
  width: auto !important;
  padding: 0 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
}
.controlsWrap___2THhs button > svg,
.controlsWrap___2THhs button > span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.controlsWrap___2THhs button > span {
  margin-left: 8px;
}
.progress___rgZ6v {
  height: 20px;
  padding: 8px;
  position: relative;
}
.progressLine___3vFrU {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.progressBar____soSG {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.12)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.14));
          filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.12)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.14));
  position: absolute;
  left: 0;
  top: 2px;
  cursor: pointer;
  z-index: 3;
}
.paragraphsList___5hnNG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 16px);
  height: 4px;
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 2;
}
.paragraphsList___5hnNG:hover ~ .hoverTimeAndTitleShow___2OtFC {
  opacity: 1;
}
.paragraphItem___1TORP {
  display: inline-block;
  height: 4px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
.paragraphItem___1TORP:hover {
  height: 8px;
}
.paragraphItem___1TORP.active___1Blrz {
  background: rgba(25, 128, 255, 0.4);
}
.hoverTimeAndTitleShow___2OtFC {
  opacity: 0;
  width: 6px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.hoverTimeAndTitleShow___2OtFC::before,
.hoverTimeAndTitleShow___2OtFC::after {
  content: ' ';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #69c0ff;
  border-bottom: 1px solid #69c0ff;
  -webkit-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
          transform: rotateZ(45deg);
  position: absolute;
  left: 0;
  top: 0;
}
.hoverTimeAndTitleShow___2OtFC::after {
  border-top: 1px solid #69c0ff;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #69c0ff;
  top: unset;
  bottom: 0;
}
.hoverTimeAndTitleShow___2OtFC > span {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  background: #333;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
  position: absolute;
  top: -46px;
  left: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.hoverTimeAndTitleShow___2OtFC > i {
  display: inline-block;
  color: #fff;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.5);
  font-family: Cairo;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  position: absolute;
  top: -18px;
  left: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.statsShow___12FqF {
  position: absolute;
  left: 8px;
  bottom: 73px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-shadow: 0 1px 1px 0 #000000bf;
}
.statsShow___12FqF > span {
  display: inline-block;
  width: 100%;
}
.controls___2GLKA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
}
.controls___2GLKA button {
  height: 100% !important;
  margin: 0 16px 0 0;
}
.leftControl___iOlKL {
  height: 100%;
}
.leftControl___iOlKL .volumeBtn___3dqwg {
  position: relative;
  width: 24px !important;
  -webkit-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
  text-align: left;
}
.leftControl___iOlKL .volumeBtn___3dqwg:hover {
  width: 84px !important;
}
.leftControl___iOlKL .volumeBtn___3dqwg > span {
  display: none;
  width: 60px;
  margin: 0;
  height: 16px;
  padding: 0 4px;
  position: absolute;
  left: 24px;
  bottom: 4px;
}
.leftControl___iOlKL .volumeBtn___3dqwg > span > b {
  display: inline-block;
  width: 100%;
  height: 4px;
  margin-bottom: 5px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.leftControl___iOlKL .volumeBtn___3dqwg > span > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 4px;
  cursor: pointer;
  z-index: 2;
}
.leftControl___iOlKL .volumeBtn___3dqwg:hover > span {
  display: block;
}
.leftControl___iOlKL .volumeBtn___3dqwg + span {
  color: #fff;
}
.rightControl___O4i0P {
  height: 100%;
}
.rightControl___O4i0P > button {
  padding: 0 8px;
}
.dropItem___AjdJc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropItem___AjdJc > svg {
  margin-right: 8px;
}
.dropItem___AjdJc > span {
  color: rgba(0, 0, 0, 0.8);
}
.videoWrap___239fY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.videoBox___2J9BM {
  width: 100%;
  height: 100%;
}
.emptyTip___2o0jC {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 16px;
}
.posterBox___3NnAa {
  width: 100%;
  height: calc(100% - 52px);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right center, right bottom;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.posterHeader___1zQwr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 17.14%;
  padding: 0 16px 0 20px;
}
.posterHeader___1zQwr > img:nth-of-type(1) {
  height: 45px;
}
.posterHeader___1zQwr > img:nth-of-type(2) {
  height: 28px;
}
.courseNameBox___26YYm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 94.44%;
  padding: 16px 32px;
  color: #fff;
  border-radius: 0 8px 8px 0;
  background: #034b93;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  font-size: 32px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-weight: 600;
  line-height: 45px;
}
.teacherName___312pj {
  margin-top: 16px;
  padding: 0 40px;
  color: #034b93;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.teacherName___312pj > span {
  display: inline-block;
  width: 100%;
}
.teacherName___312pj > i {
  display: inline-block;
  margin-top: 8px;
  color: #616161;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.posterFooter___1p3dr {
  padding: 24px 40px;
  position: absolute;
  bottom: 0;
  color: #707070;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.posterFooter___1p3dr > span {
  display: inline-block;
  margin-right: 16px;
}
.livePlayerWrap___3-Hfo {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  position: relative;
}
.playerWrap___3BI5K {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
  background: -webkit-linear-gradient(top, #333 0%, #000 100%);
  background: -o-linear-gradient(top, #333 0%, #000 100%);
  background: linear-gradient(180deg, #333 0%, #000 100%);
  position: relative;
}
.playersList___cJVaM {
  height: 100%;
  position: relative;
  min-height: 324px;
  background: #292929;
}
.playersList___cJVaM.onePicture___2Yza7 .showInLarge___25TNr {
  width: calc(100% - 8px);
}
.playersList___cJVaM.twoPicture___p85bE .showInLarge___25TNr {
  width: calc(50% - 12px);
  height: calc(100% - 16px);
  left: 8px;
  top: 8px;
}
.playersList___cJVaM.twoPicture___p85bE .firstShow___3CDqt {
  width: calc(50% - 12px);
  height: calc(100% - 16px);
  right: 8px;
  top: 8px;
}
.playersList___cJVaM.threePicture___1JPJx .showInLarge___25TNr {
  width: calc(66.66% - 12px);
  height: calc(100% - 16px);
  left: 8px;
  top: 8px;
}
.playersList___cJVaM.threePicture___1JPJx .firstShow___3CDqt {
  width: calc(33.33% - 12px);
  height: calc(50% - 12px);
  right: 8px;
  top: 8px;
}
.playersList___cJVaM.threePicture___1JPJx .secondShow___1yMtU {
  width: calc(33.33% - 12px);
  height: calc(50% - 12px);
  right: 8px;
  top: calc(50% + 4px);
}
.showBox___1zb5F {
  width: 25%;
  height: calc(33.33% - 6px);
  min-height: 100px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: absolute;
  right: 4px;
  top: 0;
}
.showBox___1zb5F > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  color: #fff;
  font-size: 16px;
}
.showBox___1zb5F > div {
  height: 100%;
}
.showBox___1zb5F > div > div:nth-last-of-type(1) {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.showBox___1zb5F .vjs-mute-control,
.showBox___1zb5F .vjs-volume-panel,
.showBox___1zb5F .vjs-control-bar,
.showBox___1zb5F .vjs-picture-in-picture-control,
.showBox___1zb5F .vjs-fullscreen-control,
.showBox___1zb5F .vjs-big-play-button {
  display: none;
}
.showBox___1zb5F.notVideo___3HAw4 > .videoWrap___1MzWD {
  height: 0;
  overflow: hidden;
}
.showBox___1zb5F > button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  cursor: pointer;
}
.showBox___1zb5F > button.switchBtn___3UNGW {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.showBox___1zb5F > button.fullScreenBtn___cHTYV {
  display: none;
  position: absolute;
  right: 4px;
  top: 4px;
}
.showBox___1zb5F > i {
  color: #fff;
  text-shadow: 0 0 2px #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  left: 16px;
  top: 16px;
}
.showBox___1zb5F .imgWrap___1aaTv {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.showBox___1zb5F .imgWrap___1aaTv > img {
  max-width: 100%;
  max-height: 100%;
}
.showBox___1zb5F:hover > .fullScreenBtn___cHTYV {
  display: block;
}
.showInLarge___25TNr {
  width: calc(75% - 12px);
  height: calc(100% - 8px);
  right: unset;
  top: 4px;
  left: 4px;
}
.showInLarge___25TNr .classInfoShow___umCcq {
  display: block;
}
.firstShow___3CDqt {
  top: 4px;
}
.secondShow___1yMtU {
  top: calc(33.33% + 3px);
}
.thirdShow___2r6k8 {
  top: calc(66.66% + 2px);
}
.controls___1coIq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
}
.controls___1coIq button {
  display: inline-block !important;
  width: auto !important;
  height: 100% !important;
  margin: 0 16px 0 0;
  padding: 0 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
}
.controls___1coIq button > svg,
.controls___1coIq button > span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.controls___1coIq button > span {
  margin-left: 8px;
}
.leftControl___1Ubc6 {
  height: 100%;
}
.leftControl___1Ubc6 .volumeBtn___1GF8a {
  position: relative;
  width: 24px !important;
  -webkit-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
  text-align: left;
}
.leftControl___1Ubc6 .volumeBtn___1GF8a:hover {
  width: 84px !important;
}
.leftControl___1Ubc6 .volumeBtn___1GF8a > span {
  display: none;
  width: 60px;
  margin: 0;
  height: 16px;
  padding: 0 4px;
  position: absolute;
  left: 24px;
  bottom: 4px;
}
.leftControl___1Ubc6 .volumeBtn___1GF8a > span > b {
  display: inline-block;
  width: 100%;
  height: 4px;
  margin-bottom: 5px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.leftControl___1Ubc6 .volumeBtn___1GF8a > span > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 4px;
  cursor: pointer;
  z-index: 2;
}
.leftControl___1Ubc6 .volumeBtn___1GF8a:hover > span {
  display: block;
}
.leftControl___1Ubc6 .volumeBtn___1GF8a + span {
  color: #fff;
}
.rightControl___3t2BV {
  height: 100%;
}
.rightControl___3t2BV > button {
  padding: 0 8px;
}
.dropItem___1RKa4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropItem___1RKa4 > svg {
  margin-right: 8px;
}
.dropItem___1RKa4 > span {
  color: rgba(0, 0, 0, 0.8);
}
.controlsWrap___2QT43 {
  width: 100%;
  height: 40px;
  padding: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.8) 100%);
  -webkit-transition: bottom .3s;
  -o-transition: bottom .3s;
  transition: bottom .3s;
  position: absolute;
  bottom: -52px;
  left: 0;
  z-index: 99;
}
.progress___2LzSP {
  height: 20px;
  padding: 8px;
  position: relative;
}
.progressLine___klVst {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.progressBar___f5GEc {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.12)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.14));
          filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.12)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.14));
  position: absolute;
  left: 0;
  top: 2px;
  cursor: pointer;
  z-index: 3;
}
.webrtcPlayerBox___3WCIb {
  width: auto;
  height: 0;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}
.webrtcPlayerBox___3WCIb:hover > .controls___1coIq {
  bottom: 0;
  opacity: 1;
}
.webrtcPlayerBox___3WCIb > audio {
  opacity: 0;
  height: 0;
  width: 0;
  bottom: 0;
  position: absolute;
}
.webrtcPlayerBox___3WCIb > video {
  max-width: 100%;
  max-height: 100%;
  width: 0;
  height: 0;
  opacity: 0;
}
.webrtcPlayerBox___3WCIb > video::-webkit-media-controls-volume-control-container {
  display: none;
}
.withWebrtc___jZ5rx > .webrtcPlayerBox___3WCIb {
  height: auto;
}
.withWebrtc___jZ5rx > .webrtcPlayerBox___3WCIb > video {
  opacity: 1;
  width: auto;
  height: auto;
}
.classInfoShow___umCcq {
  display: none;
  padding: 8px;
  font-size: 16px;
  line-height: 16px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 30px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.wrapper___24n5y {
  margin: 0 -24px;
  padding: 8px 12px;
  font-family: PingFang SC;
}
.header___1o8mU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header___1o8mU .ant-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  margin-left: 8px;
  font-weight: 600;
}
.header___1o8mU .ant-btn:nth-of-type(1) {
  margin-left: 0;
}
.header___1o8mU .ant-btn > i {
  max-width: 20px;
  max-height: 20px;
}
.headerTitleContent___1IVYy {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: rgba(0, 0, 0, 0.8956);
}
.headerTitleContent___1IVYy > span:last-child {
  margin-left: 16px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.4458);
}
.headerOperations___1IcoS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerOperations___1IcoS > button:not(:last-child) {
  color: #424242;
}
.headerOperations___1IcoS > button:not(:last-child) > i > svg {
  fill: #424242;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.headerOperations___1IcoS > button:not(:last-child):hover {
  color: #1980ff;
}
.headerOperations___1IcoS > button:not(:last-child):hover > i > svg {
  fill: #1980ff;
}
.mainContentWrap___rrOY6 {
  min-height: calc(100vh - 168px);
  margin-top: 8px;
}
.leftContent___HeJUs {
  display: inline-block;
  width: calc(100% - 296px);
}
.mainContent___10lBi {
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.playerAndListWrap___1r9IQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.paragraphAndCaptionsWrap___3VOUO {
  height: 100%;
}
.playerBox___1uN0K {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rightContent___fJ2Qy {
  display: inline-block;
  width: 288px;
  margin-left: 8px;
  vertical-align: top;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.drawerBox___fJzNn {
  display: inline-block;
  width: 0;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  height: calc(100vh - 100px);
  vertical-align: top;
  background: #f0f2f5;
  border-radius: 4px;
  position: fixed;
  right: 10px;
  top: 70px;
  z-index: 5;
}
.drawerBox___fJzNn.drawerBoxShow___1xH8K {
  width: 300px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 0 8px 0 #0003, 0 32px 64px 0 #0000003d;
          box-shadow: 0 0 8px 0 #0003, 0 32px 64px 0 #0000003d;
}
.drawerBox___fJzNn > div {
  width: 300px;
}
.drawerBox___fJzNn .ratingHeader___m6-bz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  color: #424242;
  background: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.drawerBox___fJzNn .ratingHeader___m6-bz > span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawerBox___fJzNn .ratingHeader___m6-bz > span > i {
  margin-right: 4px;
}
.drawerBox___fJzNn .ratingHeader___m6-bz > button {
  padding: 0 8px;
  border: none;
  color: #707070;
}
.drawerBox___fJzNn .roleSelect___HarxY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fef7b2;
}
.drawerBox___fJzNn .roleSelect___HarxY > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 8px 16px;
  color: #817400;
}
.drawerBox___fJzNn .roleSelect___HarxY > span > i {
  margin-right: 8px;
}
.drawerBox___fJzNn .roleSelect___HarxY > span > b {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: 424242;
  width: 65px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.drawerBox___fJzNn .roleSelect___HarxY > button {
  height: 40px;
  border: none;
  border-radius: 0;
  background: #fed300;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #424242;
}
.drawerBox___fJzNn .ratingWrap___1vFmy {
  height: calc(100% - 130px);
}
.drawerBox___fJzNn .notSetTip___2axyO {
  height: calc(100% - 89px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #666;
}
.pictureInPictureBox___9bi8o {
  width: 242px;
  color: #fff;
  position: fixed;
  right: 24px;
  bottom: 112px;
  overflow: hidden;
}
.showBox___2ITYw {
  width: 242px;
  height: 136px;
  margin-bottom: 8px;
  border: 1px solid #666;
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  overflow: hidden;
}
.showBox___2ITYw .vjs-control-bar,
.showBox___2ITYw .vjs-picture-in-picture-control,
.showBox___2ITYw .vjs-fullscreen-control,
.showBox___2ITYw .vjs-big-play-button {
  display: none;
}
.showBox___2ITYw .vjs-mute-control,
.showBox___2ITYw .vjs-volume-panel {
  display: none;
}
.showBox___2ITYw:nth-last-of-type(1) {
  margin-bottom: 0;
}
.showBox___2ITYw.notVideo___23qLE > .videoWrap___1vyx3 {
  height: 0;
  overflow: hidden;
}
.showBox___2ITYw > i {
  color: #fff;
  text-shadow: 0 0 2px #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  left: 16px;
  top: 16px;
}
.showBox___2ITYw .imgWrap___1ksv5 {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.showBox___2ITYw .imgWrap___1ksv5 > img {
  max-width: 100%;
  max-height: 100%;
}
.backToTopBtn___12Jh5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  right: 24px;
  bottom: 60px;
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ebf3fc;
  border: 1px solid #d1d9ea;
  -webkit-box-shadow: 0 2px 4px 0 #0000001a;
          box-shadow: 0 2px 4px 0 #0000001a;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.backToTopBtn___12Jh5 > i {
  font-size: 24px;
}
.ratingScaleWrap___HtlY- {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___HtlY- .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___11eES {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___11eES h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___11eES > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.ratingScaleContent___3OxUD {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
  position: relative;
  padding-top: 62px;
}
.contentForm___botPV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___botPV > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox___FUUPy {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
}
.inputBox___FUUPy > span {
  width: auto;
}
.inputBox___FUUPy label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___FUUPy input {
  display: inline-block;
  vertical-align: middle;
}
.contentTable___3NKVG tr th:nth-last-of-type(1),
.contentTable___3NKVG tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___3NKVG tr th:nth-last-of-type(1) button,
.contentTable___3NKVG tr td:nth-last-of-type(1) button {
  padding: 0;
}
.previewWrap___2LHcd {
  display: block;
  height: calc(100% - 90px);
  width: 320px;
  margin-left: 24px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 72px;
  right: 24px;
}
.previewTitle___1yTDm {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___1yTDm button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___36I8d {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.unscoreSwitch___yOSA3 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.unscoreSwitch___yOSA3 > i {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.unscoreSwitch___yOSA3 > button {
  margin: 0 5px 0 10px;
}
.deleteBtn___1XtQg {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-left: 8px;
}
.deleteBtn___1XtQg:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.addTarget___3g9PQ > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___3g9PQ .addItem___1tklC {
  margin-bottom: 24px;
}
.addTarget___3g9PQ .addItem___1tklC > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___3g9PQ .addItem___1tklC > div {
  width: 100%;
}
.addTarget___3g9PQ .addItem___1tklC .textBox___1ZD1z {
  font-size: 16px;
  color: #333333;
}
.addTarget___3g9PQ .addTargetFooter___3GiHd {
  padding-top: 24px;
  text-align: right;
}
.addTarget___3g9PQ .addTargetFooter___3GiHd > button:nth-of-type(1) {
  margin-right: 12px;
}
.addModal___2ods9 {
  width: 767px !important;
}
.addModal___2ods9 .ant-modal-body {
  padding: 0;
}
.addModal___2ods9 .ant-table-placeholder {
  border-radius: 0;
}
.addModal___2ods9 .ant-empty-normal {
  margin: 103px 0;
}
.addModalContent___2rNsG .mainContent___1LqBv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 355px;
}
.addModalContent___2rNsG .filterBox___A2XBh {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.addModalContent___2rNsG .filterItem___106ZF {
  margin-bottom: 16px;
}
.addModalContent___2rNsG .filterItem___106ZF:nth-last-of-type(1) {
  margin-bottom: 0;
}
.addModalContent___2rNsG .filterItem___106ZF > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.addModalContent___2rNsG .contentFooter___3ef0v {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
.addModalContent___2rNsG .searchBtnBox___pgIYU {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.addModalContent___2rNsG .paginationBox___2Xm1P {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 16px 0;
  text-align: center;
}
.addModalFooter___1dM5l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerWran___2q9tY {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #f4a100;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: 8px 24px;
  background: rgba(244, 161, 0, 0.1);
}
.realTimeBoardMain___2T331 {
  padding: 16px 24px;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 30px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  margin-bottom: 16px;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV {
  position: absolute;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 48px;
  height: 48px;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .queryBox___25H60 {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .queryBox___25H60 .ant-select-selection__rendered {
  margin: 0 28px 0 20px;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .hiddenQueryBox___20bmL {
  display: none;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .text___19NBu {
  color: #e8e8e8;
  margin-right: 5px;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .ant-select .ant-select-selection {
  background: none;
  border: 1px solid #8c8383;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .ant-select .ant-select-selection .ant-select-selection-selected-value {
  color: #e6f7ff;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .ant-input-search {
  width: 300px;
  margin-bottom: 30px;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .ant-input-search .ant-input-wrapper > input {
  background: none;
  border-color: #4a5271;
  color: #f5f5f5;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .ant-select-arrow {
  color: #e8e8e8;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .tooltip___335nz {
  color: #888;
  height: 50px;
  width: 150px;
  position: relative;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .tooltip___335nz::before {
  content: "";
  height: 8px;
  width: 150px;
  background: #000;
  opacity: 0.2;
  border-radius: 50%;
  position: absolute;
  top: 67px;
  left: 0;
  -webkit-animation: shadow___1EwkG 1s linear infinite;
          animation: shadow___1EwkG 1s linear infinite;
}
.realTimeBoardMain___2T331 .pageTitle___XTiJ2 .queryWrapper___2-uqV .tooltip___335nz::after {
  border-radius: 5px;
  background: #fff;
  -webkit-animation: rotate___9BwzL 1s linear infinite;
          animation: rotate___9BwzL 1s linear infinite;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  height: 50px;
}
@-webkit-keyframes shadow___1EwkG {
  0%,
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes shadow___1EwkG {
  0%,
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes rotate___9BwzL {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(20px) scale(1, 1);
            transform: translateY(20px) scale(1, 1);
  }
  75% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes rotate___9BwzL {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(20px) scale(1, 1);
            transform: translateY(20px) scale(1, 1);
  }
  75% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ {
  color: #ffffff;
  border-radius: 5px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 164px);
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .pictureWrapper___1yuGt {
  background: rgba(255, 255, 255, 0.05);
  margin-right: 20px;
  width: 65%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .pictureWrapper___1yuGt > div {
  width: 100%;
  position: relative;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .pictureWrapper___1yuGt > div > img {
  width: 100%;
  height: auto;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .pictureWrapper___1yuGt .courseBasicMsg___1BI7N {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 16px;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .pictureWrapper___1yuGt .courseBasicMsg___1BI7N > img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .pictureWrapper___1yuGt .courseBasicMsg___1BI7N > span {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 60px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL {
  background: rgba(255, 255, 255, 0.05);
  width: calc(35% - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .bottomBox___1kxNk {
  width: 100%;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J {
  color: #ffffff;
  border-radius: 5px;
  margin-bottom: 50px;
  position: relative;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .currentTime___1MApN {
  height: 100px;
  font-size: 20px;
  width: 50%;
  padding: 20px 20px;
  text-align: center;
  position: relative;
  left: 50%;
  margin-left: -179px;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .currentTime___1MApN .time___A1kNZ {
  font-size: 26px;
  font-weight: bolder;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .currentData___2xH1Y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .numberWrapper___1F4Go {
  height: 100px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .numberWrapper___1F4Go .bar___GcyIq {
  position: absolute;
  border-radius: 5px;
  width: 6px;
  height: 100%;
  background-color: #178df0;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .numberWrapper___1F4Go .wordWrapper___49pv2 {
  border: 1px solid rgba(62, 128, 245, 0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
          box-shadow: 0 0 20px 0 rgba(62, 128, 245, 0.5);
  height: 100px;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .numberWrapper___1F4Go .wordWrapper___49pv2 .word___2egqc {
  margin-left: 20px;
  margin-top: 18px;
  color: #afb2b1;
  font-size: 14px;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .numberWrapper___1F4Go .wordWrapper___49pv2 .num___1O1cg {
  margin-left: 20px;
  font-size: 30px;
  color: #178df0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .numberWrapper___1F4Go .wordWrapper___49pv2 .unit___1wMfk {
  margin-left: 5px;
  color: #afb2b1;
  font-size: 14px;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .classInfo___3Ese8 {
  padding: 20px 12px;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .classInfo___3Ese8 .title___gw1Z2 {
  font-size: 16px;
  text-align: center;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .boxWrapper___1w2dR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding: 20px 0;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .dataWrapper___Cjx_J .boxWrapper___1w2dR .box___jP3qp {
  position: relative;
  height: 100px;
}
.realTimeBoardMain___2T331 .timeBoardWrapper___2-CTZ .bottomChart___xjlsL .chartWrapper___1dQZ9 {
  color: #ffffff;
  border-radius: 5px;
}
.realTimeBoardMain___2T331 .loadingWrapper___1nnM0 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.realTimeBoardMain___2T331 .dataEmpty___1u3uu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #888;
  font-size: 20px;
}
.realTimeBoardMain___2T331 .dataEmpty___1u3uu > i {
  display: block;
}
.realTimeBoardMain___2T331 .dataRest___220C8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
@-webkit-keyframes warning___1ENgw {
  from {
    text-shadow: 0 0 4px #ff0c01;
  }
  50% {
    text-shadow: 0 0 40px #ff0c01;
  }
  to {
    text-shadow: 0 0 4px #ff0c01;
  }
}
@keyframes warning___1ENgw {
  from {
    text-shadow: 0 0 4px #ff0c01;
  }
  50% {
    text-shadow: 0 0 40px #ff0c01;
  }
  to {
    text-shadow: 0 0 4px #ff0c01;
  }
}
.classroomListWrapper___1w2CQ {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 200px));
  grid-gap: 20px;
  padding: 12px 0;
}
.classroomListWrapper___1w2CQ .classroomItem___3kDOY {
  width: auto;
  padding: 16px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}
.classroomListWrapper___1w2CQ .classroomItem___3kDOY > p {
  font-weight: 800;
  font-size: 16px;
}
.classroomListWrapper___1w2CQ .classroomItem___3kDOY > div {
  font-size: 12px;
}
.wrapper___1TuCI {
  padding: 12px 24px;
  font-family: PingFang SC;
  background: #111111;
  min-height: calc(100vh - 100px);
}
.wrapper___1TuCI .ant-btn {
  color: #000;
  height: 36px;
  background: #eee;
}
.wrapper___1TuCI .ant-btn.ant-btn-primary {
  background: #1980ff;
  color: #fff;
}
.wrapper___1TuCI .headerWrapper___3yaKu {
  display: grid;
  grid-template-columns: 100px 1fr 120px 120px 94px;
  grid-column-gap: 24px;
}
.wrapper___1TuCI .headerWrapper___3yaKu.isLive___1ycq0 {
  grid-template-columns: 100px 1fr /*94px*/;
}
.wrapper___1TuCI .headerWrapper___3yaKu.isLive___1ycq0 .headerTitleContent___cVSBM {
  text-align: left;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wrapper___1TuCI .headerWrapper___3yaKu.hasCourseId___rZ6fX {
  grid-template-columns: 100px 1fr 120px 156px 120px 94px 94px;
}
.wrapper___1TuCI .headerWrapper___3yaKu.hasCourseId___rZ6fX.isLive___1ycq0 {
  grid-template-columns: 100px 1fr 156px 120px /*94px*/;
}
.wrapper___1TuCI .headerWrapper___3yaKu .headerTitleContent___cVSBM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #fff;
}
.wrapper___1TuCI .headerWrapper___3yaKu .headerTitleContent___cVSBM > span:last-child {
  font-size: 14px;
  line-height: 16px;
}
.wrapper___1TuCI .headerWrapper___3yaKu > button {
  font-size: 16px;
}
.wrapper___1TuCI .headerWrapper___3yaKu > button > i {
  font-size: 20px;
  height: 20px;
  vertical-align: middle;
}
.wrapper___1TuCI .headerWrapper___3yaKu > button > span {
  display: inline-block;
  vertical-align: middle;
}
.wrapper___1TuCI .containerMain___1lzBC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrapper___1TuCI .containerLeft___2XrNX {
  width: calc(100% - 472px);
}
.wrapper___1TuCI .containerRight___3Dmer {
  width: 472px;
  padding-left: 24px;
}
.wrapper___1TuCI .imgWrapper___3MEkE {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
  margin-top: 24px;
}
.wrapper___1TuCI .imgWrapper___3MEkE > div {
  border: 1px solid #303032;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  position: relative;
  min-height: 100px;
}
.wrapper___1TuCI .imgWrapper___3MEkE > div > div > img {
  max-width: 100%;
  max-height: 100%;
}
.wrapper___1TuCI .imgWrapper___3MEkE > div > span {
  display: block;
  position: relative;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.wrapper___1TuCI .imgWrapper___3MEkE > div > i {
  position: absolute;
  top: 16px;
  left: 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.wrapper___1TuCI .imgWrapper___3MEkE > div .fullScreenBtn___65jry {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: #000;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  opacity: 0.6;
}
.wrapper___1TuCI .imgWrapper___3MEkE > div .fullScreenBtn___65jry > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}
.wrapper___1TuCI .imgWrapper___3MEkE > div .fullScreenBtn___65jry > svg {
  width: 18px;
  height: 18px;
}
.imgFullScreenShow___3ShNe > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
}
.imgFullScreenShow___3ShNe > div:nth-of-type(2) > div {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0;
}
.imgFullScreenShow___3ShNe img {
  width: 100%;
  height: auto;
}
.historyList___1HeUA {
  width: 100%;
}
.historyList___1HeUA .historyItem___1jhTs {
  width: 100%;
  height: 75px;
  padding: 16px 24px 16px 20px;
  border: none;
  border-left: 4px solid transparent;
  border-radius: 0;
}
.historyList___1HeUA .historyItem___1jhTs.active___9SP78 {
  border-color: #1980ff;
}
.historyList___1HeUA .historyItem___1jhTs > p {
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  font-family: inherit;
  padding: 0;
  margin: 0;
}
.historyList___1HeUA .historyItem___1jhTs > p:nth-of-type(2) {
  font-size: 14px;
  line-height: 16px;
  color: #aaa;
  margin-top: 8px;
}
.historyList___1HeUA .historyItem___1jhTs > p span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 50px);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.historyList___1HeUA .historyItem___1jhTs > p i,
.historyList___1HeUA .historyItem___1jhTs > p b {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.75);
  text-align: right;
}
.videoWrap___1aaVQ {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: -100%;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  z-index: 100;
}
.videoWrap___1aaVQ.videoWrapShow___KNOpd {
  top: 0;
}
.videoBox___1-2Mi {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 10%;
  top: 10%;
}
.videoBox___1-2Mi > button {
  width: 24px;
  height: 24px;
  padding: 3px;
  position: absolute;
  right: 12px;
  top: 12px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.contentWrap___2LHFM {
  width: 100%;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  display: inline-block;
  vertical-align: top;
}
.drawerBox___3UvoV {
  display: inline-block;
  width: 0;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  height: calc(100vh - 164px);
  vertical-align: top;
  background: #f0f2f5;
  border-radius: 4px;
  position: fixed;
  right: 0;
  top: 120px;
}
.drawerBox___3UvoV.drawerBoxShow___3_-Ii {
  width: 448px;
  margin-top: 24px;
  margin-left: 24px;
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.drawerBox___3UvoV > div {
  width: 448px;
}
.drawerBox___3UvoV .ratingWrap___1Uuu2 {
  height: 100%;
}
.liveWrapper___-TML2 {
  height: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.liveWrapper___-TML2 > button {
  width: 24px;
  height: 24px;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 9999;
}
.liveWrapper___-TML2 > button svg {
  width: 22px;
  height: 22px;
}
.liveWrapper___-TML2 > div {
  width: 100%;
}
.liveWrapper___-TML2.fullScreenWrapper___26r14 > div {
  height: calc(56.25vw);
}
.imgWrapper___3wb_D {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
  margin-top: 24px;
}
.imgWrapperWithOthers___335QZ {
  min-height: 200px;
  margin-top: 24px;
  position: relative;
}
.imgWrapperInLive___Rj6r0 {
  height: 100%;
  grid-template-columns: 1fr;
}
.imgWrapperInLive___Rj6r0.imgWrapperWithOthers___335QZ .imgsBox___2S9di.imgsBoxWithOthers___P6iJQ {
  width: 100%;
  height: 20%;
}
.imgWrapperInLive___Rj6r0.imgWrapperWithOthers___335QZ .largeImg___3QIYF {
  left: 8px;
  top: 8px;
  width: calc(100% - 16px);
  height: calc(80% - 24px);
}
.imgWrapperInLive___Rj6r0.imgWrapperWithOthers___335QZ .largeImg___3QIYF > .liveWrapper___-TML2 {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.imgWrapperInLive___Rj6r0.imgWrapperWithOthers___335QZ .largeImg___3QIYF img {
  width: auto;
  max-height: 100%;
  max-width: 100%;
}
.imgWrapperInLive___Rj6r0.imgWrapperWithOthers___335QZ .firstImg___2Crz5 {
  left: 8px;
  top: calc(80% - 8px);
  width: calc(25% - 10px);
  height: 20%;
}
.imgWrapperInLive___Rj6r0.imgWrapperWithOthers___335QZ .secondImg___tlEKs {
  left: calc(25% + 6px);
  top: calc(80% - 8px);
  width: calc(25% - 10px);
  height: 20%;
}
.imgWrapperInLive___Rj6r0.imgWrapperWithOthers___335QZ .thirdImg___Q2p_- {
  left: calc(50% + 4px);
  top: calc(80% - 8px);
  width: calc(25% - 10px);
  height: 20%;
}
.imgWrapperInLive___Rj6r0.imgWrapperWithOthers___335QZ .fourthImg___32Xaf {
  left: calc(75% + 2px);
  top: calc(80% - 8px);
  width: calc(25% - 10px);
  height: 20%;
}
.liveAndImgWrapper___3AH-I {
  border: 1px solid #303032;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  min-height: 100px;
  position: relative;
}
.liveAndImgWrapper___3AH-I.liveAndImgWrapperWithOthers___TfV9z {
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.liveAndImgWrapper___3AH-I > div:nth-of-type(2) {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.liveAndImgWrapper___3AH-I > span {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.liveAndImgWrapper___3AH-I > i {
  position: absolute;
  top: 16px;
  left: 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.liveAndImgWrapper___3AH-I .fullScreenBtn___1o3Ho {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: #000;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  opacity: 0.6;
}
.liveAndImgWrapper___3AH-I .fullScreenBtn___1o3Ho > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}
.liveAndImgWrapper___3AH-I .fullScreenBtn___1o3Ho > svg {
  width: 18px;
  height: 18px;
}
.largeImg___3QIYF {
  left: 0;
  top: 0;
  width: 80%;
  height: 100%;
}
.firstImg___2Crz5 {
  left: calc(80% + 8px);
  top: 0;
  width: calc(20% - 16px);
  height: calc(25% - 10px);
}
.firstImg___2Crz5 > i {
  top: 8px;
  left: 8px;
}
.firstImg___2Crz5 .fullScreenBtn___1o3Ho {
  right: 8px;
  bottom: #7b7b7b;
}
.secondImg___tlEKs {
  left: calc(80% + 8px);
  top: calc(25% + 3px);
  width: calc(20% - 16px);
  height: calc(25% - 10px);
}
.thirdImg___Q2p_- {
  left: calc(80% + 8px);
  top: calc(50% + 6px);
  width: calc(20% - 16px);
  height: calc(25% - 10px);
}
.fourthImg___32Xaf {
  left: calc(80% + 8px);
  top: calc(75% + 10px);
  width: calc(20% - 16px);
  height: calc(25% - 10px);
}
.imgsBox___2S9di.imgsBoxWithOthers___P6iJQ {
  width: calc(20% - 16px);
  height: 100%;
}
.imgsBox___2S9di > div {
  border: 1px solid #303032;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  position: absolute;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.imgsBox___2S9di > div.imgBoxWithoutOthers___2QKMj {
  position: relative;
  cursor: unset;
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
  height: 100%;
}
.imgsBox___2S9di > div > div {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.imgsBox___2S9di > div > div > img {
  max-width: 100%;
  max-height: 100%;
}
.imgsBox___2S9di > div > span {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.imgsBox___2S9di > div > i {
  position: absolute;
  top: 8px;
  left: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.imgsBox___2S9di > div .fullScreenBtn___1o3Ho {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: #000;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  opacity: 0.6;
}
.imgsBox___2S9di > div .fullScreenBtn___1o3Ho > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}
.imgsBox___2S9di > div .fullScreenBtn___1o3Ho > svg {
  width: 18px;
  height: 18px;
}
.ratingScaleWrap___1mn-A {
  padding: 24px 0;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___1mn-A .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___3ZBre {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 20px;
}
.ratingScaleContent___P0_u4 {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
}
.contentForm___2IWZr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___2IWZr > div:nth-of-type(1) > div {
  margin-right: 8px;
}
.contentForm___2IWZr > div:nth-of-type(2) > button {
  margin-right: 8px;
}
.contentForm___2IWZr > div:nth-of-type(2) > button:nth-last-of-type(1) {
  margin-right: 0;
}
.contentTable___hnryD {
  height: calc(100% - 48px);
}
.contentTable___hnryD tr th:nth-last-of-type(1),
.contentTable___hnryD tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___hnryD tr th:nth-last-of-type(1) button,
.contentTable___hnryD tr td:nth-last-of-type(1) button {
  padding: 0;
}
.editModal___V5Jz1 {
  width: 80vw !important;
  height: 80vh !important;
}
.editModal___V5Jz1 > div:nth-of-type(2) > div {
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}
.ratingScaleEditWrap___3zojo {
  background: #f0f2f5;
  height: 80vh;
}
.ratingScaleEditHeader___1Y7IO {
  background: #fff;
  padding: 24px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ratingScaleEditTitle___1YHw_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ratingScaleEditTitle___1YHw_ h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 0;
}
.ratingScaleEditTitle___1YHw_ button:nth-last-of-type(1) {
  margin-left: 8px;
}
.ratingScaleEditHeaderContent___3P-mW {
  text-align: center;
  margin-top: 6px;
}
.ratingScaleEditHeaderContent___3P-mW i {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
}
.ratingScaleEditHeaderContent___3P-mW span {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleEditContent___dBsi- {
  height: calc(100% - 132px);
  overflow: auto;
}
.ratingScaleEditContentItem___1wqL8 {
  width: 80%;
  margin: 24px auto 0;
  padding: 24px;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border-left: 6px solid transparent;
}
.ratingScaleEditContentItem___1wqL8 h6 {
  padding: 8px 12px;
  background: #f5f5f5;
  border-radius: 2px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleEditContentItem___1wqL8:last-child {
  margin-bottom: 24px;
}
.templateItem___3zvT- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.templateItem___3zvT- > span {
  margin-top: 8px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.templateSelect___1an86 {
  display: grid;
  grid-template-columns: 105px 1fr;
  margin-bottom: 8px;
}
.templateSelect___1an86 > span {
  width: 105px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 32px;
}
.selectInput___3CF13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
}
.selectInput___3CF13:hover {
  border-color: #40a9ff;
}
.selectInput___3CF13 i {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.selectInput___3CF13 span {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.inputBox___sTSCq {
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.inputBox___sTSCq label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___sTSCq input {
  display: inline-block;
  vertical-align: middle;
}
.inputBox___sTSCq i {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  position: absolute;
  left: 140px;
  top: 21px;
}
.switchBox___3ui9V {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
.switchBox___3ui9V span {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
  margin-right: 8px;
}
.moduleSelect___1g7QD {
  width: 800px !important;
  height: 80vh;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.moduleSelect___1g7QD .ant-pagination-item {
  margin-bottom: 0;
}
.moduleSelect___1g7QD.withPreview___1IKSr {
  width: 1136px !important;
  padding-right: 336px;
}
.moduleSelect___1g7QD > div:nth-of-type(2) {
  height: 100%;
  overflow: hidden;
}
.moduleSelect___1g7QD > div:nth-of-type(2) > div:nth-of-type(2) {
  height: calc(100% - 108px);
  overflow: hidden;
}
.moduleSelect___1g7QD > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) {
  height: calc(100% - 56px);
  overflow: hidden;
}
.moduleSelect___1g7QD table td:nth-last-of-type(1) button {
  padding: 0;
}
.moduleSelect___1g7QD div[class='ant-table-body'] {
  overflow-x: hidden;
}
.moduleWrap___2Eaqy {
  height: 100%;
  width: 800px;
}
.headForm___241hn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.headForm___241hn > label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headForm___241hn > label > span {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.headForm___241hn > label:nth-of-type(1) {
  width: 224px;
}
.headForm___241hn > label:nth-of-type(1) input {
  width: 180px;
}
.headForm___241hn > label:nth-of-type(2) {
  width: 224px;
}
.headForm___241hn > label:nth-of-type(2) > div {
  width: 180px;
}
.radioBox___1mj2a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.radioBox___1mj2a > span {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.previewWrap___2y0lZ {
  height: calc(80% - 24px);
  width: 320px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  position: fixed;
  top: 100px;
  right: 50%;
  -webkit-transform: translateX(568px);
      -ms-transform: translateX(568px);
          transform: translateX(568px);
  z-index: 1001;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
.previewTitle___XH3Wi {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___XH3Wi button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___1q31r {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.ratingScaleWrap___mIQRY {
  background: #f0f2f5;
  min-height: calc(100vh - 100px);
}
.ratingScaleHeader___7p_Dt {
  background: #fff;
  padding: 24px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ratingScaleTitle___1DdTK {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ratingScaleTitle___1DdTK h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 0;
}
.ratingScaleTitle___1DdTK button:nth-last-of-type(1) {
  margin-left: 8px;
}
.ratingScaleHeaderContent___1GR8W {
  text-align: center;
  margin-top: 6px;
}
.ratingScaleHeaderContent___1GR8W i {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
}
.ratingScaleHeaderContent___1GR8W span {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleContent___Xnbdu {
  height: calc(100% - 48px);
}
.ratingScaleContentItem___S0gzq {
  width: 80%;
  margin: 24px auto 0;
  padding: 24px;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border-left: 6px solid transparent;
}
.ratingScaleContentItem___S0gzq h6 {
  padding: 8px 12px;
  background: #f5f5f5;
  border-radius: 2px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.selectInput___1-rjY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
}
.selectInput___1-rjY:hover {
  border-color: #40a9ff;
}
.selectInput___1-rjY i {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.selectInput___1-rjY span {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.inputBox___AtDIy {
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.inputBox___AtDIy label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___AtDIy input {
  display: inline-block;
  vertical-align: middle;
}
.inputBox___AtDIy i {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  position: absolute;
  left: 140px;
  top: 21px;
}
.switchBox___KXdnz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
.switchBox___KXdnz span {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
  margin-right: 8px;
}
.moduleSelect___3jv_c {
  width: 800px !important;
  height: 80vh;
  overflow: hidden;
  -webkit-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
}
.moduleSelect___3jv_c.withPreview___3VrYS {
  width: 1136px !important;
  padding-right: 336px;
}
.moduleSelect___3jv_c > div:nth-of-type(2) {
  height: 100%;
  overflow: hidden;
}
.moduleSelect___3jv_c > div:nth-of-type(2) > div:nth-of-type(2) {
  height: calc(100% - 108px);
  overflow: hidden;
}
.moduleSelect___3jv_c > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) {
  height: calc(100% - 56px);
  overflow: hidden;
}
.moduleSelect___3jv_c table td:nth-last-of-type(1) button {
  padding: 0;
}
.moduleSelect___3jv_c div[class="ant-table-body"] {
  overflow-x: hidden;
}
.moduleWrap___3q1Y_ {
  height: 100%;
  width: 800px;
}
.headForm___i23mk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.headForm___i23mk > label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.headForm___i23mk > label > span {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.headForm___i23mk > label:nth-of-type(1) {
  width: 224px;
}
.headForm___i23mk > label:nth-of-type(1) input {
  width: 180px;
}
.headForm___i23mk > label:nth-of-type(2) {
  width: 224px;
}
.headForm___i23mk > label:nth-of-type(2) > div {
  width: 180px;
}
.radioBox___1dVd1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.radioBox___1dVd1 > span {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.previewWrap___2umqB {
  height: calc(80% - 24px);
  width: 320px;
  -webkit-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
  position: fixed;
  top: 100px;
  right: 50%;
  -webkit-transform: translateX(568px);
      -ms-transform: translateX(568px);
          transform: translateX(568px);
  z-index: 1001;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
.previewTitle___3l2Ep {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___3l2Ep button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___1TPFx {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.ratingScaleWrap___1kpLc {
  padding: 24px 0;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___1kpLc .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___32Rog {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 20px;
}
.ratingScaleContent___1OhZk {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
}
.contentForm___37L51 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___37L51 > div:nth-of-type(1) > div {
  margin-right: 8px;
}
.contentForm___37L51 > div:nth-of-type(2) > button {
  margin-right: 8px;
}
.contentForm___37L51 > div:nth-of-type(2) > button:nth-last-of-type(1) {
  margin-right: 0;
}
.contentTable___32igY {
  height: calc(100% - 48px);
}
.contentTable___32igY tr th:nth-last-of-type(1),
.contentTable___32igY tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___32igY tr th:nth-last-of-type(1) button,
.contentTable___32igY tr td:nth-last-of-type(1) button {
  padding: 0;
}
.modalContent___3pP8R .filterBar___2eE3a {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.modalContent___3pP8R .tableWrap___2SXsy {
  margin: 8px 0;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  overflow: hidden;
}
.modalContent___3pP8R .tableWrap___2SXsy .ant-table-thead > tr > th,
.modalContent___3pP8R .tableWrap___2SXsy .ant-table-tbody > tr > td {
  padding: 12px 16px;
}
.modalContent___3pP8R .pagination___1TDCz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper___3u5b3 {
  font-family: PingFang SC;
  font-style: normal;
}
.wrapper___3u5b3 > div:nth-of-type(1) {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  padding: 24px 0;
}
.wrapper___3u5b3 .tablePaper___2yNs8 {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 16px 24px;
}
.wrapper___VOCYx .filterHeaderWrapper___2lkK3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.wrapper___VOCYx .filterHeaderWrapper___2lkK3 > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 24px;
}
.wrapper___VOCYx .filterHeaderWrapper___2lkK3 > div > span {
  margin-right: 8px;
  min-width: 34px;
}
.wrapper___VOCYx .useTypeMsg___NBDyX {
  display: inline-block;
  padding: 0 8px;
  line-height: 20px;
  font-size: 12px;
  color: #2f54eb;
  border: 1px solid #adc6ff;
  background: #f0f5ff;
  border-radius: 2px;
}
.wrapper___VOCYx .actionWrap___-9Vv5 > a:not(:last-child) {
  margin-right: 8px;
}
.wrapper___VOCYx .ant-input {
  width: auto;
}
.wrapper___VOCYx .ant-select {
  min-width: 180px;
}
.nameBox___3UxLb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.nameBox___3UxLb > span:nth-of-type(1) {
  margin-right: 16px;
}
.nameBox___3UxLb > span:nth-of-type(2) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wrapper___35mWs {
  height: calc(100vh - 100px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #f0f0f0;
  overflow: auto;
}
.wrapper___35mWs .ant-spin-spinning {
  position: absolute;
  top: 200px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.wrapper___35mWs .header___2wDF8 {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 24px 24px 0 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 146px;
}
.wrapper___35mWs .header___2wDF8 > div:nth-of-type(1) {
  display: grid;
  grid-template-columns: 1fr 60px;
  grid-column-gap: 8px;
}
.wrapper___35mWs .header___2wDF8 > div:nth-of-type(1) > span:nth-of-type(1) {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.wrapper___35mWs .header___2wDF8 > div:nth-of-type(2) {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
}
.wrapper___35mWs .header___2wDF8 > div:nth-of-type(3) {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.wrapper___35mWs .header___2wDF8 > div:nth-of-type(3) span {
  color: red;
}
.wrapper___35mWs .header___2wDF8 > div:not(:nth-of-type(1)) {
  text-align: center;
}
.wrapper___35mWs .body___1yaJt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  padding: 0 24px;
}
.wrapper___35mWs .body___1yaJt .list___3wFK2 {
  width: 256px;
  min-width: 256px;
  margin-right: 16px;
  overflow: auto;
  height: calc(100vh - 270px);
}
.wrapper___35mWs .body___1yaJt .list___3wFK2 .templateTitle___348ng {
  width: 100%;
  padding: 0 16px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  padding-top: 8px;
}
.wrapper___35mWs .body___1yaJt .list___3wFK2 button {
  outline: none;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
}
.wrapper___35mWs .body___1yaJt .list___3wFK2 button:hover {
  background: #e6f7ff;
  color: #1980ff;
}
.wrapper___35mWs .body___1yaJt .list___3wFK2 > button:not(:nth-of-type(1)) {
  padding-left: 38px;
}
.wrapper___35mWs .body___1yaJt .list___3wFK2 .userRow___24bI_ {
  height: 40px;
  width: 100%;
  padding: 0 16px;
  line-height: 40px;
  white-space: nowrap;
}
.wrapper___35mWs .body___1yaJt .list___3wFK2 .userRowSelected___3Mrs4 {
  background: #e6f7ff;
  color: #1980ff;
}
.wrapper___35mWs .body___1yaJt .result___3qq-c {
  width: calc(100% - 272px);
  position: relative;
}
.wrapper___35mWs .body___1yaJt .result___3qq-c > div {
  margin-bottom: 24px;
}
.paper___2pbPZ {
  background: #fff;
  -webkit-box-shadow: inset 1px 0 0 #f0f0f0, inset -1px 0 0 #f0f0f0, inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
          box-shadow: inset 1px 0 0 #f0f0f0, inset -1px 0 0 #f0f0f0, inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
  border-radius: 4px;
}
.tabWrapper___4_jlj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.tabWrapper___4_jlj .tabBtn___1wsPV {
  border: none;
  background: transparent;
  outline: none;
  padding: 0;
  line-height: 46px;
  margin-right: 32px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  position: relative;
}
.tabWrapper___4_jlj .tabBtn___1wsPV > span:nth-of-type(2) {
  margin: 0 8px;
}
.tabWrapper___4_jlj .tabBtn___1wsPV > span:last-child {
  display: inline-block;
  min-width: 24px;
  height: 20px;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}
.tabWrapper___4_jlj .tabBtn___1wsPV::after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 50%;
  right: 0;
  height: 2px;
  background: #1980ff;
  border-radius: 2px;
  width: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.tabWrapper___4_jlj .tabBtn___1wsPV:hover::after {
  width: 100%;
  left: 0;
}
.tabWrapper___4_jlj .selectBtn___1RcAb::after {
  width: 100%;
  left: 0;
}
.tabWrapper___4_jlj > button:last-child {
  margin-right: 0;
}
.titleWrap___2YZef {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.titleWrap___2YZef > span {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.previewScoreItem___2kEhf {
  padding: 24px;
  padding-left: 41px;
  position: relative;
}
.previewScoreItem___2kEhf .required___1viCn {
  color: #ff4d4f;
  font-size: 14px;
  position: absolute;
  top: 24px;
  right: 24px;
}
.previewScoreItem___2kEhf h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  padding-bottom: 18px;
}
.previewScoreItem___2kEhf h6 {
  font-size: 14px;
  font-weight: normal;
}
.previewScoreItem___2kEhf h6 span {
  font-size: 18px;
  margin-right: 5px;
}
.previewScoreItem___2kEhf img {
  width: 100%;
  margin-bottom: 8px;
}
.linearScale___3yeI- h5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.linearScale___3yeI- .scale___1EIVH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
}
.linearScale___3yeI- .scale___1EIVH div {
  height: 38px;
  line-height: 38px;
  text-align: center;
  -webkit-box-shadow: inset -1px 0 0 #f0f0f0;
          box-shadow: inset -1px 0 0 #f0f0f0;
}
.previewMultipleChoice___EwkCL {
  padding: 24px;
  padding-left: 41px;
  position: relative;
}
.previewMultipleChoice___EwkCL .required___1tqLo {
  color: #ff4d4f;
  font-size: 14px;
  position: absolute;
  top: 24px;
  right: 24px;
}
.previewMultipleChoice___EwkCL .tagBox___sZwps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.previewMultipleChoice___EwkCL .tag___3vMJ6 {
  padding: 2px 13px;
  margin-left: 16px;
  margin-top: 8px;
  background: #e6f7ff;
  border: 1px solid #91d5ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}
.previewMultipleChoice___EwkCL h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  padding-bottom: 18px;
  padding-left: 10px;
}
.previewMultipleChoice___EwkCL p {
  padding-left: 10px;
}
.previewMultipleChoice___EwkCL img {
  width: 100%;
  margin-bottom: 8px;
}
.previewMultipleChoice___EwkCL .radioBox___edLoy {
  line-height: 32px;
  margin-bottom: 16px;
}
.previewMultipleChoice___EwkCL .radioBox___edLoy img {
  margin-bottom: 8px;
}
.previewMultipleChoice___EwkCL .radioBox___edLoy .ant-input {
  width: 90%;
}
.previewMultipleChoice___EwkCL .radioBox___edLoy .ant-checkbox-wrapper {
  margin-bottom: 16px;
}
.previewMultipleChoice___EwkCL .radioBox___edLoy .ant-radio-wrapper {
  height: 32px;
  white-space: pre-wrap;
}
.previewMultipleChoice___EwkCL .ant-checkbox-wrapper {
  display: block;
}
.previewMultipleChoice___Syt4o {
  padding: 24px;
  padding-left: 41px;
  position: relative;
}
.previewMultipleChoice___Syt4o .required___33kkr {
  color: #ff4d4f;
  font-size: 14px;
  position: absolute;
  top: 24px;
  right: 24px;
}
.previewMultipleChoice___Syt4o h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  padding-bottom: 18px;
}
.previewMultipleChoice___Syt4o img {
  width: 100%;
  margin-bottom: 8px;
}
.previewMultipleChoice___Syt4o .ant-radio-group {
  display: inline-block;
}
.previewMultipleChoice___Syt4o .ant-radio-wrapper {
  display: inline-block;
}
.previewMultipleChoice___Syt4o .ant-checkbox-group {
  display: inline-block;
}
.previewMultipleChoice___Syt4o .ant-checkbox-wrapper {
  display: inline-block;
}
.row___1JOdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.row___1JOdr .ant-radio-group.ant-radio-group-outline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.firstColumn___24PAN {
  width: 20%;
}
.column___2Y2mK {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 22px;
  margin-bottom: 16px;
}
.checkbox___2V8om {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.radio___1SqS4 {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-column-gap: 12px;
  position: relative;
  padding-top: 16px;
}
.radio___1SqS4 img {
  width: 100%;
  margin-top: 8px;
}
.radio___1SqS4 .ant-input {
  width: calc(100% - 24px);
}
.radio___1SqS4 .anticon {
  cursor: pointer;
  font-size: 20px;
  margin-top: 4px;
  width: 3%;
}
.radio___1SqS4 .anticon.anticon-OptionDrag {
  width: 42px;
  line-height: 32px;
  position: absolute;
  left: -42px;
  top: 30%;
}
.radio___1SqS4 .ant-checkbox + span {
  padding-right: 0;
}
.radio___1SqS4 .uploader___2Pq71 {
  position: absolute;
  right: 26px;
  opacity: 0;
  top: 20px;
  height: 20px;
  width: 32px;
  overflow: hidden;
}
.check___2Yudy {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-column-gap: 12px;
  position: relative;
  padding-top: 16px;
}
.check___2Yudy img {
  width: 100%;
  margin-top: 8px;
}
.check___2Yudy .ant-input {
  width: calc(100% - 24px);
}
.check___2Yudy .anticon {
  cursor: pointer;
  font-size: 20px;
  margin-top: 4px;
  width: 3%;
}
.check___2Yudy .anticon.anticon-OptionDrag {
  width: 42px;
  line-height: 32px;
  position: absolute;
  left: -42px;
  top: 30%;
}
.check___2Yudy .ant-checkbox + span {
  padding-right: 0;
}
.check___2Yudy .uploader___2Pq71 {
  position: absolute;
  right: 26px;
  opacity: 0;
  top: 20px;
  height: 20px;
  width: 32px;
  overflow: hidden;
}
.option___3euW_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 32px;
  position: relative;
  padding-bottom: 16px;
}
.option___3euW_ span {
  display: inline-block;
  width: 24px;
  margin-right: 8px;
}
.option___3euW_ .anticon.anticon-OptionDrag {
  width: 42px;
  line-height: 32px;
  position: absolute;
  margin: 0;
  left: -42px;
  top: 5%;
}
.option___3euW_ .anticon {
  font-size: 20px;
  width: 4%;
  line-height: 32px;
  margin: 0 17px;
}
.radio___3HUF7 {
  padding-bottom: 16px;
  position: relative;
}
.radio___3HUF7 .anticon {
  font-size: 20px;
  width: 4%;
  line-height: 32px;
  margin: 0 17px;
}
.radio___3HUF7 .anticon.anticon-OptionDrag {
  width: 42px;
  line-height: 32px;
  position: absolute;
  margin: 0;
  left: -42px;
  top: 5%;
}
.check___1bu7m {
  padding-bottom: 16px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.check___1bu7m .ant-checkbox + span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.check___1bu7m .ant-checkbox {
  margin: 8px 0;
}
.check___1bu7m .anticon {
  font-size: 20px;
  width: 4%;
  line-height: 32px;
  margin: 0 17px;
}
.check___1bu7m .anticon.anticon-OptionDrag {
  width: 42px;
  line-height: 32px;
  position: absolute;
  margin: 0;
  left: -42px;
  top: 5%;
}
.wrap___jdgPI {
  position: relative;
}
.wrap___jdgPI .previewBox___1VZHG {
  margin-top: 16px;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
}
.wrap___jdgPI .previewBox___1VZHG .dragIcon___ejNs2 {
  position: absolute;
  z-index: 1;
  top: 3px;
  left: calc(50% - 4px);
  font-size: 22px;
  text-align: center;
  height: 30px;
}
.wrap___jdgPI .questionEdit___283xg {
  border-radius: 4px;
  background-color: #fff;
  margin-top: 16px;
  padding: 24px;
  padding-left: 41px;
  padding-top: 0;
  border-left: 8px solid #1980ff;
}
.wrap___jdgPI .questionEdit___283xg .dragIcon___ejNs2 {
  font-size: 22px;
  text-align: center;
  height: 30px;
  color: #666;
}
.wrap___jdgPI .questionEdit___283xg .questionEditHeader___2htwI {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.wrap___jdgPI .questionEdit___283xg .questionEditHeader___2htwI .anticon.anticon-picture {
  font-size: 20px;
  line-height: 40px;
  margin: 0 23px;
}
.wrap___jdgPI .questionEdit___283xg .questionEditHeader___2htwI .uploader___1dm97 {
  position: absolute;
  right: 133px;
  opacity: 0;
  top: 0;
  height: 40px;
  width: 40px;
  overflow: hidden;
}
.wrap___jdgPI .questionEdit___283xg .questionEditFoot___e34Fo {
  border-top: 1px solid #f0f0f0;
  padding-top: 21px;
  overflow: hidden;
  margin-top: 8px;
}
.wrap___jdgPI .questionEdit___283xg .questionEditFoot___e34Fo div {
  float: right;
}
.wrap___jdgPI .questionEdit___283xg .questionEditFoot___e34Fo .isTag___2bPdp {
  float: left;
}
.wrap___jdgPI .questionEdit___283xg .questionEditFoot___e34Fo .isTag___2bPdp span {
  margin-right: 8px;
}
.wrap___jdgPI .questionEdit___283xg .questionEditFoot___e34Fo .anticon {
  font-size: 20px;
  margin-right: 31px;
}
.wrap___jdgPI .questionEdit___283xg .questionEditFoot___e34Fo .switch___inoNi {
  padding-left: 16px;
  border-left: 1px solid #f0f0f0;
}
.wrap___jdgPI .questionEdit___283xg .questionEditFoot___e34Fo .switch___inoNi span {
  margin-right: 8px;
}
.wrap___jdgPI .questionEdit___283xg .titleEdit___36XGX input {
  margin-bottom: 8px;
}
.wrap___jdgPI .questionEdit___283xg img {
  width: 100%;
  margin-top: 8px;
}
.wrap___jdgPI .fixMenu___1sDr2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: -80px;
  top: 0;
  padding: 8px 6px;
  border-radius: 4px;
  background-color: #fff;
}
.wrap___jdgPI .fixMenu___1sDr2 .anticon {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.65);
  padding: 9px;
  margin: 2px;
  background-color: #f5f5f5;
  border-radius: 50%;
}
.wrap___jdgPI .fixMenu___1sDr2 .uploader___1dm97 {
  position: absolute;
  width: 38px;
  height: 38px;
  overflow: hidden;
  opacity: 0;
}
.scoreItrm___QrQ5Q {
  font-size: 14px;
  margin: 16px 0;
  color: #000;
  line-height: 32px;
}
.scoreItrm___QrQ5Q .ant-input {
  width: 90px;
  height: 32px;
}
.linearScale___3FUn4 h5 {
  font-size: 14px;
  margin: 16px 0;
}
.linearScale___3FUn4 h5 .ant-select-selection {
  margin-right: 12px;
}
.linearScale___3FUn4 p {
  margin-bottom: 8px;
}
.linearScale___3FUn4 p span {
  display: inline-block;
  width: 42px;
}
.multipleChoice___6pctd {
  position: relative;
}
.multipleChoice___6pctd .addOption___K285u {
  margin-top: 16px;
}
.multipleChoice___6pctd .addOption___K285u i {
  cursor: pointer;
  font-style: normal;
  color: #1980ff;
  font-size: 14px;
  line-height: 32px;
  margin: 0 5px;
}
.multipleChoice___6pctd .ant-checkbox-group {
  display: block;
}
.multipleChoice___6pctd .ant-checkbox-wrapper {
  display: inline;
  margin-right: 8px;
}
.shortAnswer___3_9Rm {
  padding-top: 16px;
  padding-bottom: 8px;
}
.multipleChoiceGrid___1VkkE {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.multipleChoiceGrid___1VkkE .anticon {
  font-size: 20px;
  width: 4%;
  line-height: 32px;
  margin: 0 17px;
}
.multipleChoiceGrid___1VkkE h4 {
  font-size: 14px;
  line-height: 56px;
}
.multipleChoiceGrid___1VkkE .row___23Qkk {
  width: 50%;
  margin-right: 60px;
}
.multipleChoiceGrid___1VkkE .radioColumn___3BXLm {
  width: 50%;
  margin-right: 60px;
}
.multipleChoiceGrid___1VkkE .checkColumn___32_QQ {
  width: 50%;
}
.multipleChoiceGrid___1VkkE .anticon.anticon-more {
  width: 42px;
  line-height: 32px;
  position: absolute;
  margin: 0;
  left: -42px;
  top: 0;
}
.multipleChoiceGrid___1VkkE .add___24mAF {
  cursor: pointer;
  font-style: normal;
  color: #1980ff;
  font-size: 14px;
  line-height: 32px;
  margin: 0 5px;
}
.Title___2DN6q {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.Title___2DN6q .ant-input {
  height: 48px;
  padding: 12px;
  font-size: 20px;
  font-weight: 600;
}
.Title___2DN6q .anticon {
  font-size: 20px;
  line-height: 48px;
  margin: 0 27px;
  position: relative;
}
.ant-radio-group {
  display: block;
}
.ant-radio-wrapper {
  display: inline;
  margin-right: 0;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
}
.wrap___3cNbL {
  position: relative;
  padding-top: 72px;
  padding-bottom: 36px;
}
.wrap___3cNbL .previewBar___3Uxt6 {
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  border-top: 12px solid #13c2c2;
  padding: 12px;
  padding-left: 42px;
}
.wrap___3cNbL .previewBar___3Uxt6 h2 {
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 18px;
  font-weight: 600;
}
.wrap___3cNbL .previewBar___3Uxt6 p {
  font-style: 14px;
}
.wrap___3cNbL .editBar___2cbQK {
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  border-top: 12px solid #13c2c2;
  padding: 12px 24px 12px 42px;
}
.wrap___3cNbL .editBar___2cbQK .barTitle___36Fpo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.wrap___3cNbL .editBar___2cbQK .barTitle___36Fpo .ant-input {
  height: 48px;
  padding: 12px;
  font-size: 20px;
  font-weight: 400;
}
.wrap___3cNbL .editBar___2cbQK .barTitle___36Fpo .anticon {
  font-size: 20px;
  line-height: 48px;
  margin: 0 27px;
  position: relative;
}
.wrap___3cNbL .editBar___2cbQK .barTitle___36Fpo .menuBox___3IE9l {
  position: relative;
}
.wrap___3cNbL .editBar___2cbQK .barTitle___36Fpo .menuBox___3IE9l .barMenu___2-KJW {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 110px;
  width: 80px;
  height: 104px;
  padding: 4px 0;
  background-color: #fff;
  text-align: center;
}
.wrap___3cNbL .editBar___2cbQK .barTitle___36Fpo .menuBox___3IE9l .barMenu___2-KJW p {
  font-size: 14px;
  line-height: 32px;
  margin: 0;
}
.wrap___3cNbL .editBar___2cbQK .barTitle___36Fpo .menuBox___3IE9l .barMenu___2-KJW p:hover {
  background-color: #f5f5f5;
}
.wrap___3cNbL .fixMenu___1RTu3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: -80px;
  top: 72px;
  padding: 8px 6px;
  border-radius: 4px;
  background-color: #fff;
}
.wrap___3cNbL .fixMenu___1RTu3 .anticon {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.65);
  padding: 9px;
  margin: 2px;
  background-color: #f5f5f5;
  border-radius: 50%;
}
.wrap___3cNbL .fixMenu___1RTu3 .uploader___1JjPc {
  position: absolute;
  width: 38px;
  height: 38px;
  overflow: hidden;
  opacity: 0;
}
.whichBar___3xlyi {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  padding: 8px 16px;
  height: 48px;
  border-radius: 4px 4px 0 0;
  position: absolute;
  top: -48px;
  left: 0;
  background-color: #13c2c2;
}
.rowEditBar___2Ugcv {
  margin-top: 16px;
  padding: 10px 0;
  border-radius: 4px;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.rowEditBar___2Ugcv .anticon {
  font-size: 40px;
}
.rowEditBar___2Ugcv .uploader___1JjPc {
  position: absolute;
  width: 40px;
  height: 40px;
  overflow: hidden;
  opacity: 0;
}
.dragBar___2bnAf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
}
.dragBar___2bnAf .anticon.anticon-OptionDrag {
  padding-top: 10px;
}
.dragBar___2bnAf div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px;
  border-bottom: 1px solid #f5f5f5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dragBar___2bnAf div .anticon {
  cursor: pointer;
}
.dragBar___2bnAf div .anticon.anticon-down {
  margin-left: 20px;
}
.questionnaireTemplateEdit___3tEy1 {
  min-height: 100%;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo {
  min-height: 100%;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo .editHeader___3Iimp {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 24px;
  font-weight: 600;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo .editHeader___3Iimp .editHeaderTitle___1_aZ3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo .editHeader___3Iimp .editHeaderTitle___1_aZ3 .ant-btn {
  width: 60px;
  height: 32px;
  font-size: 14px;
  margin-right: 8px;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo .editHeader___3Iimp .editHeaderContent___2-EHg div {
  max-width: 1100px;
  margin: auto;
  font-size: 16px;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo .editHeader___3Iimp .editHeaderContent___2-EHg div h4 {
  font-weight: normal;
  font-size: 14px;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo .editHeader___3Iimp .editHeaderContent___2-EHg div .ant-input {
  width: 100%;
  height: 40px;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo .editHeader___3Iimp .editHeaderContent___2-EHg div .ant-radio-button-wrapper {
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo .editHeader___3Iimp .editHeaderContent___2-EHg div .ant-select-selection {
  width: 310px;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo .editBody___20-yV {
  background-color: #e5e5e5;
  min-height: 600px;
}
.questionnaireTemplateEdit___3tEy1 .editQusetionnairWrapper___2GWwo .editBody___20-yV .content___-g5iy {
  margin: auto;
  max-width: 1100px;
  min-width: 450px;
  position: relative;
}
.ratingScaleWrap___2DW77 {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___2DW77 .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___IFnLG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___IFnLG h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleContent___32JVw {
  display: block;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
  -webkit-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
}
.ratingScaleContent___32JVw.withPreview___2dOQ7 {
  width: calc(100% - 344px);
}
.contentTable___5d2kq {
  width: 100%;
}
.contentTable___5d2kq tr th:nth-last-of-type(1),
.contentTable___5d2kq tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___5d2kq tr th:nth-last-of-type(1) button,
.contentTable___5d2kq tr td:nth-last-of-type(1) button {
  padding: 0;
}
.previewWrap___Cq8Hd {
  display: block;
  height: calc(100% - 90px);
  width: 320px;
  margin-left: 24px;
  -webkit-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 72px;
  right: 24px;
}
.previewTitle___1U2JI {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___1U2JI button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___MrBcq {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.selectedRow___PKta_ {
  background: #e6f7ff;
}
.roleTab___eOGC1 {
  text-align: center;
}
.filterBox___24VOy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.filterInputBox___30Yu9 {
  display: inline-block;
}
.filterItem___3Ycx_ {
  display: inline-block;
  margin-right: 16px;
}
.filterItem___3Ycx_ > span {
  width: auto;
}
.filterItem___3Ycx_ > div {
  width: 197px;
}
.filterBtnBox___SsFOt > button:nth-of-type(1) {
  margin-right: 8px;
}
.ratingScaleWrap___LDORb {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___LDORb .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___1jr8u {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___1jr8u h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleContent___NR2fT {
  display: block;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
  -webkit-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
}
.ratingScaleContent___NR2fT.withPreview___3jaRg {
  width: calc(100% - 344px);
}
.contentTable___2bC5H {
  width: 100%;
}
.contentTable___2bC5H tr th:nth-last-of-type(1),
.contentTable___2bC5H tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___2bC5H tr th:nth-last-of-type(1) button,
.contentTable___2bC5H tr td:nth-last-of-type(1) button {
  padding: 0;
}
.previewWrap___2z0AP {
  display: block;
  height: calc(100% - 90px);
  width: 320px;
  margin-left: 24px;
  -webkit-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 72px;
  right: 24px;
}
.previewTitle___efYKv {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___efYKv button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___fHff3 {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.selectedRow___3K6AD {
  background: #e6f7ff;
}
.roleTab___Og1na {
  text-align: center;
}
.filterBox___3iVWq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.filterInputBox___1Rgx8 {
  display: inline-block;
}
.filterItem___T8uLp {
  display: inline-block;
  margin-right: 16px;
}
.filterItem___T8uLp > span {
  width: auto;
}
.filterItem___T8uLp > div {
  width: 197px;
}
.filterBtnBox___KcdTd > button:nth-of-type(1) {
  margin-right: 8px;
}
.ratingScaleWrap___17hyY {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
  overflow: auto;
}
.ratingScaleWrap___17hyY .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___3U6fm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___3U6fm .ratingScaleHeaderLeft___1Ogj- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ratingScaleHeader___3U6fm h2 {
  margin-right: 24px;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___3U6fm > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.weekRangeSelector___1Knw6 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.weekRangeSelector___1Knw6 > span {
  padding-bottom: 5px;
}
.weekRangeSelector___1Knw6 > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 150px;
}
.weekRangeSelector___1Knw6 > div > div {
  border: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.weekRangeSelector___1Knw6 > div > div > div {
  margin-right: 11px !important;
}
.weekRangeSelector___1Knw6 > div > div > span {
  display: none;
}
.totalCardsBox___3JeYn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.totalCardsBox___3JeYn .totalCard___1_1QK {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 131px;
  margin: 0 24px 0 0;
  padding: 24px 24px 20px;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  overflow: hidden;
}
.totalCardsBox___3JeYn .totalCard___1_1QK::before {
  content: " ";
  position: absolute;
  width: 5px;
  top: 0;
  bottom: 0;
  left: 0;
}
.totalCardsBox___3JeYn .totalCard___1_1QK:nth-of-type(1)::before {
  background: #c11f1f;
}
.totalCardsBox___3JeYn .totalCard___1_1QK:nth-of-type(2)::before {
  background: #ff6b00;
}
.totalCardsBox___3JeYn .totalCard___1_1QK:nth-of-type(3)::before {
  background: #e9bf2b;
}
.totalCardsBox___3JeYn .totalCard___1_1QK:nth-of-type(4)::before {
  background: #46b83d;
}
.totalCardsBox___3JeYn .totalCard___1_1QK:nth-of-type(5) {
  margin: 0;
}
.totalCardsBox___3JeYn .totalCard___1_1QK:nth-of-type(5)::before {
  background: #1980ff;
}
.totalCardsBox___3JeYn .totalCard___1_1QK i {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
}
.totalCardsBox___3JeYn .totalCard___1_1QK span {
  display: block;
  margin-top: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 38px;
  color: rgba(0, 0, 0, 0.85);
}
.totalCardsBox___3JeYn .totalCard___1_1QK span > b {
  font-size: 20px;
  line-height: 28px;
  margin-left: 16px;
}
.totalCardsBox___3JeYn .totalCard___1_1QK b {
  margin-left: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.contentCard___pBccI {
  width: 100%;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  margin-top: 16px;
}
.contentCard___pBccI.halfCard___2kiYA {
  display: inline-block;
  width: calc(50% - 8px);
  vertical-align: top;
}
.contentCard___pBccI.halfCard___2kiYA:nth-of-type(4),
.contentCard___pBccI.halfCard___2kiYA:nth-of-type(5) {
  min-height: 767px;
}
.contentCard___pBccI.halfCard___2kiYA:nth-of-type(odd) {
  margin-left: 16px;
}
.contentCard___pBccI h6 {
  padding: 12px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contentCard___pBccI h6 span {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.85);
}
.cardContentBox___39OMs {
  padding: 24px;
  -webkit-box-shadow: inset 0 1px 0 #f0f0f0;
          box-shadow: inset 0 1px 0 #f0f0f0;
}
.paginationBox___2AHBY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chartBox___2st5T {
  display: inline-block;
  width: calc(100% - 180px);
  vertical-align: top;
  position: relative;
}
.chatLegend___YbZPt {
  position: absolute;
  right: 180px;
  top: 20px;
}
.chatLegend___YbZPt > span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
  vertical-align: middle;
}
.chatLegend___YbZPt > span:nth-of-type(1) {
  margin-left: 0;
}
.chatLegend___YbZPt > span > i {
  display: inline-block;
  width: 20px;
  height: 10px;
  border-radius: 4px;
  margin-right: 5px;
}
.chatLegend___YbZPt > span > b {
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
}
.chatLegend___YbZPt > span:nth-of-type(even) > i {
  height: 2px;
}
.rankList___3wBWB {
  display: inline-block;
  width: 180px;
  vertical-align: top;
  height: 300px;
  overflow: auto;
  padding-right: 5px;
}
.rankList___3wBWB .ranListItem___boN8B {
  margin-bottom: 14px;
}
.rankList___3wBWB .ranListItem___boN8B:nth-of-type(1) i,
.rankList___3wBWB .ranListItem___boN8B:nth-of-type(2) i,
.rankList___3wBWB .ranListItem___boN8B:nth-of-type(3) i {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
}
.rankList___3wBWB .ranListItem___boN8B:nth-last-of-type(1) {
  margin-bottom: 0;
}
.rankList___3wBWB .ranListItem___boN8B i {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.rankList___3wBWB .ranListItem___boN8B span {
  display: inline-block;
  width: calc(100% - 80px);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  margin-left: 16px;
  margin-right: 16px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.rankList___3wBWB .ranListItem___boN8B b {
  display: inline-block;
  width: 28px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.ratingScaleWrap___2n8p3 {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___2n8p3 .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___2LjTH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___2LjTH h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___2LjTH > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.weekRangeSelector___2jiXD {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.weekRangeSelector___2jiXD > span {
  padding-bottom: 5px;
}
.weekRangeSelector___2jiXD > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 150px;
}
.weekRangeSelector___2jiXD > div > div {
  border: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.weekRangeSelector___2jiXD > div > div > div {
  margin-right: 11px !important;
}
.weekRangeSelector___2jiXD > div > div > span {
  display: none;
}
.ratingScaleContent___2blmm {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
}
.contentForm___EU6jq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___EU6jq > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox___22CJn {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
}
.inputBox___22CJn label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___22CJn input {
  display: inline-block;
  vertical-align: middle;
}
.contentTable___3upfr tr th:nth-last-of-type(1),
.contentTable___3upfr tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___3upfr tr th:nth-last-of-type(1) button,
.contentTable___3upfr tr td:nth-last-of-type(1) button {
  padding: 0;
}
.previewWrap___2m2JN {
  display: block;
  height: calc(100% - 90px);
  width: 320px;
  margin-left: 24px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 72px;
  right: 24px;
}
.previewTitle___2MoU7 {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___2MoU7 button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___2bI-Q {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.roleTab___3jeOc {
  text-align: center;
}
.issueTracking___1eh_E {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  padding: 76px 12px 60px;
  background-color: #f0f2f5;
}
.issueTracking___1eh_E .pageTitle___tNvtB {
  display: grid;
  grid-template-columns: 1fr 128px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.issueTracking___1eh_E .pageTitle___tNvtB h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
}
.issueTracking___1eh_E .main___3NHnC {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.issueTracking___1eh_E .main___3NHnC .filterBar____rUjB {
  padding: 10px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #d1d1d1;
}
.issueTracking___1eh_E .main___3NHnC .filterBar____rUjB .btnBox___ucGqV {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.issueTracking___1eh_E .content___2m8wy {
  padding: 12px 15px;
}
.issueTracking___1eh_E .content___2m8wy i {
  font-style: normal;
}
.issueTracking___1eh_E .content___2m8wy .tableList___hclXJ {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}
.issueTracking___1eh_E .content___2m8wy .tableList___hclXJ > div:last-child {
  border-bottom: none;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 {
  border-bottom: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 16px;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 > div:nth-child(1) {
  width: 42px;
  color: #707070;
  font-family: Cairo;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 > div:nth-child(1) span {
  font-size: 12px;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemTitle___3_7I- {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemTitle___3_7I- h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
  color: #242424;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemTitle___3_7I- h4 span {
  padding: 0 6px;
  border-radius: 16px;
  border: 1px solid #d4380d4d;
  background: #d4380d26;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: #d4380d;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemTitle___3_7I- p {
  margin: 0;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  color: #707070;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemTitle___3_7I- p i {
  font-weight: 500;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .handler___wyc9D {
  width: 280px;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .handler___wyc9D p {
  margin: 0;
  color: #707070;
  font-size: 12px;
  line-height: 16.8px;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .handler___wyc9D h4 {
  margin: 0;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  color: #242424;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .handler___wyc9D h4 span {
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .handler___wyc9D h4 i {
  font-weight: 400;
  color: #424242;
  font-size: 12px;
  line-height: 16.8px;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemStatus___3Ly-X {
  width: 310px;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemStatus___3Ly-X .resolutionStatus___2loFo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 16px;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemStatus___3Ly-X .resolutionStatus___2loFo p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #707070;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemStatus___3Ly-X .resolutionStatus___2loFo h4 {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-family: Cairo;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemStatus___3Ly-X > p {
  margin: 0;
  margin-top: 4px;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  color: #707070;
}
.issueTracking___1eh_E .content___2m8wy .issueItem___1hVU8 .itemStatus___3Ly-X > p span {
  color: #616161;
  font-weight: 500;
}
.issueTracking___1eh_E .content___2m8wy .issueItemPending___GnsDh {
  background: #fdf6f6;
}
.issueTracking___1eh_E .content___2m8wy .issueItemProcessed___uXInW {
  background: #f2fbf9;
}
.issueTracking___1eh_E .content___2m8wy .pagination___1GwCf {
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.issueTracking___1eh_E .content___2m8wy .pagination___1GwCf > span {
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  color: #000000a6;
}
.issueTracking___1eh_E .ant-select-selection--single {
  height: 40px;
  background: #dceeff;
  color: #1980ff;
  border: none;
  font-weight: 600;
}
.issueTracking___1eh_E .ant-select-selection__rendered {
  line-height: 40px;
}
.issueTracking___1eh_E .ant-select-arrow {
  color: #1980ff;
}
.issueTracking___1eh_E .ant-select {
  width: 100px;
}
.modalContent___xbnKI .filterBar___Ilp6a {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.modalContent___xbnKI .tableWrap___3So5k {
  margin: 8px 0;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  overflow: hidden;
}
.modalContent___xbnKI .tableWrap___3So5k .ant-table-thead > tr > th,
.modalContent___xbnKI .tableWrap___3So5k .ant-table-tbody > tr > td {
  padding: 12px 16px;
}
.modalContent___xbnKI .pagination___2awvW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.modalContent___xbnKI .highlightRow___2-hRq {
  background-color: #f1faf1;
}
.modalContent___msVid .filterBar___3qnhJ {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.modalContent___msVid .tableWrap___2ESVf {
  margin: 8px 0;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  overflow: hidden;
}
.modalContent___msVid .tableWrap___2ESVf .ant-table-thead > tr > th,
.modalContent___msVid .tableWrap___2ESVf .ant-table-tbody > tr > td {
  padding: 12px 16px;
}
.modalContent___msVid .pagination___qkSfO {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-snow * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
          box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 5px #ddd;
          box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.Editor___1uzL2 {
  border-radius: 4px;
}
.Editor___1uzL2 .sep___3KOX1 {
  border: 1px solid #e0e0e0;
  margin: 0 10px;
  float: left;
  height: 24px;
}
.Editor___1uzL2 .toolbar___2rq7H {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: none;
}
.Editor___1uzL2 .toolbar___2rq7H::after {
  content: none;
}
.Editor___1uzL2 .uploadButtons___2OMt0 .customUploadBtn___2PFUy {
  padding: 5px 12px;
  gap: 4px;
  width: 106px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #424242;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.Editor___1uzL2 .ql-container.ql-snow {
  min-height: 180px;
}
.Editor___1uzL2 .ql-container {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.Editor___1uzL2 .ql-editor {
  caret-color: #1980ff;
}
.fullscreenContainer___zaO6P {
  position: fixed;
  top: 52px;
  bottom: 40px;
  padding-top: 50px;
  padding-bottom: 50px;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: auto;
}
.closeButton___3nYuP {
  position: fixed;
  top: 78px;
  right: 18px;
  z-index: 1001;
  font-weight: 600;
}
.fullscreenImage___3XXpT {
  max-width: 100%;
  max-height: 100%;
}
.treeSelectWrapper___2QOrt .ant-spin-spinning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ ul {
  padding-left: 22px;
  border-left: 1px dashed #aaa;
  margin-left: 10px;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  outline: none;
  background: transparent;
  border: none;
  cursor: pointer;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ li {
  list-style: none;
  position: relative;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItem___1u4QS {
  position: relative;
  display: grid;
  grid-template-columns: 30px 1fr 24px;
  justify-items: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  line-height: 40px;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItem___1u4QS > div:nth-of-type(1) {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 18px;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItem___1u4QS > span {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 16px;
  color: #333;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItem___1u4QS > span > span {
  display: inline-block;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItem___1u4QS > span:nth-of-type(2) {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #46b83d;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItem___1u4QS:hover {
  background: #ddefff;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItem___1u4QS::before {
  content: '';
  width: 16px;
  position: absolute;
  top: 50%;
  left: -22px;
  border-bottom: 1px dashed #aaa;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .classroomSelected___5Fy4w {
  background: #ddefff;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItemCampus___2RfN8 {
  display: grid;
  grid-template-columns: 30px 1fr 24px;
  justify-items: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  background: #fafafa;
  padding: 0 24px;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItemCampus___2RfN8 > div:nth-of-type(1) {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItemCampus___2RfN8 > span {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 25px;
  color: #333;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .liItemCampus___2RfN8 + ul {
  padding: 0 24px;
}
.treeSelectWrapper___2QOrt .treeWrapper___TRjLZ .fadeEnter___mqkEN {
  min-height: 0;
}
.treeSelectWrapper___2QOrt .noData___24oyv {
  text-align: center;
  margin-top: 50px;
}
.editIssue___vG8DE {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  padding: 76px 12px 60px;
  background-color: #f0f2f5;
}
.editIssue___vG8DE .pageTitle___3HU0p {
  display: grid;
  grid-template-columns: 32px 1fr 128px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.editIssue___vG8DE .pageTitle___3HU0p .backBtn___2XpHT {
  padding: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.editIssue___vG8DE .pageTitle___3HU0p h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
}
.editIssue___vG8DE .main___3cJWt {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  padding-top: 24px;
}
.editIssue___vG8DE .content___19PQ0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: auto;
  height: 100%;
  gap: 24px;
}
.editIssue___vG8DE .content___19PQ0 .left___1XKut {
  width: 696px;
}
.editIssue___vG8DE .content___19PQ0 .left___1XKut h3 {
  margin-bottom: 5px;
  color: #242424;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.editIssue___vG8DE .content___19PQ0 .left___1XKut h3 span {
  margin-left: 4px;
  color: #bc2f32;
  font-weight: 500;
}
.editIssue___vG8DE .content___19PQ0 .left___1XKut h3 i {
  font-style: normal;
  color: #707070;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: right;
  float: right;
}
.editIssue___vG8DE .content___19PQ0 .left___1XKut .btnBox___2eBiy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding-bottom: 24px;
}
.editIssue___vG8DE .content___19PQ0 .left___1XKut .btnBox___2eBiy > button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U {
  width: 240px;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U h3,
.editIssue___vG8DE .content___19PQ0 .right___1EC1U p {
  margin-bottom: 0;
  font-weight: 400;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .line___3wTD0 {
  margin: 12px 0;
  border: 1px solid #e0e0e0;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .issueType___3cKNv {
  padding: 6px 0;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .issueType___3cKNv .itemTitle___34q86 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .issueType___3cKNv .itemTitle___34q86 h3 {
  font-size: 14px;
  line-height: 26px;
  color: #242424;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .issueType___3cKNv .itemTitle___34q86 span {
  margin-left: 4px;
  color: #bc2f32;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .issueType___3cKNv .itemTitle___34q86 i {
  cursor: pointer;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .settingItem___24gyO {
  padding: 6px 0;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .settingItem___24gyO h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 14px;
  color: #242424;
  line-height: 20px;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .settingItem___24gyO h3 a {
  text-decoration: underline;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .settingItem___24gyO .itemInfo___3DM3_ {
  background: #fafafa;
  padding: 4px;
  border-radius: 4px;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .settingItem___24gyO p {
  margin-top: 2px;
  color: #616161;
  font-size: 12px;
  line-height: 16px;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .itemInfo___3DM3_ {
  background: #fafafa;
  padding: 4px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #bdbdbd;
  font-size: 14px;
  line-height: 19.6px;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .itemInfo___3DM3_ .info___wF4Sf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .itemInfo___3DM3_ h4 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  text-align: left;
  color: #424242;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .itemInfo___3DM3_ h4 span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  color: #707070;
}
.editIssue___vG8DE .content___19PQ0 .right___1EC1U .itemInfo___3DM3_ p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  color: #707070;
}
.SelectDaysWrap___KJAQN {
  position: relative;
  height: 32px;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  line-height: 32px;
  padding-left: 12px;
  cursor: pointer;
}
.SelectDaysWrap___KJAQN .selectBox___TGsP_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.SelectDaysWrap___KJAQN .selectBox___TGsP_ .placeholder___2SliG {
  color: rgba(0, 0, 0, 0.25);
}
.SelectDaysWrap___KJAQN .selectBox___TGsP_ .tag___2c1oH {
  width: 120px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  height: 24px;
  margin-right: 2px;
  padding: 0 8px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  line-height: 24px;
  padding-right: 20px;
}
.SelectDaysWrap___KJAQN .selectBox___TGsP_ .tag___2c1oH > i {
  position: absolute;
  right: 0;
  top: 5px;
}
.SelectDaysWrap___KJAQN .selectBox___TGsP_ .maxPlaceholder___2PCHk {
  color: rgba(0, 0, 0, 0.25);
  padding: 0 8px;
}
.SelectDaysWrap___KJAQN .disabledBox___219VY {
  color: rgba(0, 0, 0, 0.25);
}
.SelectDaysWrap___KJAQN .disabledBox___219VY .tag___2c1oH {
  background: none;
  border: none;
}
.SelectDaysWrap___KJAQN .arrow___2n6ij {
  position: absolute;
  right: 12px;
  top: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
}
.SelectDaysWrap___KJAQN .options___1R6V7 {
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 100;
  width: 240px;
  padding: 4px 0;
  padding-left: 12px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.disabled___tKI9w {
  cursor: not-allowed;
  background: #f5f5f5;
}
.selectClassroomModal .ant-modal-header {
  display: none;
}
.selectClassroomModal .ant-modal-body {
  padding: 0;
}
.issueDetail___35hol {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  padding: 76px 12px 60px;
  background-color: #f0f2f5;
}
.issueDetail___35hol .pageTitle___3GYtR {
  display: grid;
  grid-template-columns: 32px 1fr 128px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.issueDetail___35hol .pageTitle___3GYtR .backBtn___1wRvN {
  padding: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.issueDetail___35hol .pageTitle___3GYtR h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
}
.issueDetail___35hol .main___2pYQs {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  overflow: auto;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  padding-top: 24px;
}
.issueDetail___35hol .content___2O61_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  padding-bottom: 24px;
}
.issueDetail___35hol .content___2O61_ .line___1Ep-M {
  margin: 12px 0;
  border: 1px solid #e0e0e0;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw {
  width: 730px;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .br___3ufS6 {
  margin: 12px 0;
  border-bottom: 1px solid #d1d1d1;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .title___xPbt0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .title___xPbt0 h3 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
  color: #000;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .title___xPbt0 h3 span {
  margin-left: 4px;
  color: #707070;
  font-family: Cairo;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .title___xPbt0 h3 span i {
  font-style: normal;
  font-size: 12px;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .title___xPbt0 .action___d0Z4b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .title___xPbt0 .action___d0Z4b > button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  color: #242424;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .title___xPbt0 .action___d0Z4b .ant-dropdown-trigger {
  cursor: pointer;
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .status___N6fww {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 1fr 110px;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .status___N6fww .statusContent___zVyES {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .status___N6fww .statusContent___zVyES .statusTag___1JHZk {
  width: 64px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  color: #fff;
  border-radius: 20px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .status___N6fww p {
  text-align: right;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 21px;
  color: #707070;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .status___N6fww p > span {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: #616161;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .status___N6fww > i {
  font-style: normal;
  font-size: 12px;
  line-height: 21px;
  text-align: right;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .bottomBox___1nkcM {
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .bottomBox___1nkcM .btn___2iSg4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .bottomBox___1nkcM button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .bottomBox___1nkcM .ant-btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .bottomBox___1nkcM .check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.issueDetail___35hol .content___2O61_ .left___3WvIw .bottomBox___1nkcM .check .ant-checkbox + span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 {
  width: 240px;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 h3 {
  margin-bottom: 0;
  font-weight: 400;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .issueType___2pVBI {
  padding: 6px 0;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .issueType___2pVBI .itemTitle___3VnZE {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .issueType___2pVBI .itemTitle___3VnZE h3 {
  font-size: 14px;
  line-height: 26px;
  color: #242424;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .issueType___2pVBI > span {
  padding: 0 6px;
  background: #d4b10626;
  border: 1px solid #d4b1064d;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  color: #d4b106;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .settingItem___1EXNi {
  padding: 6px 0;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .settingItem___1EXNi h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 14px;
  color: #242424;
  line-height: 20px;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .settingItem___1EXNi h3 a {
  text-decoration: underline;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .settingItem___1EXNi .itemInfo___n7w0h {
  background: #fafafa;
  padding: 4px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #bdbdbd;
  font-size: 14px;
  line-height: 19.6px;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .settingItem___1EXNi .itemInfo___n7w0h .info___1RSpr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .settingItem___1EXNi .itemInfo___n7w0h h4 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  text-align: left;
  color: #424242;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .settingItem___1EXNi .itemInfo___n7w0h h4 span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  color: #707070;
}
.issueDetail___35hol .content___2O61_ .right___3Cdx0 .settingItem___1EXNi .itemInfo___n7w0h p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  color: #707070;
}
.issueTip .ant-tooltip-content {
  background-color: #fff;
}
.issueTip .ant-tooltip-arrow {
  display: none;
  background-color: #fff;
}
.issueTip .ant-tooltip-inner {
  font-family: PingFang SC;
  background-color: #fff;
  color: #242424;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.messageBoard___2kKEe {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.messageBoard___2kKEe .title___SgoLt {
  background: #fafafa;
  padding: 6px 12px;
  border-bottom: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.messageBoard___2kKEe .title___SgoLt h3 {
  margin-bottom: 0;
  color: #616161;
  font-size: 13px;
  font-weight: 500;
  line-height: 18.2px;
}
.messageBoard___2kKEe .title___SgoLt h3 span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  color: #707070;
  margin-left: 4px;
}
.messageBoard___2kKEe .content___xTdke {
  padding: 16px;
}
.messageBoard___2kKEe .content___xTdke p {
  margin-bottom: 0;
}
.menuItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.editLogItem___1-AKr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 54px;
}
.editLogItem___1-AKr .iconBox___1S_LC {
  height: 100%;
  width: 52px;
  position: relative;
}
.editLogItem___1-AKr .iconBox___1S_LC .line___25TB5 {
  width: 0;
  height: 100%;
  border: 1px solid #e0e0e0;
  margin: auto;
}
.editLogItem___1-AKr .iconBox___1S_LC .icon___1tOUI {
  background: #ebebeb;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #616161;
}
.editLogItem___1-AKr .explain___3L9nT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  color: #707070;
}
.editLogItem___1-AKr .explain___3L9nT > i {
  font-style: normal;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  color: #616161;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: 310px;
}
.editLogItem___1-AKr .typeTag___1ebBU {
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #d4b1064d;
  min-width: 50px;
  padding: 0 6px;
}
.editLogItem___1-AKr .statusTag___1i4S5 {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 0 6px;
}
.editBottom___2J_db {
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 16px;
}
.intervalLine___1uSRy {
  height: 20px;
  padding-left: 25px;
}
.intervalLine___1uSRy > span {
  height: 100%;
  width: 0;
  border: 1px solid #e0e0e0;
}
.defaultColor___2VRak {
  fill: #1980ff;
}
.editModalWarp___XuoNd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.nameRow___f_YP- {
  display: grid;
  grid-template-columns: 144px 162px 1fr;
  gap: 16px;
}
.inpRow___2wnjO h3 {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #242424;
}
.inpRow___2wnjO h3 i {
  font-style: normal;
  color: #bc2f32;
  margin-left: 4px;
}
.colorRow___1LAtF {
  position: relative;
}
.colorRow___1LAtF .colorImpact___297TQ {
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  position: absolute;
  z-index: 1;
  top: 64px;
  right: 0;
  width: 162px;
  height: 300px;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background-color: #fff;
  -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
  padding: 8px;
  border-radius: 4px;
}
.colorRow___1LAtF .colorImpact___297TQ .colorCircle___2jp8u {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 100ms;
  transition: -webkit-transform 100ms;
  -o-transition: transform 100ms;
  transition: transform 100ms;
  transition: transform 100ms, -webkit-transform 100ms;
  cursor: pointer;
}
.colorRow___1LAtF .colorImpact___297TQ .colorCircle___2jp8u:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.colorRow___1LAtF .colorImpact___297TQ .activeColor___njTZr {
  background: #fff;
  width: 28px;
  height: 28px;
  cursor: pointer;
  border: 2px solid #d46b08;
  border-radius: 50%;
}
.colorRow___1LAtF h3 {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #242424;
}
.colorRow___1LAtF .selectColor___2e8cq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.colorRow___1LAtF .selectColor___2e8cq > span {
  cursor: pointer;
  width: 124px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  padding: 0 10px;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  overflow: hidden;
  background-color: #d46b08;
}
.colorRow___1LAtF .dice___1onYu {
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.colorPreview___2n1OJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.colorPreview___2n1OJ span {
  margin-bottom: 5px;
  width: 65px;
  height: 22px;
  padding: 0 6px;
  gap: 4px;
  border-radius: 16px;
  color: #d46b08;
  border: 1px solid #d46b084d;
  background: #d46b0826;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}
.issueTypeManage___1zn7D {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  padding: 76px 12px 60px;
  background-color: #f0f2f5;
}
.issueTypeManage___1zn7D .pageTitle___2kRBE {
  display: grid;
  grid-template-columns: 1fr 128px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.issueTypeManage___1zn7D .pageTitle___2kRBE h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
}
.issueTypeManage___1zn7D .main___37ZOo {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.issueTypeManage___1zn7D .main___37ZOo .filterBar___3SZlQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px;
  border-bottom: 1px solid #d1d1d1;
}
.issueTypeManage___1zn7D .content___2w4AA {
  padding: 12px 15px;
}
.issueTypeManage___1zn7D .content___2w4AA .tableWrap___1guX8 {
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  overflow: hidden;
}
.issueTypeManage___1zn7D .typeTag___ef3nl {
  min-width: 48px;
  display: inline-block;
  padding: 0 6px;
  gap: 4px;
  border-radius: 16px;
  color: #d46b08;
  border: 1px solid #d46b084d;
  background: #d46b0826;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}
.issueTypeManage___1zn7D .num___J-9B6 {
  font-family: Cairo;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #242424;
  text-decoration: underline;
  cursor: pointer;
}
.issueTypeManage___1zn7D .action___vSow1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.issueTypeManage___1zn7D .action___vSow1 a {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.issueTypeManage___1zn7D .action___vSow1 > a:nth-child(2) {
  color: #bc2f32;
}
.ratingScaleWrap___322W0 {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___322W0 .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___3B2RY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___3B2RY h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___3B2RY > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.weekRangeSelector___2xMqw {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.weekRangeSelector___2xMqw > span {
  padding-bottom: 5px;
}
.weekRangeSelector___2xMqw > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 150px;
}
.weekRangeSelector___2xMqw > div > div {
  border: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.weekRangeSelector___2xMqw > div > div > div {
  margin-right: 11px !important;
}
.weekRangeSelector___2xMqw > div > div > span {
  display: none;
}
.ratingScaleContent___2EVEe {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
}
.contentForm___3sx3M {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___3sx3M > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox___jou8V {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
}
.inputBox___jou8V label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___jou8V input {
  display: inline-block;
  vertical-align: middle;
}
.proportion___3Mv4- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  bottom: 40px;
  width: 60%;
}
.pagePosi___1Ziim .ant-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 9999;
}
.contentTable___1Awd3 tr th:nth-last-of-type(1),
.contentTable___1Awd3 tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___1Awd3 tr th:nth-last-of-type(1) button,
.contentTable___1Awd3 tr td:nth-last-of-type(1) button {
  padding: 0;
}
.previewWrap___2iRZ3 {
  display: block;
  height: calc(100% - 90px);
  width: 320px;
  margin-left: 24px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 72px;
  right: 24px;
}
.previewTitle___uHDGd {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___uHDGd button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___26UJ6 {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.unscoreSwitch___22MMN {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.unscoreSwitch___22MMN > i {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.unscoreSwitch___22MMN > button {
  margin: 0 5px 0 10px;
}
.ratingScaleWrap___24Yja {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___24Yja .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___327NS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___327NS h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___327NS h2 > i {
  margin: 0 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.ratingScaleHeader___327NS h2 > span {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.ratingScaleHeader___327NS > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.ratingScaleContent___1jC-I {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
}
.contentForm___27Amj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___27Amj .contentFormRight___X4c2r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.contentForm___27Amj > span {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
.ratingScaleWrap___eihfq {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___eihfq .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___34MeT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___34MeT h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___34MeT h2 > i {
  margin: 0 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.ratingScaleHeader___34MeT h2 > span {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.ratingScaleHeader___34MeT > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.weekRangeSelector___1kHmN {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.weekRangeSelector___1kHmN > span {
  padding-bottom: 5px;
}
.weekRangeSelector___1kHmN > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 150px;
}
.weekRangeSelector___1kHmN > div > div {
  border: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.weekRangeSelector___1kHmN > div > div > div {
  margin-right: 11px !important;
}
.weekRangeSelector___1kHmN > div > div > span {
  display: none;
}
.ratingScaleContent___10CZL {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
}
.contentForm___2-4ms {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___2-4ms > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox___1jzej {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
}
.inputBox___1jzej label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___1jzej input {
  display: inline-block;
  vertical-align: middle;
}
.proportion___3aSx5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  bottom: 40px;
  width: 60%;
}
.pagePosi___stmmE .ant-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 9999;
}
.contentTable___2vxhk tr th:nth-last-of-type(1),
.contentTable___2vxhk tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___2vxhk tr th:nth-last-of-type(1) button,
.contentTable___2vxhk tr td:nth-last-of-type(1) button {
  padding: 0;
}
.previewWrap___2Ralt {
  display: block;
  height: calc(100% - 90px);
  width: 320px;
  margin-left: 24px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 72px;
  right: 24px;
}
.previewTitle___165Az {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___165Az button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___36Fut {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.unscoreSwitch___3VMiH {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.unscoreSwitch___3VMiH > i {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.unscoreSwitch___3VMiH > button {
  margin: 0 5px 0 10px;
}
.analysisReport___2Ts3o {
  padding: 16px 0 24px;
}
.analysisReport___2Ts3o .ant-table-body {
  overflow-x: auto !important;
}
.analysisReport___2Ts3o .ant-table-fixed-left .ant-table-thead .ant-table-row-cell-break-word {
  border-top: 1px solid #f0f0f0;
}
.analysisReport___2Ts3o .ant-table-fixed-left .ant-table-thead .ant-table-row-cell-break-word:first-child {
  border-left: 1px solid #f0f0f0;
}
.analysisReport___2Ts3o .ant-table-fixed-left .ant-table-tbody .ant-table-row-cell-break-word:first-child {
  border-left: 1px solid #f0f0f0;
}
.analysisReport___2Ts3o .ant-table-fixed-right .ant-table-row-cell-break-word {
  border-right: 1px solid #f0f0f0;
}
.analysisReport___2Ts3o .ant-table-fixed-right .ant-table-row-cell-last {
  border-top: 1px solid #f0f0f0;
}
.analysisReport___2Ts3o .ant-table-fixed-right .ant-table-fixed .ant-table-tbody tr:last-child > td:last-child {
  border-right: 1px solid #f0f0f0;
}
.analysisReport___2Ts3o .top___1UU8I {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.analysisReport___2Ts3o .top___1UU8I .lt___2OSwF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.analysisReport___2Ts3o .top___1UU8I .lt___2OSwF .title___1lDEW {
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  margin-right: 24px;
}
.analysisReport___2Ts3o .top___1UU8I .lt___2OSwF .ant-select-selection {
  background: rgba(25, 128, 255, 0.25);
}
.analysisReport___2Ts3o .top___1UU8I .lt___2OSwF .ant-select-selection .ant-select-selection-selected-value {
  color: #1980ff;
}
.analysisReport___2Ts3o .top___1UU8I .lt___2OSwF .searchInput___3fSud {
  width: 220px;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.analysisReport___2Ts3o .top___1UU8I .lt___2OSwF .searchInput___3fSud .ant-input {
  padding-left: 40px;
}
.analysisReport___2Ts3o .top___1UU8I .lt___2OSwF .searchInput___3fSud .inputIcon___3tH1d {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.analysisReport___2Ts3o .top___1UU8I .rt___1Ytfs {
  height: 36px;
  padding: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  border-radius: 8px;
  background: rgba(25, 128, 255, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.analysisReport___2Ts3o .top___1UU8I .rt___1Ytfs > div {
  color: #1980ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 66.667px;
  cursor: pointer;
  padding: 4px 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.analysisReport___2Ts3o .top___1UU8I .rt___1Ytfs .active___17nNd {
  background: #1980ff;
  color: #fff;
  border-radius: 6px;
}
.analysisReport___2Ts3o .content___kZb0T {
  width: 100%;
  min-height: calc(100vh - 200px);
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  margin-top: 12px;
  padding: 12px 24px;
  background: #fff;
  overflow: auto;
}
.analysisReport___2Ts3o .content___kZb0T.noHeader___1wO_V {
  height: calc(100vh - 88px);
}
.analysisReport___2Ts3o .content___kZb0T .ant-tabs {
  overflow: visible;
}
.analysisReport___2Ts3o .content___kZb0T .ant-table-body {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
}
.analysisReport___2Ts3o .content___kZb0T .ant-table-tbody > tr:last-child > td {
  border: none;
}
.analysisReport___2Ts3o .content___kZb0T .ant-table-thead > tr > th {
  font-weight: bold;
}
.analysisReport___2Ts3o .content___kZb0T .ant-table-thead > tr > th,
.analysisReport___2Ts3o .content___kZb0T .ant-table-tbody > tr > td {
  padding: 13px 16px;
}
.kcReport___3GcE- .ant-pagination {
  float: right !important;
}
.kcReport___3GcE- .ant-table-body .ant-table-thead tr > .ranking {
  padding: 13px 8px;
}
.seeReport___1ejsD {
  color: #1980ff;
  cursor: pointer;
}
.basicInfo___11U_U .tagList___27vQD {
  padding: 8px 8px 16px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 16px;
}
.basicInfo___11U_U .tagList___27vQD .tag___1Z06N {
  overflow: hidden;
  padding: 8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-left: 6px solid #1980ff;
  border-radius: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(25, 128, 255, 0.25)), to(rgba(25, 128, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(25, 128, 255, 0.25) 0%, rgba(25, 128, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(25, 128, 255, 0.25) 0%, rgba(25, 128, 255, 0) 100%);
  background: linear-gradient(90deg, rgba(25, 128, 255, 0.25) 0%, rgba(25, 128, 255, 0) 100%);
}
.basicInfo___11U_U .tagList___27vQD .tag___1Z06N > span:first-child {
  width: 80px;
  color: #666f8d;
  font-weight: 500;
}
.basicInfo___11U_U .tagList___27vQD .tag___1Z06N span:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  color: #242424;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-wrap: nowrap;
}
.basicInfo___11U_U .tableContainer___1ZfP6 {
  padding-top: 8px;
}
.basicInfo___11U_U .tableContainer___1ZfP6 .title___2kCFG {
  color: #5b5b65;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 8px;
}
.courseName___2N5a9 {
  color: #1980ff;
  cursor: pointer;
}
.visualSkeleton___2SnHz {
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.visualSkeleton___2SnHz:hover {
  overflow: visible;
}
.visualSkeleton___2SnHz:not(:first-child) {
  margin-top: 16px;
}
.visualSkeleton___2SnHz .top___2nBFX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #d1d1d1;
  background: #f5f5f5;
  padding: 0.625vw 1.25vw;
  border-radius: 4px 4px 0 0;
}
.visualSkeleton___2SnHz .top___2nBFX > span:first-child {
  color: #242424;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}
.line___3Ql_5 {
  width: 19px;
  height: 4px;
  border-radius: 2px;
  position: relative;
}
.line___3Ql_5 .inner___1HhQ- {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.dashedLine___1fk9G {
  width: 19px;
  height: 1px;
  border-width: 1px;
  border-style: dashed;
  border-radius: 2px;
}
.square___1acAN {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
}
.flagContainer___8SFHN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flagContainer___8SFHN .flagBox___3PSVp {
  color: rgba(0, 0, 0, 0.65);
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.flagContainer___8SFHN .flagBox___3PSVp:not(:last-child) {
  margin-right: 12px;
}
.wholeDataAnalysis___1FNHb {
  width: auto;
}
.wholeDataAnalysis___1FNHb .bottomAnalysisBox___3emUv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.className___Ja4QG {
  margin-top: 16px;
  color: #424242;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.4000000059604645px;
}
.teacherName___5HBTj {
  color: #707070;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.cardListBox___17CBf {
  width: calc(100vw - 90px);
}
.radarCard___3Z1xV {
  margin: auto;
  height: 21.25vw;
  max-width: 380px;
  min-width: 282px;
  max-height: 350px;
  min-height: 272px;
}
.tabInfo___9YFgB {
  padding: 8px 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  border-left: 4px solid #bac0cc;
  background: #f0f2f5;
  color: #666f8d;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}
.container___2XNaf {
  width: 20.313vw;
  height: 9.531vw;
  padding: 1.875vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container___2XNaf > div:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.container___2XNaf > div:first-child .title___T9sxV {
  color: #424242;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}
.container___2XNaf > div:first-child .ranking___25XO0 > span:first-child {
  color: #242424;
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
  margin-right: 0.625vw;
}
.container___2XNaf > div:first-child .ranking___25XO0 > span:last-child {
  color: #666f8d;
  font-size: 12px;
  line-height: 24px;
}
.container___2XNaf > div:last-child {
  padding: 1.602vw 0 0.898vw;
}
.container___2XNaf > div:last-child .triangle___3GcU8 {
  width: 0.547vw;
  height: 0.547vw;
  margin-bottom: 0.156vw;
  background-color: #2388ff;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.container___2XNaf > div:last-child .lineBox___wmiRS {
  width: 10.156vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.625vw;
}
.container___2XNaf > div:last-child .lineBox___wmiRS .lineItem___338DE {
  width: 0.938vw;
  height: 0.313vw;
  border-radius: 0.156vw;
  background: #fe7e0a;
}
.container___2XNaf > div:last-child > div:last-child {
  color: #707070;
  font-size: 12px;
  line-height: 1;
}
.wrapper___tKYQR {
  width: 100%;
  height: 100%;
  padding: 0 5px 5px 15px;
}
.wrapper___tKYQR > div:nth-of-type(2) {
  position: relative;
  width: 100%;
  height: 100%;
}
.chartAxis___BLiDd {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #666;
}
.axisYLabel___22aaP {
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 2;
}
.axisY___JIGlN {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.axisY___JIGlN > div {
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
}
.axisY___JIGlN > div:nth-of-type(1) {
  bottom: 0;
}
.axisY___JIGlN > div:nth-of-type(1) > i {
  bottom: -20px;
}
.axisY___JIGlN > div:nth-of-type(2) {
  bottom: 20%;
}
.axisY___JIGlN > div:nth-of-type(3) {
  bottom: 40%;
}
.axisY___JIGlN > div:nth-of-type(4) {
  bottom: 60%;
}
.axisY___JIGlN > div:nth-of-type(5) {
  bottom: 80%;
}
.axisY___JIGlN > div:nth-of-type(6) {
  bottom: 100%;
  background: transparent;
}
.axisY___JIGlN > div:nth-of-type(6) > i {
  top: -6px;
}
.axisY___JIGlN > div > i {
  display: inline-block;
  width: 32px;
  position: absolute;
  left: -28px;
  font-size: 20px;
  line-height: 1;
  text-align: right;
  font-style: normal;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.axisXLabel___2j7kR {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.axisX___1OP6X {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.axisX___1OP6X > div {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1px;
  height: 100%;
  background: #e8e8e8;
}
.axisX___1OP6X > div:nth-of-type(1) {
  left: 25%;
}
.axisX___1OP6X > div:nth-of-type(2) {
  left: 50%;
}
.axisX___1OP6X > div:nth-of-type(3) {
  left: 75%;
}
.axisX___1OP6X > div:nth-of-type(4) {
  left: 100%;
  background: transparent;
}
.axisX___1OP6X > div > i {
  display: inline-block;
  height: 20px;
  font-size: 20px;
  line-height: 1;
  font-style: normal;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  position: absolute;
  bottom: -20px;
}
.cardBox___3IVy8 {
  overflow: hidden;
}
.chartBox___1PoKF {
  width: 18vw;
  height: 16vw;
  min-width: 272px;
  min-height: 250px;
  max-width: 278px;
  max-height: 260px;
  margin: auto;
}
.className___DZyVO {
  margin-top: 16px;
  color: #424242;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.4000000059604645px;
}
.teacherName___6adWQ {
  color: #707070;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.teachingAnalysis___1SOyl {
  width: 100%;
}
.className___3JCbu {
  margin-top: 16px;
  color: #424242;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.4000000059604645px;
}
.teacherName___3GJfu {
  color: #707070;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.cardListBox___1hBvt {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cardBox___31PEo {
  margin: 14px;
  overflow: hidden;
}
.titleInfo___13Jkh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.titleInfo___13Jkh svg {
  width: 10px;
  height: 10px;
}
.titleInfo___13Jkh .text___1602a {
  color: #242424;
  font-size: 12px;
  line-height: 16px;
}
.titleInfo___13Jkh .ant-popover-inner-content {
  padding: 6px 12px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.top___217HT {
  padding: 16px 0 24px;
}
.top___217HT .title___1DXFj {
  color: #242424;
  font-size: 24px;
  font-weight: bold;
}
.ktReport___3siwi .ant-pagination {
  float: right !important;
}
.ktReport___3siwi .ant-table-body .ant-table-thead tr > .ranking {
  padding: 13px 8px;
}
.seeReport___2yY5j {
  color: #1980ff;
  cursor: pointer;
}
.basicInfo___3zE2y .tagList___3oMbj {
  padding: 8px 8px 16px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 16px;
}
.basicInfo___3zE2y .tagList___3oMbj .tag___1Fo8k {
  min-width: 200px;
  max-width: 296px;
  padding: 8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  border-left: 6px solid #1980ff;
  border-radius: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(25, 128, 255, 0.25)), to(rgba(25, 128, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(25, 128, 255, 0.25) 0%, rgba(25, 128, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(25, 128, 255, 0.25) 0%, rgba(25, 128, 255, 0) 100%);
  background: linear-gradient(90deg, rgba(25, 128, 255, 0.25) 0%, rgba(25, 128, 255, 0) 100%);
}
.basicInfo___3zE2y .tagList___3oMbj .tag___1Fo8k > span:first-child {
  width: 80px;
  color: #666f8d;
  font-weight: 500;
}
.basicInfo___3zE2y .tagList___3oMbj .tag___1Fo8k span:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  color: #242424;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-wrap: nowrap;
}
.wholeDataAnalysis___BsnjH {
  width: auto;
}
.wholeDataAnalysis___BsnjH .bottomAnalysisBox___2EXfg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customChat___28rrb {
  width: 70%;
  min-width: 656px;
  margin: 16px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.customChatLeft___3SmeI {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 184px;
  margin: 16px 0;
  text-align: right;
}
.customChatLeft___3SmeI > div {
  margin-right: 32px;
}
.customChatRight___3MNlX {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 184px;
  margin: 16px 0;
  text-align: left;
}
.customChatRight___3MNlX > div {
  margin-left: 32px;
}
.customChatTitle___D0Xu1 {
  color: #424242;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}
.strongNum___Ksw6w {
  color: #242424;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-right: 8px;
}
.normalNum___1e9AK {
  color: #616161;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}
.normalNum___1e9AK > span:first-child {
  margin-right: 16px;
}
.unit___1Bo-P {
  color: #666f8d;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
.barLineChart___1lC2h {
  width: 100%;
}
.barLineChart___1lC2h .ant-card {
  border-radius: 8px;
}
.barLineChart___1lC2h .ant-card-body {
  padding: 16px;
  overflow-x: hidden;
}
.barLineChart___1lC2h .ant-empty-normal {
  margin: auto;
}
.headerFlexBox___XlXC_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 17px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.headerFlexBox___XlXC_ > span:first-child {
  color: #424141;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.headerFlexBox___XlXC_ > span:last-child {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  line-height: 16.8px;
}
.departmentName___2UM04 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 17px;
  margin-top: 8px;
  line-height: 17px;
}
.departmentName___2UM04 > span {
  margin-left: 6px;
}
.barLineBox___4oWO7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 8.75vw;
  min-width: 262px;
  min-height: 112px;
  max-height: 130px;
}
.flexBox___2CalU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flexBox___2CalU > span:first-child {
  color: #96969d;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
}
.flexBox___2CalU > span:last-child {
  color: #424141;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-anchor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: #fff;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #e8e8e8;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #1980ff;
  border-radius: 8px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 7px 0 7px 16px;
  line-height: 1.143;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #1980ff;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 5px;
  padding-bottom: 5px;
}
.anchorBox___1oK5f {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.anchorBox___1oK5f .menuText___1uKPy {
  padding: 6px 16px;
  font-size: 12px;
  font-weight: bold;
  border-left: 3px solid #666f8d;
  color: #666f8d;
}
.anchorBox___1oK5f .ant-anchor-ink {
  display: none;
}
.teachingAnalysis___1ibBl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
.leftContent___1wKBU {
  width: 240px;
}
.rightContent___1vsuU {
  width: calc(100% - 240px);
}
.cardListBox___3_-FF {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cardBox___3aVR3 {
  overflow: hidden;
}
.studentLearningAnalysis___1DC4t {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
.studentLearningAnalysis___1DC4t .leftContent___w7-6l {
  width: 240px;
}
.studentLearningAnalysis___1DC4t .rightContent___1E9oV {
  width: calc(100% - 240px);
}
.top___3z5B6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 0 24px;
}
.top___3z5B6 .title___P9ome {
  color: #242424;
  font-size: 24px;
  font-weight: bold;
}
.top___3z5B6 .classTime___bIKWg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  padding: 6px 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background: #f5f5f5;
  color: #666f8d;
  -webkit-font-feature-settings: 'clig' off, 'liga' off;
          font-feature-settings: 'clig' off, 'liga' off;
  font-size: 14px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  font-weight: bold;
}
.ant-spin,
.ant-tabs-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wrap___1y8fX {
  min-height: calc(100vh - 100px);
  background: #f0f2f5;
}
.wrap___1y8fX .header___38kSH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px;
}
.wrap___1y8fX .header___38kSH h2 {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.wrap___1y8fX .tabs___2oj6e {
  position: relative;
}
.wrap___1y8fX .tabs___2oj6e .childrenWrap___2h5Oo {
  padding: 96px 0 24px;
  position: relative;
}
.wrap___1y8fX .tabs___2oj6e .childrenWrap___2h5Oo > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  width: 100%;
  padding: 0 24px;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap___1y8fX .tabs___2oj6e .childrenWrap___2h5Oo .filterWrap___2LtGY .dateTypeWrap___u-UnQ {
  display: grid;
  background: #dceeff;
  border-radius: 4px;
  grid-template-columns: repeat(4, 80px);
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
  height: 40px;
}
.wrap___1y8fX .tabs___2oj6e .childrenWrap___2h5Oo .filterWrap___2LtGY .dateTypeWrap___u-UnQ .btn___1DbLF {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.wrap___1y8fX .tabs___2oj6e .childrenWrap___2h5Oo .filterWrap___2LtGY .dateTypeWrap___u-UnQ .selectedBtn___1ZzY6 {
  color: #1980ff;
  font-weight: bold;
}
.wrap___1y8fX .tabs___2oj6e .childrenWrap___2h5Oo .filterWrap___2LtGY .dateTypeWrap___u-UnQ > div:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  height: 32px;
  top: 8px;
  width: 1px;
  background: #c8e5ff;
}
.wrap___1y8fX .tabs___2oj6e .childrenWrap___2h5Oo .inputIcon___2Bsls {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.wrap___1y8fX .tabs___2oj6e .childrenWrap___2h5Oo .courseOverview___2DeZD {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.wrap___1y8fX .tabs___2oj6e .childrenWrap___2h5Oo .courseOverview___2DeZD > div {
  width: calc(50% - 12px);
  margin-bottom: 24px;
  min-height: 300px;
}
.wrap___1y8fX .tabs___2oj6e .childrenWrap___2h5Oo .courseOverview___2DeZD > div:nth-child(odd) {
  margin-right: 24px;
}
.wrap___1y8fX .rangePicker___27J8O {
  width: 288px;
  margin-left: 8px;
}
.wrap___1y8fX .ant-calendar-picker .ant-input {
  color: #666;
}
.wrap___1y8fX .ant-calendar-picker .ant-input .ant-calendar-picker-icon {
  left: 16px;
  right: auto;
  color: #666;
}
.wrap___1y8fX .ant-select-selection--single {
  height: 40px;
  background: #dceeff;
  color: #1980ff;
  border: none;
  font-weight: 600;
}
.wrap___1y8fX .ant-input {
  padding-left: 40px !important;
}
.wrap___1y8fX .ant-select-selection__rendered {
  line-height: 40px;
}
.wrap___1y8fX .ant-select-arrow {
  color: #1980ff;
}
.wrap___1y8fX .ant-select {
  width: 100px;
  margin-right: 8px;
}
.wrap___1y8fX .ant-input-affix-wrapper {
  width: 344px;
  height: 40px;
  margin-left: 8px;
}
.wrap___1y8fX .ant-table-thead > tr > th,
.wrap___1y8fX .ant-table-tbody > tr > td {
  padding: 8px 16px;
}
.collectTip___3xkGm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
  text-align: center;
  border-radius: 2px;
}
.collectTip___3xkGm > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___ARnlB {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.supervisoryReport___3xTbV,
.ModelContent___2yYFR {
  width: 100%;
  height: 100%;
}
.supervisoryReport___3xTbV h2,
.ModelContent___2yYFR h2 {
  margin: 0;
  padding-bottom: .5em;
}
.supervisoryReport___3xTbV h3,
.ModelContent___2yYFR h3 {
  margin: 0;
  padding-top: 12px;
}
.supervisoryReport___3xTbV .schoolReport___1R-Mi,
.ModelContent___2yYFR .schoolReport___1R-Mi {
  width: 100%;
  min-height: calc(100vh - 100px);
  background: #edf0f3;
}
.supervisoryReport___3xTbV .schoolReport___1R-Mi .ant-modal-root .ant-modal-wrap .ant-modal,
.ModelContent___2yYFR .schoolReport___1R-Mi .ant-modal-root .ant-modal-wrap .ant-modal {
  min-width: 500px;
}
.supervisoryReport___3xTbV .schoolReport___1R-Mi .ant-select-selection--single,
.ModelContent___2yYFR .schoolReport___1R-Mi .ant-select-selection--single {
  background: rgba(24, 144, 255, 0.25);
  height: 36px;
}
.supervisoryReport___3xTbV .schoolReport___1R-Mi .ant-select-selection--single .ant-select-selection__rendered,
.ModelContent___2yYFR .schoolReport___1R-Mi .ant-select-selection--single .ant-select-selection__rendered {
  margin: 0 16px;
  height: 36px;
  line-height: 36px;
}
.supervisoryReport___3xTbV .schoolReport___1R-Mi .ant-select-item.ant-select-item-option,
.ModelContent___2yYFR .schoolReport___1R-Mi .ant-select-item.ant-select-item-option {
  color: #1980ff;
  background: rgba(24, 144, 255, 0.25);
}
.supervisoryReport___3xTbV .schoolReport___1R-Mi .ant-select-selection-selected-value,
.ModelContent___2yYFR .schoolReport___1R-Mi .ant-select-selection-selected-value {
  font-size: 16px;
}
.supervisoryReport___3xTbV .schoolReport___1R-Mi .ant-select-arrow,
.ModelContent___2yYFR .schoolReport___1R-Mi .ant-select-arrow {
  top: 36%;
}
.supervisoryReport___3xTbV .schoolReport___1R-Mi .and-table,
.ModelContent___2yYFR .schoolReport___1R-Mi .and-table {
  color: rgba(0, 0, 0, 0.85);
}
.supervisoryReport___3xTbV .schoolReport___1R-Mi .contentTable___2KZRx,
.ModelContent___2yYFR .schoolReport___1R-Mi .contentTable___2KZRx {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.supervisoryReport___3xTbV .schoolReport___1R-Mi .contentTable___2KZRx .tablebor___2-2wa,
.ModelContent___2yYFR .schoolReport___1R-Mi .contentTable___2KZRx .tablebor___2-2wa {
  border: 1px solid #f0f0f0;
}
.supervisoryReport___3xTbV .headerSchool___2C5CX,
.ModelContent___2yYFR .headerSchool___2C5CX {
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.supervisoryReport___3xTbV .headerSchool___2C5CX .timeSele___1KxtB,
.ModelContent___2yYFR .headerSchool___2C5CX .timeSele___1KxtB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.supervisoryReport___3xTbV .headerSchool___2C5CX .timeSele___1KxtB > h3,
.ModelContent___2yYFR .headerSchool___2C5CX .timeSele___1KxtB > h3 {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  margin-right: 24px;
  line-height: 36px;
}
.supervisoryReport___3xTbV .headerSchool___2C5CX .timeSele___1KxtB .seleOption___3VFh5,
.ModelContent___2yYFR .headerSchool___2C5CX .timeSele___1KxtB .seleOption___3VFh5 {
  padding: 0;
  margin: 0;
}
.supervisoryReport___3xTbV .headerSchool___2C5CX .rightbtn___9ObOm,
.ModelContent___2yYFR .headerSchool___2C5CX .rightbtn___9ObOm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
}
.supervisoryReport___3xTbV .headerSchool___2C5CX .rightbtn___9ObOm .reportbtn___3eknY,
.ModelContent___2yYFR .headerSchool___2C5CX .rightbtn___9ObOm .reportbtn___3eknY {
  width: 82px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  text-align: center;
  padding: 5px 12px;
  font-size: 14px;
  color: #242424;
  font-weight: 600;
  margin-bottom: 10px;
  cursor: pointer;
}
.supervisoryReport___3xTbV .headerSchool___2C5CX .rightbtn___9ObOm .back___3WT_q,
.ModelContent___2yYFR .headerSchool___2C5CX .rightbtn___9ObOm .back___3WT_q {
  width: 54px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  text-align: center;
  padding: 5px 12px;
  font-size: 14px;
  color: #242424;
  font-weight: 600;
  margin: 0 0 10px 12px;
  cursor: default;
}
.supervisoryReport___3xTbV .contextRightSchool___cOzUx,
.ModelContent___2yYFR .contextRightSchool___cOzUx {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 72px 26px 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  height: calc(100% - 26px);
  overflow-y: auto;
  overflow-x: hidden;
}
.supervisoryReport___3xTbV .contextRightSchool___cOzUx .contextRightInfo___3gpq9,
.ModelContent___2yYFR .contextRightSchool___cOzUx .contextRightInfo___3gpq9 {
  padding: 24px 0;
  width: 100%;
}
.supervisoryReport___3xTbV .contextRightSchool___cOzUx .contextRightInfo___3gpq9 .contentTitle___1xQiS,
.ModelContent___2yYFR .contextRightSchool___cOzUx .contextRightInfo___3gpq9 .contentTitle___1xQiS {
  color: rgba(0, 0, 0, 0.85);
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}
.supervisoryReport___3xTbV .contextRightSchool___cOzUx .contextRightInfo___3gpq9 .contextDescription___2B624,
.ModelContent___2yYFR .contextRightSchool___cOzUx .contextRightInfo___3gpq9 .contextDescription___2B624 {
  text-indent: 24px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  font-family: PingFang SC;
}
.supervisoryReport___3xTbV .tableHead___1wkSp,
.ModelContent___2yYFR .tableHead___1wkSp {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 8px 0;
}
.supervisoryReport___3xTbV .tableHeads___3m-qh,
.ModelContent___2yYFR .tableHeads___3m-qh {
  color: rgba(0, 0, 0, 0.45);
  position: relative;
  left: 30%;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-bottom: 4px;
}
.supervisoryReport___3xTbV .contextRightable___3VABA,
.ModelContent___2yYFR .contextRightable___3VABA {
  text-align: center;
}
.supervisoryReport___3xTbV .contextRightable___3VABA .tablebor___2-2wa,
.ModelContent___2yYFR .contextRightable___3VABA .tablebor___2-2wa {
  border: 1px solid #f0f0f0;
}
.supervisoryReport___3xTbV .lineEch___dkkpI,
.ModelContent___2yYFR .lineEch___dkkpI {
  width: 100%;
  text-align: center;
  margin-top: 16px;
}
.supervisoryReport___3xTbV .lineEchs___3i-LD,
.ModelContent___2yYFR .lineEchs___3i-LD {
  width: 100%;
  margin-top: 16px;
}
.supervisoryReport___3xTbV .contextDescription___2B624,
.ModelContent___2yYFR .contextDescription___2B624 {
  text-indent: 24px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  font-family: PingFang SC;
}
.supervisoryReport___3xTbV .frequency___2ygNS,
.ModelContent___2yYFR .frequency___2ygNS {
  color: rgba(0, 0, 0, 0.85);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  position: relative;
  top: 40px;
  left: 0;
  text-indent: 12px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___1HDwv {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.supervisoryReport___3KX4i {
  width: 100%;
  min-height: calc(100vh - 100px);
  padding: 16px 0;
  background: #edf0f3;
}
.supervisoryReport___3KX4i .ant-select-selection--single {
  background: rgba(24, 144, 255, 0.25);
  height: 36px;
}
.supervisoryReport___3KX4i .ant-select-selection--single .ant-select-selection__rendered {
  margin: 0 16px;
  height: 36px;
  line-height: 36px;
}
.supervisoryReport___3KX4i .ant-select-item.ant-select-item-option {
  color: #1980ff;
  background: rgba(24, 144, 255, 0.25);
}
.supervisoryReport___3KX4i .ant-select-selection-selected-value {
  font-size: 16px;
}
.supervisoryReport___3KX4i .ant-select-arrow {
  top: 36%;
}
.supervisoryReport___3KX4i .and-table {
  color: rgba(0, 0, 0, 0.85);
}
.supervisoryReport___3KX4i .context___21f2O {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 180px);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
@-moz-document url-prefix() {
  .supervisoryReport___3KX4i .context___21f2O .contextLeft___3MC3R {
    width: 295px !important;
  }
}
.supervisoryReport___3KX4i .context___21f2O .contextLeft___3MC3R {
  width: 288px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: rgba(0, 0, 0, 0.61);
  font-family: PingFang SC;
  font-style: normal;
  overflow-y: auto;
  padding: 20px 0;
  border-right: 1px solid var(--light-stroke-color-divider-stroke-default, rgba(0, 0, 0, 0.08));
  background: #f5f5f5;
}
.supervisoryReport___3KX4i .context___21f2O .contextLeft___3MC3R .catalogueTitle___3Skrt {
  width: 100%;
  height: 36px;
  padding: 12px 40px 8px 40px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: PingFang SC;
}
.supervisoryReport___3KX4i .context___21f2O .contextLeft___3MC3R .secone___yF869 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-family: PingFang SC;
  font-size: 15px;
  height: 44px;
  padding: 8px 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.supervisoryReport___3KX4i .context___21f2O .contextLeft___3MC3R .selectContent___3Mk2A {
  height: 48px;
  border-left: 1px dashed rgba(0, 0, 0, 0.16);
  margin-left: 26px;
  font-size: 14px;
  padding: 4px;
  line-height: 40px;
}
.supervisoryReport___3KX4i .context___21f2O .contextLeft___3MC3R .selectContent___3Mk2A .selectContentText___3mKBS {
  height: 44px;
  padding: 0 8px 0 12px;
  line-height: 44px;
}
.echartsBox___1Nw_G .tableHead___3l8Nq {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 8px 0;
}
.echartsBox___23yHw .tableHead___1dmCL {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 8px 0;
}
.echartsBox___3hrvb .tableHead___7v63L {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 8px 0;
}
.echartsBox___1qrEY .tableHead___385z6 {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 8px 0;
}
.echartsBox___Lc-um .tableHead___1cPSh {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 8px 0;
}
.tableBox___2pyI5 {
  width: 100%;
  height: 100%;
}
.tableBox___2pyI5 .tableHead___3YW8g {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 8px 0;
}
.tableBox___2pyI5 .tablebor___H0DdP {
  border: 1px solid #f0f0f0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___12aNM {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.inheritStyles___1QlwM,
.ModelContent___1rJeu {
  width: 100%;
  height: 100%;
}
.inheritStyles___1QlwM h2,
.ModelContent___1rJeu h2 {
  margin: 0;
  padding-bottom: 0.5em;
}
.inheritStyles___1QlwM h3,
.ModelContent___1rJeu h3 {
  margin: 0;
  padding-top: 12px;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w,
.ModelContent___1rJeu .schoolReport___2Ab4w {
  width: 100%;
  min-height: calc(100vh - 100px);
  padding: 16px 0;
  background: #edf0f3;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .ant-select-selection--single,
.ModelContent___1rJeu .schoolReport___2Ab4w .ant-select-selection--single {
  background: rgba(24, 144, 255, 0.25);
  height: 36px;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .ant-modal-root .ant-modal-wrap .ant-modal,
.ModelContent___1rJeu .schoolReport___2Ab4w .ant-modal-root .ant-modal-wrap .ant-modal {
  min-width: 500px;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .ant-select-selection--single .ant-select-selection__rendered,
.ModelContent___1rJeu .schoolReport___2Ab4w .ant-select-selection--single .ant-select-selection__rendered {
  margin: 0 16px;
  height: 36px;
  line-height: 36px;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .ant-select-item.ant-select-item-option,
.ModelContent___1rJeu .schoolReport___2Ab4w .ant-select-item.ant-select-item-option {
  color: #1980ff;
  background: rgba(24, 144, 255, 0.25);
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .ant-select-selection-selected-value,
.ModelContent___1rJeu .schoolReport___2Ab4w .ant-select-selection-selected-value {
  font-size: 16px;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .ant-select-arrow,
.ModelContent___1rJeu .schoolReport___2Ab4w .ant-select-arrow {
  top: 36%;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .and-table,
.ModelContent___1rJeu .schoolReport___2Ab4w .and-table {
  color: rgba(0, 0, 0, 0.85);
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .header___2f3VU,
.ModelContent___1rJeu .schoolReport___2Ab4w .header___2f3VU {
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .header___2f3VU .timeSele___h2Kwj,
.ModelContent___1rJeu .schoolReport___2Ab4w .header___2f3VU .timeSele___h2Kwj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .header___2f3VU .timeSele___h2Kwj > h3,
.ModelContent___1rJeu .schoolReport___2Ab4w .header___2f3VU .timeSele___h2Kwj > h3 {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  margin-right: 24px;
  line-height: 36px;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .header___2f3VU .timeSele___h2Kwj .seleOption___I4Ba-,
.ModelContent___1rJeu .schoolReport___2Ab4w .header___2f3VU .timeSele___h2Kwj .seleOption___I4Ba- {
  padding: 0;
  margin: 0;
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .contentTable___GQ1-r,
.ModelContent___1rJeu .schoolReport___2Ab4w .contentTable___GQ1-r {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.inheritStyles___1QlwM .schoolReport___2Ab4w .contentTable___GQ1-r .tablebor___3S39M,
.ModelContent___1rJeu .schoolReport___2Ab4w .contentTable___GQ1-r .tablebor___3S39M {
  border: 1px solid #f0f0f0;
}
.inheritStyles___1QlwM .headerSchool___12HUb,
.ModelContent___1rJeu .headerSchool___12HUb {
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.inheritStyles___1QlwM .headerSchool___12HUb .timeSele___h2Kwj,
.ModelContent___1rJeu .headerSchool___12HUb .timeSele___h2Kwj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.inheritStyles___1QlwM .headerSchool___12HUb .timeSele___h2Kwj > h3,
.ModelContent___1rJeu .headerSchool___12HUb .timeSele___h2Kwj > h3 {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  margin-right: 24px;
  line-height: 36px;
}
.inheritStyles___1QlwM .headerSchool___12HUb .timeSele___h2Kwj .seleOption___I4Ba-,
.ModelContent___1rJeu .headerSchool___12HUb .timeSele___h2Kwj .seleOption___I4Ba- {
  padding: 0;
  margin: 0;
}
.inheritStyles___1QlwM .headerSchool___12HUb .rightbtn___2WAmc,
.ModelContent___1rJeu .headerSchool___12HUb .rightbtn___2WAmc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
}
.inheritStyles___1QlwM .headerSchool___12HUb .rightbtn___2WAmc .reportbtn___307S-,
.ModelContent___1rJeu .headerSchool___12HUb .rightbtn___2WAmc .reportbtn___307S- {
  width: 82px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  text-align: center;
  padding: 5px 12px;
  font-size: 14px;
  color: #242424;
  font-weight: 600;
  margin-bottom: 10px;
}
.inheritStyles___1QlwM .headerSchool___12HUb .rightbtn___2WAmc .back___2ndrl,
.ModelContent___1rJeu .headerSchool___12HUb .rightbtn___2WAmc .back___2ndrl {
  width: 54px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  text-align: center;
  padding: 5px 12px;
  font-size: 14px;
  color: #242424;
  font-weight: 600;
  margin: 0 0 10px 12px;
  cursor: default;
}
.inheritStyles___1QlwM .contextRightSchool___1AqxI,
.ModelContent___1rJeu .contextRightSchool___1AqxI {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 72px 26px 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  height: calc(100% - 26px);
  overflow-y: auto;
  overflow-x: hidden;
}
.inheritStyles___1QlwM .contextRightSchool___1AqxI .contextRightInfo___2ye0O,
.ModelContent___1rJeu .contextRightSchool___1AqxI .contextRightInfo___2ye0O {
  width: 100%;
}
.inheritStyles___1QlwM .contextRightSchool___1AqxI .contextRightInfo___2ye0O .contentTitle___13U2y,
.ModelContent___1rJeu .contextRightSchool___1AqxI .contextRightInfo___2ye0O .contentTitle___13U2y {
  color: rgba(0, 0, 0, 0.85);
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}
.inheritStyles___1QlwM .contextRightSchool___1AqxI .contextRightInfo___2ye0O .contextDescription___PNT_V,
.ModelContent___1rJeu .contextRightSchool___1AqxI .contextRightInfo___2ye0O .contextDescription___PNT_V {
  text-indent: 24px;
  margin: 16px 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  font-family: PingFang SC;
}
.inheritStyles___1QlwM .contextRightSchool___1AqxI .tableHeads___jA4MQ,
.ModelContent___1rJeu .contextRightSchool___1AqxI .tableHeads___jA4MQ {
  color: rgba(0, 0, 0, 0.45);
  position: relative;
  left: 30%;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-bottom: 4px;
}
.inheritStyles___1QlwM .contextRightSchool___1AqxI .contextRightable___15-0b,
.ModelContent___1rJeu .contextRightSchool___1AqxI .contextRightable___15-0b {
  text-align: center;
}
.inheritStyles___1QlwM .contextRightSchool___1AqxI .contextRightable___15-0b .tablebor___3S39M,
.ModelContent___1rJeu .contextRightSchool___1AqxI .contextRightable___15-0b .tablebor___3S39M {
  border: 1px solid #f0f0f0;
}
.inheritStyles___1QlwM .contextRightSchool___1AqxI .lineEch___2bKtb,
.ModelContent___1rJeu .contextRightSchool___1AqxI .lineEch___2bKtb {
  width: 100%;
  text-align: center;
}
.inheritStyles___1QlwM .contextRightSchool___1AqxI .lineEchs___2zaJ4,
.ModelContent___1rJeu .contextRightSchool___1AqxI .lineEchs___2zaJ4 {
  width: 100%;
  margin-top: 16px;
}
.tableHead___3jzps {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-bottom: 4px;
  margin-top: 8px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-auto-complete {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  height: 100%;
  margin-right: 0;
  margin-left: 0;
  line-height: 32px;
}
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-right: 12px;
  margin-left: 12px;
}
.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto;
}
.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left;
}
.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important;
}
.ant-select-auto-complete.ant-select .ant-input {
  height: 32px;
  line-height: 1.5;
  background: transparent;
  border-width: 1px;
}
.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #429eff;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select .ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
  background-color: transparent;
}
.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 40px;
}
.ant-select-auto-complete.ant-select-lg .ant-input {
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 24px;
}
.ant-select-auto-complete.ant-select-sm .ant-input {
  height: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.ant-input-group > .ant-select-auto-complete .ant-select-search__field.ant-input-affix-wrapper {
  display: inline;
  float: none;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___3nBqM {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.inheritStyles___1u-1A,
.ModelContent___-p4si {
  width: 100%;
  height: 100%;
}
.inheritStyles___1u-1A h2,
.ModelContent___-p4si h2 {
  margin: 0;
  padding-bottom: 0.5em;
}
.inheritStyles___1u-1A h3,
.ModelContent___-p4si h3 {
  margin: 0;
  padding-top: 12px;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk,
.ModelContent___-p4si .schoolTeacherReport___2n0fk {
  width: 100%;
  min-height: calc(100vh - 100px);
  padding: 16px 0;
  background: #edf0f3;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .header___2gHwo .ant-select-selection--single,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .header___2gHwo .ant-select-selection--single {
  background: rgba(24, 144, 255, 0.25);
  height: 36px;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .header___2gHwo .ant-modal-root .ant-modal-wrap .ant-modal,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .header___2gHwo .ant-modal-root .ant-modal-wrap .ant-modal {
  min-width: 500px;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .header___2gHwo .ant-select-selection--single .ant-select-selection__rendered,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .header___2gHwo .ant-select-selection--single .ant-select-selection__rendered {
  margin: 0 16px;
  height: 36px;
  line-height: 36px;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .header___2gHwo .ant-select-item.ant-select-item-option,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .header___2gHwo .ant-select-item.ant-select-item-option {
  color: #1980ff;
  background: rgba(24, 144, 255, 0.25);
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .ant-select-auto-complete.ant-select .ant-input:focus,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .ant-select-auto-complete.ant-select .ant-input:focus,
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .ant-select-auto-complete.ant-select .ant-input:hover,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #bae7ff;
  border-right-width: 1px !important;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .ant-select-selection-selected-value,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .ant-select-selection-selected-value {
  font-size: 16px;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .ant-select-arrow,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .ant-select-arrow {
  top: 34%;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .and-table,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .and-table {
  color: rgba(0, 0, 0, 0.85);
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .header___2gHwo,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .header___2gHwo {
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .header___2gHwo .timeSele___qT7vL,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .header___2gHwo .timeSele___qT7vL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .header___2gHwo .timeSele___qT7vL > h3,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .header___2gHwo .timeSele___qT7vL > h3 {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  margin-right: 24px;
  line-height: 36px;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .header___2gHwo .timeSele___qT7vL .seleOption___1oekk,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .header___2gHwo .timeSele___qT7vL .seleOption___1oekk {
  padding: 0;
  margin: 0;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .contentTable___3-oJF,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .contentTable___3-oJF {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .contentTable___3-oJF .tablebor___1-WEo,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .contentTable___3-oJF .tablebor___1-WEo {
  border: 1px solid #f0f0f0;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .contentTable___3-oJF .tablePagin___O596F,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .contentTable___3-oJF .tablePagin___O596F {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 4px;
}
.inheritStyles___1u-1A .schoolTeacherReport___2n0fk .contentTable___3-oJF .teacherName___2boKo,
.ModelContent___-p4si .schoolTeacherReport___2n0fk .contentTable___3-oJF .teacherName___2boKo {
  color: rgba(0, 0, 0, 0.85);
  text-align: right;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.inheritStyles___1u-1A .headerSchool___3FwnB,
.ModelContent___-p4si .headerSchool___3FwnB {
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.inheritStyles___1u-1A .headerSchool___3FwnB .timeSele___qT7vL,
.ModelContent___-p4si .headerSchool___3FwnB .timeSele___qT7vL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.inheritStyles___1u-1A .headerSchool___3FwnB .timeSele___qT7vL > h3,
.ModelContent___-p4si .headerSchool___3FwnB .timeSele___qT7vL > h3 {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  margin-right: 24px;
  line-height: 36px;
}
.inheritStyles___1u-1A .headerSchool___3FwnB .timeSele___qT7vL .seleOption___1oekk,
.ModelContent___-p4si .headerSchool___3FwnB .timeSele___qT7vL .seleOption___1oekk {
  padding: 0;
  margin: 0;
}
.inheritStyles___1u-1A .headerSchool___3FwnB .rightbtn___2oQQL,
.ModelContent___-p4si .headerSchool___3FwnB .rightbtn___2oQQL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.inheritStyles___1u-1A .headerSchool___3FwnB .rightbtn___2oQQL .reportbtn___23rtO,
.ModelContent___-p4si .headerSchool___3FwnB .rightbtn___2oQQL .reportbtn___23rtO {
  cursor: default;
  width: 82px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  text-align: center;
  padding: 5px 12px;
  font-size: 14px;
  color: #242424;
  font-weight: 600;
  margin-bottom: 10px;
}
.inheritStyles___1u-1A .headerSchool___3FwnB .rightbtn___2oQQL .back___1TfWW,
.ModelContent___-p4si .headerSchool___3FwnB .rightbtn___2oQQL .back___1TfWW {
  width: 54px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  text-align: center;
  padding: 5px 12px;
  font-size: 14px;
  color: #242424;
  font-weight: 600;
  margin: 0 0 10px 12px;
  cursor: default;
}
.inheritStyles___1u-1A .contextRightSchool___3_LwF,
.ModelContent___-p4si .contextRightSchool___3_LwF {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 72px 26px 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  height: calc(100% - 26px);
  overflow-y: auto;
}
.inheritStyles___1u-1A .contextRightSchool___3_LwF .contextRightInfo___n-PoB,
.ModelContent___-p4si .contextRightSchool___3_LwF .contextRightInfo___n-PoB {
  padding: 24px 0;
  width: 100%;
}
.inheritStyles___1u-1A .contextRightSchool___3_LwF .contextRightInfo___n-PoB .contentTitle___11s3t,
.ModelContent___-p4si .contextRightSchool___3_LwF .contextRightInfo___n-PoB .contentTitle___11s3t {
  color: rgba(0, 0, 0, 0.85);
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}
.inheritStyles___1u-1A .contextRightSchool___3_LwF .contextRightInfo___n-PoB .contextDescription___3B5Bi,
.ModelContent___-p4si .contextRightSchool___3_LwF .contextRightInfo___n-PoB .contextDescription___3B5Bi {
  text-indent: 24px;
  margin-top: 16px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  font-family: PingFang SC;
}
.inheritStyles___1u-1A .contextRightSchool___3_LwF .contextRightable___1j_LG,
.ModelContent___-p4si .contextRightSchool___3_LwF .contextRightable___1j_LG {
  margin-top: 8px;
}
.inheritStyles___1u-1A .contextRightSchool___3_LwF .contextRightable___1j_LG .tablebor___1-WEo,
.ModelContent___-p4si .contextRightSchool___3_LwF .contextRightable___1j_LG .tablebor___1-WEo {
  border: 1px solid #f0f0f0;
}
.inheritStyles___1u-1A .contextRightSchool___3_LwF .lineEch___21kRh,
.ModelContent___-p4si .contextRightSchool___3_LwF .lineEch___21kRh {
  width: 100%;
  text-align: center;
  margin-top: 16px;
}
.tableHead___trO7r {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-top: 4px;
  margin-bottom: 8px;
}
.echartsBox___3Clih .tableHead___1w0y3 {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 8px 0;
}
.echartsBox___1qs28 .tableHead___2SfJc {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
          font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 8px 0;
}
.wrap___V0RCz {
  min-height: calc(100vh - 100px);
  background: #f0f2f5;
  padding: 24px 0 0;
}
.wrap___V0RCz .header___V6x5o {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.wrap___V0RCz .header___V6x5o h2 {
  margin-right: 16px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.wrap___V0RCz .header___V6x5o .actionBar___1lASs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap___V0RCz .header___V6x5o .actionBar___1lASs .ant-btn-link {
  padding: 5px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.wrap___V0RCz .header___V6x5o .actionBar___1lASs .selectBox___oLpmG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: #dceeff;
  color: #1980ff;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.wrap___V0RCz .header___V6x5o .actionBar___1lASs .select___1ry7x {
  position: relative;
  cursor: pointer;
  z-index: 100;
  white-space: nowrap;
}
.wrap___V0RCz .header___V6x5o .actionBar___1lASs .select___1ry7x .curSelect___dtwH5 {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.wrap___V0RCz .header___V6x5o .actionBar___1lASs .select___1ry7x .options___v3awf {
  white-space: nowrap;
  opacity: 1;
  overflow: auto;
  height: auto;
  max-height: 500px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: 32px;
  padding: 4px;
  gap: 2px;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.wrap___V0RCz .header___V6x5o .actionBar___1lASs .select___1ry7x .options___v3awf .optionTitle___1XH08 {
  margin-bottom: 0;
  padding: 8px;
  padding-left: 30px;
  color: #1980ff;
  font-size: 14px;
  line-height: 20px;
}
.wrap___V0RCz .header___V6x5o .actionBar___1lASs .select___1ry7x .options___v3awf .option___24o-J {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px;
  color: #424242;
  font-size: 14px;
  line-height: 20px;
}
.wrap___V0RCz .header___V6x5o .actionBar___1lASs .select___1ry7x .hideOptions___3O50z {
  display: none;
  opacity: 0;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterRuleWrap___1p8tL {
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 10px;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .dateTypeWrap___1es-7 {
  display: grid;
  background: #dceeff;
  border-radius: 4px;
  grid-template-columns: repeat(4, 80px);
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
  height: 40px;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .dateTypeWrap___1es-7 .btn___s-jH9 {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .dateTypeWrap___1es-7 .selectedBtn___1C6_t {
  color: #1980ff;
  font-weight: bold;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .dateTypeWrap___1es-7 > div:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  height: 32px;
  top: 8px;
  width: 1px;
  background: #c8e5ff;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .exportBtn___1Uekh {
  border: none;
  background: #c8e5ff;
  color: #1980ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .ruleBtn___JH8tH {
  position: relative;
  height: 40px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #1980ff;
  padding: 8px 8px 8px 16px;
  border-radius: 4px;
  background: #dceeff;
  border: 1px solid #dceeff;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .ruleBtn___JH8tH .anticon-caret-down {
  width: 24px;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .Rectangle___3AwYf {
  position: absolute;
  top: 38px;
  left: -1px;
  right: -1px;
  height: 10px;
  border-right: 1px solid #1980ff;
  border-left: 1px solid #1980ff;
  background: #f5f5f5;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .hasFilterRule___2y6tg {
  color: #fff;
  background-color: #1980ff;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .showFilterRule___2ZfMl {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px 8px 0 0;
  border-top: 1px solid #1980ff;
  border-right: 1px solid #1980ff;
  border-left: 1px solid #1980ff;
  background: #f5f5f5;
  color: #1980ff;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK .showFilterRule___2ZfMl .anticon-caret-down {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .ruleWrap___1uRY1 {
  position: absolute;
  top: -2000px;
  margin-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  gap: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f5f5f5;
  border-radius: 8px;
  border: 1px solid #1980ff;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .ruleWrap___1uRY1 .btnWrap___2lVKc {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .showRuleWrap___2PMfZ {
  position: static;
}
.wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .inputIcon___qUMUd {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.wrap___V0RCz .colCheck___1Kd7m {
  position: relative;
}
.wrap___V0RCz .colCheck___1Kd7m .colBtn___2F43r {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.65);
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.wrap___V0RCz .colCheck___1Kd7m .options___v3awf {
  max-height: 500px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  width: 180px;
  z-index: 100;
  white-space: nowrap;
  opacity: 1;
  overflow: auto;
  height: auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: 40px;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.wrap___V0RCz .colCheck___1Kd7m .hideOptions___3O50z {
  display: none;
  opacity: 0;
}
.wrap___V0RCz .colCheck___1Kd7m .optionTitle___1XH08 {
  padding: 6px;
  color: #616161;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.wrap___V0RCz .colCheck___1Kd7m .option___24o-J {
  padding: 6px;
}
.wrap___V0RCz .colCheck___1Kd7m .option___24o-J .ant-checkbox-wrapper {
  color: #424242;
  font-size: 14px;
  line-height: 20px;
}
.wrap___V0RCz .rangePicker___28X60 {
  width: 270px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.wrap___V0RCz .ant-calendar-picker .ant-input {
  color: #666;
}
.wrap___V0RCz .ant-calendar-picker .ant-input .ant-calendar-picker-icon {
  left: 16px;
  right: auto;
  color: #666;
}
.wrap___V0RCz .ant-select-selection--single {
  height: 40px;
  background: #dceeff;
  color: #1980ff;
  border: none;
  font-weight: 600;
}
.wrap___V0RCz .ant-input {
  padding-left: 40px !important;
}
.wrap___V0RCz .ant-select-selection__rendered {
  line-height: 40px;
}
.wrap___V0RCz .ant-select-arrow {
  color: #1980ff;
}
.wrap___V0RCz .ant-select {
  width: 100px;
}
.wrap___V0RCz .ant-input-affix-wrapper {
  width: 344px;
  height: 40px;
}
.wrap___V0RCz .ant-table-thead > tr > th,
.wrap___V0RCz .ant-table-tbody > tr > td {
  padding: 16px 12px;
}
.wrap___V0RCz .ant-table-wrapper {
  background-color: #fff;
}
.collectTip___1SI_l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
  text-align: center;
  border-radius: 2px;
}
.collectTip___1SI_l > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.delModal___2ZHIP > h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #242424;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 14px;
}
.delModal___2ZHIP > p {
  margin-bottom: 14px;
  color: #242424;
  font-size: 14px;
  line-height: 20px;
}
.delModal___2ZHIP .delModalFooter___2x_iN {
  text-align: right;
}
.delModal___2ZHIP .delModalFooter___2x_iN > button:nth-of-type(1) {
  margin-right: 12px;
}
.editModal___2FTjK .editModalFooter___r3r9l {
  margin-top: 14px;
  text-align: right;
}
.editModal___2FTjK .editModalFooter___r3r9l > button:nth-of-type(1) {
  margin-right: 12px;
}
@media (max-width: 1600px) {
  .wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK {
    display: grid;
    grid-template-columns: 1fr;
  }
  .wrap___V0RCz .tabs___N5dAO .childrenWrap___3L4ZN .filterWrap___1eIAK > div:nth-child(2) {
    height: 50px;
    margin-top: 8px;
  }
}
.searchInputWrapper___11ijY {
  padding: 8px;
}
.searchInputWrapper___11ijY .searchInput___1vusc {
  width: 220px;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  top: 1px;
}
.searchInputWrapper___11ijY .searchInput___1vusc .ant-input {
  padding-left: 40px;
}
.searchInputWrapper___11ijY .searchInput___1vusc .inputIcon___qUMUd {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.ruleWrap___3NxIu {
  position: absolute;
  top: -2000px;
  margin-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  gap: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f5f5f5;
  border-radius: 8px;
  border: 1px solid #1980ff;
}
.ruleWrap___3NxIu .btnWrap___1yiMd {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.showRuleWrap___cURxX {
  position: static;
}
.ruleListWrap___2Pths {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
}
.ruleListWrap___2Pths .notData___4mCZO {
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
}
.ruleListWrap___2Pths .ruleItem___hFY2m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  padding-right: 8px;
}
.ruleListWrap___2Pths .addBtn___1cmFP {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #424242;
}
.ruleListWrap___2Pths input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}
.ruleListWrap___2Pths input[type="number"]::-webkit-inner-spin-button,
.ruleListWrap___2Pths input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ruleListWrap___2Pths .ant-select-selection--single {
  height: 32px;
  background: #fff;
  color: #707070;
  font-weight: 500;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
}
.ruleListWrap___2Pths .ant-select-selection-selected-value > i {
  display: none;
}
.ruleListWrap___2Pths .ant-input {
  width: 60px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-left: 10px !important;
}
.ruleListWrap___2Pths .ant-select-selection__rendered {
  line-height: 32px;
}
.ruleListWrap___2Pths .ant-select-arrow {
  color: #616161;
}
.drop .ant-select-dropdown-menu {
  padding: 4px;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.drop .ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #424242;
  font-size: 14px;
  line-height: 20px;
  padding: 6px !important;
}
.drop .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #fff;
}
.drop .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected {
  background-color: #fff;
  font-weight: 400;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-number {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number:placeholder-shown {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #429eff;
  border-right-width: 1px !important;
}
.ant-input-number:focus {
  border-color: #429eff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #429eff;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #429eff;
  border-right-width: 1px !important;
}
.ant-input-number-focused {
  border-color: #429eff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(25, 128, 255, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:placeholder-shown {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  -webkit-transition: opacity 0.24s linear 0.1s;
  -o-transition: opacity 0.24s linear 0.1s;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  -webkit-transform: scale(0.58333333) rotate(0deg);
      -ms-transform: scale(0.58333333) rotate(0deg);
          transform: scale(0.58333333) rotate(0deg);
  min-width: auto;
  margin-right: 0;
}
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.ratingScaleWrap___3IVU_ {
  padding: 24px 0;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___3IVU_ .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___1zoPE {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 20px;
}
.ratingScaleContent___2nY32 {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
}
.roleTab___LQupG {
  text-align: center;
}
.roleTab___LQupG > div:nth-of-type(1) {
  margin-bottom: 0;
}
.contentWrap___3s4gE {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 44px);
}
.contentLeft___2ZytZ {
  width: 240px;
  height: 100%;
  border-right: 1px solid #e8e8e8;
}
.contentLeft___2ZytZ > h4 {
  margin: 0;
  padding: 16px 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.45);
}
.departmentList___HgW_O {
  height: calc(100% - 48px);
  overflow-y: auto;
}
.departmentItem___19CO3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 9px 16px 9px 40px;
  border: none;
  border-right: 3px solid transparent;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.departmentItem___19CO3.active___2CY-d {
  border-color: #1980ff;
  background: #e6f7ff;
}
.departmentItem___19CO3.active___2CY-d > span {
  color: #1980ff;
}
.departmentItem___19CO3.active___2CY-d > b {
  background: #1980ff;
}
.departmentItem___19CO3 > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  color: rgba(0, 0, 0, 0.85);
}
.departmentItem___19CO3 > b {
  width: 32px;
  height: 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: #bfbfbf;
  border-radius: 10px;
}
.contentRight___2hPNE {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 24px 24px;
}
.contentForm___28gOx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___28gOx > div:nth-of-type(1) > div {
  margin-right: 8px;
}
.contentForm___28gOx > div:nth-of-type(2) > button {
  margin-right: 8px;
}
.contentForm___28gOx > div:nth-of-type(2) > button:nth-last-of-type(1) {
  margin-right: 0;
}
.typeTab___258qE > div:nth-of-type(1) {
  margin-bottom: 0;
}
.actionBar___1tLky {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.deleteBtn___yyRir {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
}
.deleteBtn___yyRir:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.contentTable___3kcrg {
  height: calc(100% - 60px);
}
.contentTable___3kcrg tr th:nth-last-of-type(1),
.contentTable___3kcrg tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___3kcrg tr th:nth-last-of-type(1) button,
.contentTable___3kcrg tr td:nth-last-of-type(1) button {
  padding: 0;
}
.addModal___1q9vN {
  width: 368px !important;
}
.addTarget___1CD7S > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___1CD7S .addItem___1vGtO {
  margin-bottom: 24px;
}
.addTarget___1CD7S .addItem___1vGtO > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___1CD7S .addItem___1vGtO > div {
  width: 100%;
}
.addTarget___1CD7S .addItem___1vGtO .textBox___-Q32Z {
  font-size: 16px;
  color: #333333;
}
.addTarget___1CD7S .addTargetFooter___1jgEj {
  padding-top: 24px;
  text-align: right;
}
.addTarget___1CD7S .addTargetFooter___1jgEj > button:nth-of-type(1) {
  margin-right: 12px;
}
.selectTeacherModal___2lSoH {
  width: 1000px !important;
  padding-bottom: 0;
}
.selectTeacher___sdHBi {
  width: 952px;
  height: calc(80vh - 154px);
  border: 1px solid #dfdfdf;
}
.filterBox___2lYQq {
  width: 100%;
  padding: 16px;
  border-bottom: 1px solid #dfdfdf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.filterItem___2P--L {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.filterItem___2P--L > span {
  margin-right: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  color: rgba(51, 51, 51, 0.85);
}
.teacherTable___3Lwfy {
  width: 100%;
}
.ratingScaleWrap___-lGQb {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___-lGQb .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___3G088 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___3G088 h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___3G088 > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.ratingScaleContent___LNOZu {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
}
.contentForm___HyLK_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___HyLK_ > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox___1H2SN {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
}
.inputBox___1H2SN label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___1H2SN input {
  display: inline-block;
  vertical-align: middle;
}
.contentTable___3698U tr th:nth-last-of-type(1),
.contentTable___3698U tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___3698U tr th:nth-last-of-type(1) button,
.contentTable___3698U tr td:nth-last-of-type(1) button {
  padding: 0;
}
.previewWrap___2ou5v {
  display: block;
  height: calc(100% - 90px);
  width: 320px;
  margin-left: 24px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 72px;
  right: 24px;
}
.previewTitle___HLLTm {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___HLLTm button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___26DUQ {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.unscoreSwitch___1kseK {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.unscoreSwitch___1kseK > i {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.unscoreSwitch___1kseK > button {
  margin: 0 5px 0 10px;
}
.deleteBtn___3ZkPK {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-left: 8px;
}
.deleteBtn___3ZkPK:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.addTarget___2nJQR > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___2nJQR .addItem___2PhCe {
  margin-bottom: 24px;
}
.addTarget___2nJQR .addItem___2PhCe > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___2nJQR .addItem___2PhCe > div {
  width: 100%;
}
.addTarget___2nJQR .addItem___2PhCe .textBox___3GoPQ {
  font-size: 16px;
  color: #333333;
}
.addTarget___2nJQR .addTargetFooter___xY1ee {
  padding-top: 24px;
  text-align: right;
}
.addTarget___2nJQR .addTargetFooter___xY1ee > button:nth-of-type(1) {
  margin-right: 12px;
}
.addModal___VvTwf {
  width: 767px !important;
}
.addModal___VvTwf .ant-modal-body {
  padding: 0;
}
.addModal___VvTwf .ant-table-placeholder {
  border-radius: 0;
}
.addModal___VvTwf .ant-empty-normal {
  margin: 103px 0;
}
.addModalContent___i4LQC .mainContent___5qnUe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 355px;
}
.addModalContent___i4LQC .filterBox___3UVTs {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.addModalContent___i4LQC .filterItem___3Mlpb {
  margin-bottom: 16px;
}
.addModalContent___i4LQC .filterItem___3Mlpb:nth-last-of-type(1) {
  margin-bottom: 0;
}
.addModalContent___i4LQC .filterItem___3Mlpb > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.addModalContent___i4LQC .contentFooter___3T1ef {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
.addModalContent___i4LQC .searchBtnBox___2NHYJ {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.paginationBox___r0BHu {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 16px 0;
  text-align: center;
}
.addModalFooter___2qxtM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ratingScaleWrap___1xi1j {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___1xi1j .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___1raxL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___1raxL h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___1raxL > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.ratingScaleContent___3iRxk {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
}
.contentForm___1lRYw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___1lRYw > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox___2QOac {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
}
.inputBox___2QOac > span {
  width: auto;
}
.inputBox___2QOac label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___2QOac input {
  display: inline-block;
  vertical-align: middle;
}
.contentTable___KFcRl tr th:nth-last-of-type(1),
.contentTable___KFcRl tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___KFcRl tr th:nth-last-of-type(1) button,
.contentTable___KFcRl tr td:nth-last-of-type(1) button {
  padding: 0;
}
.previewWrap___1j_3o {
  display: block;
  height: calc(100% - 90px);
  width: 320px;
  margin-left: 24px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 72px;
  right: 24px;
}
.previewTitle___2hBB5 {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___2hBB5 button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___1YnzX {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.unscoreSwitch___3-oT1 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.unscoreSwitch___3-oT1 > i {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.unscoreSwitch___3-oT1 > button {
  margin: 0 5px 0 10px;
}
.deleteBtn___1ag8A {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-left: 8px;
}
.deleteBtn___1ag8A:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.addTarget___1F4GG > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___1F4GG .addItem___2X23v {
  margin-bottom: 24px;
}
.addTarget___1F4GG .addItem___2X23v > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___1F4GG .addItem___2X23v > div {
  width: 100%;
}
.addTarget___1F4GG .addItem___2X23v .textBox___16AxK {
  font-size: 16px;
  color: #333333;
}
.addTarget___1F4GG .addTargetFooter___3FsEE {
  padding-top: 24px;
  text-align: right;
}
.addTarget___1F4GG .addTargetFooter___3FsEE > button:nth-of-type(1) {
  margin-right: 12px;
}
.addModal___30i70 {
  width: 767px !important;
}
.addModal___30i70 .ant-modal-body {
  padding: 0;
}
.addModal___30i70 .ant-table-placeholder {
  border-radius: 0;
}
.addModal___30i70 .ant-empty-normal {
  margin: 103px 0;
}
.addModalContent___1NKM0 .mainContent___1m2R- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 355px;
}
.addModalContent___1NKM0 .filterBox___fQucZ {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.addModalContent___1NKM0 .filterItem___2MZol {
  margin-bottom: 16px;
}
.addModalContent___1NKM0 .filterItem___2MZol:nth-last-of-type(1) {
  margin-bottom: 0;
}
.addModalContent___1NKM0 .filterItem___2MZol > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.addModalContent___1NKM0 .contentFooter___WJ7gw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
.addModalContent___1NKM0 .searchBtnBox___14bcX {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.paginationBox___1fNF8 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 16px 0;
  text-align: center;
}
.addModalFooter___1fbot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ratingScaleWrap___2-0yh {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___2-0yh .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleWrap___2-0yh .ant-tabs-nav-scroll {
  text-align: center;
}
.ratingScaleHeader___3i1kj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___3i1kj h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___3i1kj > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.ratingScaleContent___3SDrz {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 0 24px 24px;
}
.contentForm___2Mm_f {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___2Mm_f > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox___54JUs {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
}
.inputBox___54JUs label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___54JUs input {
  display: inline-block;
  vertical-align: middle;
}
.contentTable___2irs6 tr th:nth-last-of-type(1),
.contentTable___2irs6 tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___2irs6 tr th:nth-last-of-type(1) button,
.contentTable___2irs6 tr td:nth-last-of-type(1) button {
  padding: 0;
}
.previewWrap___3Bw4h {
  display: block;
  height: calc(100% - 90px);
  width: 320px;
  margin-left: 24px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 72px;
  right: 24px;
}
.previewTitle___1i8V1 {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___1i8V1 button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___AjfEV {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.unscoreSwitch___1Ue4w {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.unscoreSwitch___1Ue4w > i {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.unscoreSwitch___1Ue4w > button {
  margin: 0 5px 0 10px;
}
.deleteBtn___1rX-P {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-right: 8px;
}
.deleteBtn___1rX-P:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.addTarget___1Y897 > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___1Y897 .addItem___DaUsz {
  margin-bottom: 24px;
}
.addTarget___1Y897 .addItem___DaUsz > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___1Y897 .addItem___DaUsz > div {
  width: 100%;
}
.addTarget___1Y897 .addItem___DaUsz .textBox___3DfS1 {
  font-size: 16px;
  color: #333333;
}
.addTarget___1Y897 .addTargetFooter___1m4KU {
  padding-top: 24px;
  text-align: right;
}
.addTarget___1Y897 .addTargetFooter___1m4KU > button:nth-of-type(1) {
  margin-right: 12px;
}
.inClassRow___3NEuO {
  background: #f6ffed;
}
.ratingScaleWrap___2WPOu {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___2WPOu .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleHeader___2p0xd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___2p0xd h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___2p0xd > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.ratingScaleContent___27bvY {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
}
.contentForm___U0vyU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___U0vyU > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox___1crlM {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
}
.inputBox___1crlM label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___1crlM input {
  display: inline-block;
  vertical-align: middle;
}
.contentTable___1RZ0_ tr th:nth-last-of-type(1),
.contentTable___1RZ0_ tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___1RZ0_ tr th:nth-last-of-type(1) button,
.contentTable___1RZ0_ tr td:nth-last-of-type(1) button {
  padding: 0;
}
.previewWrap___2UStf {
  display: block;
  height: calc(100% - 90px);
  width: 320px;
  margin-left: 24px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 72px;
  right: 24px;
}
.previewTitle___yyAA5 {
  width: 320px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.previewTitle___yyAA5 button {
  padding: 0;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-size: 16px;
}
.previewContent___2mQYa {
  width: 320px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.unscoreSwitch___33Iam {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.unscoreSwitch___33Iam > i {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.unscoreSwitch___33Iam > button {
  margin: 0 5px 0 10px;
}
.deleteBtn___3XOYz {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-right: 8px;
  margin-left: 8px;
}
.deleteBtn___3XOYz:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.addTarget___1MW3w > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___1MW3w .addItem___9qq0r {
  margin-bottom: 24px;
}
.addTarget___1MW3w .addItem___9qq0r > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___1MW3w .addItem___9qq0r > div {
  width: 100%;
}
.addTarget___1MW3w .addItem___9qq0r .textBox___ttoEr {
  font-size: 16px;
  color: #333333;
}
.addTarget___1MW3w .addTargetFooter___3eeoS {
  padding-top: 24px;
  text-align: right;
}
.addTarget___1MW3w .addTargetFooter___3eeoS > button:nth-of-type(1) {
  margin-right: 12px;
}
.allotTip___4gLI0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
  text-align: center;
  border-radius: 2px;
}
.allotTip___4gLI0 > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.taskCard___3oc-i {
  width: 100%;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  text-align: left;
}
.infoTitle___2_xg_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseName___1ns-m {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.courseName___1ns-m > span {
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.courseName___1ns-m > i {
  font-style: normal;
  font-size: 13px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
}
.scoreMark___3QAYm {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border-radius: 8px;
}
.scoreMark___3QAYm > i {
  display: inline-block;
  width: 100%;
  font-weight: 900;
  font-size: 16px;
  line-height: 18px;
}
.courseCountBox___1L23T,
.desBox___121CK {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  padding: 8px;
  background: #fff;
  border-radius: 8px;
}
.courseCountBox___1L23T > b,
.desBox___121CK > b {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
}
.courseCountBox___1L23T > span,
.desBox___121CK > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.appointBox___1dZmp {
  margin-top: 8px;
  padding: 8px;
  background: #fff;
  border-radius: 8px;
}
.appointHeader___aAeIT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.appointHeader___aAeIT > button {
  height: 24px;
  padding: 0;
}
.infoBox___2AlIz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
}
.infoBox___2AlIz > i {
  margin-right: 4px;
}
.btnBox___xXSBR > button {
  height: 24px;
  padding: 0 12px;
}
.btnBox___xXSBR > i {
  font-size: 12px;
  color: #1980ff;
}
.courseInfo___2zqA6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.courseInfo___2zqA6 > span {
  margin-left: 4px;
  margin-right: 8px;
}
.cardFooter___1zoa2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
.cardFooter___1zoa2 > i {
  margin-top: 2px;
}
.cardFooter___1zoa2 > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6063);
}
.cardFooter___1zoa2 .footerTag___1TJd7 {
  display: inline-block;
  padding: 2px 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  border-radius: 4px;
}
.menuTitle___10Gwi {
  display: inline-block;
  padding: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #616161;
}
.menuItem___3StJp {
  padding: 8px;
}
.menuItem___3StJp > button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  color: #424242;
}
.menuItem___3StJp > button > i {
  margin-top: 2px;
}
.menuItem___3StJp > button > span {
  margin-left: 4px !important;
}
.courseDetail___3VtFD {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.courseDetail___3VtFD .courseDetailBox___3Kkv_ {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
  padding: 8px;
  background: #fff;
  border-radius: 8px;
}
.courseDetail___3VtFD .courseDetailBox___3Kkv_:nth-of-type(1) {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 106px;
  margin-left: 0;
}
.courseDetail___3VtFD .courseDetailBox___3Kkv_ > span {
  display: block;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
}
.courseDetail___3VtFD .courseDetailBox___3Kkv_ > i {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
}
.contentBox___1Ea9l {
  margin-bottom: 16px;
}
.contentTitle___1f1aW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.contentTitle___1f1aW > span {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.contentWrap___NGuvu {
  padding: 16px;
  background: #f1f7fc;
  border-radius: 8px;
}
.allotModal___33yYS {
  width: 600px !important;
}
.allotModal___33yYS .ant-modal-body {
  padding: 8px;
}
.allotFooter___3JrDv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.allotContent___14G8F {
  padding: 16px;
}
.infoTitle___3rboB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courseName___2BYE2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.courseName___2BYE2 > span {
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.courseName___2BYE2 > i {
  font-style: normal;
  font-size: 13px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
}
.taskExecutorItem___5hMoO {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  padding: 3px 4px;
  border: 1px solid transparent;
  border-radius: 6px;
}
.taskExecutorItem___5hMoO .ant-btn {
  min-width: unset;
  width: 20px;
  height: 20px;
  line-height: 0;
  color: rgba(0, 0, 0, 0.4);
}
.taskExecutorItem___5hMoO .ant-btn > .anticon {
  line-height: 12px;
}
.taskExecutorItem___5hMoO:nth-last-of-type(1) {
  margin-bottom: 0;
}
.taskExecutorItem___5hMoO > b {
  display: inline-block;
  margin-right: 12px;
  padding: 4px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
.taskExecutorItem___5hMoO > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #000;
}
.taskExecutorItem___5hMoO > span > i {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.45);
}
.taskExecutorItem___5hMoO > i {
  display: inline-block;
  padding: 2px 4px;
  background: #f0f0f0;
  border-radius: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #8c8c8c;
}
.noExecutorTip___3--Pn {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.3614);
}
.dateBox___KdUsf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dateBox___KdUsf > span {
  width: 220px;
}
.dateBox___KdUsf > i {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
  padding: 6px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #8c8c8c;
  background: #fafafa;
  border-radius: 8px;
}
.dateBox___KdUsf > i.courseCountTip___2X9oC {
  background: #feffe6;
  color: #876800;
}
.dateBox___KdUsf > i.courseCountTip___2X9oC > b {
  color: #614700;
}
.dateBox___KdUsf > i.error___3xKqI {
  background: #fff1f0;
  color: #a8071a;
}
.loadingBox___1Nc-w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.executorModal___3DwO2 {
  width: 360px !important;
}
.executorModal___3DwO2 .ant-modal-body {
  padding: 0;
}
.executorModal___3DwO2 .ant-tabs-nav-scroll {
  text-align: center;
}
.executorModal___3DwO2 .ant-tabs-bar {
  margin-bottom: 0;
}
.executorSelectContent___3-FoW {
  padding: 8px 16px;
}
.listWrap___240dO {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 256px;
  padding-top: 8px;
}
.departmentList___2A3bq {
  width: 129px;
  height: 100%;
  overflow-y: auto;
  border-right: 1px solid #e8e8e8;
}
.departmentItem___15JGc {
  display: block;
  width: 100%;
  height: 32px;
  padding: 0 12px;
  position: relative;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #424242;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.departmentItem___15JGc::before {
  content: ' ';
  display: block;
  width: 3px;
  height: 16px;
  background: transparent;
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 3px;
}
.departmentItem___15JGc.active___b73um {
  font-weight: 600;
  color: #242424;
}
.departmentItem___15JGc.active___b73um::before {
  background: #1980ff;
}
.executorListWrap___3CKup {
  width: calc(100% - 137px);
  height: 100%;
  padding-left: 8px;
  position: relative;
}
.executorLoading___aIPv0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  background: rgba(255, 255, 255, 0.65);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.executorList___2wP4s {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.executorItem___mod3Y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.executorItem___mod3Y.active___b73um {
  background: #e6f7ff;
  border-color: #91d5ff;
}
.executorItem___mod3Y.active___b73um > .departmentInfo___2u4TN {
  color: #1980ff;
  background: #bae7ff;
}
.executorItem___mod3Y > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.executorItem___mod3Y > div > p {
  margin: 0 0 0 8px;
  font-family: inherit;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.executorItem___mod3Y > div > .teacherInfo___3sMz1 {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: calc(100% - 8px);
}
.executorItem___mod3Y .teacherInfo___3sMz1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #424242;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.executorItem___mod3Y .teacherInfo___3sMz1 > i {
  font-style: normal;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.executorItem___mod3Y .departmentInfo___2u4TN {
  display: inline-block;
  padding: 2px 4px;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #8c8c8c;
  background: #f0f0f0;
  border-radius: 4px;
  white-space: nowrap;
}
.executorSelectFooter___3JkW_ {
  padding: 16px;
  border-top: 1px solid #e8e8e8;
  text-align: right;
}
.deleteBtn___2l0m3 {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-right: 8px;
  margin-left: 8px;
}
.deleteBtn___2l0m3:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.modalLoading___23YJA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
}
.ratingScaleWrap___51OqB {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___51OqB .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleWrap___51OqB .ant-tabs-nav-scroll {
  text-align: center;
}
.ratingScaleHeader___hGi60 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___hGi60 h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___hGi60 > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.ratingScaleContent___1bnxE {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 0;
}
.ratingScaleContent___1bnxE .ant-tabs-bar {
  margin: 0;
}
.taskCardContainer___NIYdm {
  padding: 24px;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 calc(17.333%);
      -ms-flex: 1 1 calc(17.333%);
          flex: 1 1 calc(17.333%);
}
.cardBox___4dkFX {
  display: inline-block;
  width: calc((100% - 16px) / 3);
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 16px;
  background: #f1f7fc;
  border: 1px solid rgba(0, 0, 0, 0.0803);
  border-radius: 8px;
}
.cardBox___4dkFX:nth-of-type(3n) {
  margin-right: 0;
}
.taskEmptyTip___C8ohg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.36);
  font-size: 18px;
  font-weight: 500;
}
.ratingScaleWrap___3yEuD {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___3yEuD .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleWrap___3yEuD .ant-tabs-nav-scroll {
  text-align: center;
}
.ratingScaleHeader___3h123 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___3h123 h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___3h123 > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.ratingScaleContent___1coXV {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 0;
}
.rolesAndDepartmentWrap___tIvdV {
  display: inline-block;
  width: 241px;
  height: 100%;
  background: #f5f5f5;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  vertical-align: top;
}
.roleTabsWrap___2MdwZ {
  padding: 4px;
  margin: 16px 16px 8px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #e6f7ff;
  position: relative;
}
.roleTabs___4w0aZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
.roleTabs___4w0aZ > button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding: 4px 16px;
  font-size: 13px;
  line-height: 15px;
  border-radius: 16px;
  color: #1980ff;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  cursor: pointer;
}
.roleActive____JAha {
  display: inline-block;
  width: 66px;
  height: 23px;
  background: #1980ff;
  border-radius: 16px;
  -webkit-transition: left .3s;
  -o-transition: left .3s;
  transition: left .3s;
  position: absolute;
  top: 4px;
  left: 4px;
}
.departmentsListWrap___OvQIx {
  height: calc(100% - 57px);
}
.departmentsListWrap___OvQIx > span {
  display: inline-block;
  width: 100%;
  padding: 12px 40px 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.departmentsList___1vVU3 {
  height: calc(100% - 36px);
  overflow: auto;
}
.departmentPanel___26r1r {
  width: calc(100% - 8px);
  margin: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 8px 12px;
  color: rgba(0, 0, 0, 0.61);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
}
.departmentPanel___26r1r > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
  font-size: 15px;
  font-family: PingFang SC;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-align: left;
}
.departmentPanel___26r1r.active___rRS-_ {
  background: #fff;
}
.departmentPanel___26r1r.active___rRS-_ > i:nth-of-type(2) {
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
}
.departmentPanel___26r1r.selected___2GW6q {
  background: #bae7ff;
  color: #1980ff;
}
.departmentPanel___26r1r > i:nth-of-type(2) {
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: rotateZ(0deg);
      -ms-transform: rotate(0deg);
          transform: rotateZ(0deg);
}
.executorList___1oWpy {
  padding-left: 26px;
  overflow: hidden;
  height: 0;
  -webkit-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s;
}
.executorItem___SQWwu {
  padding: 4px 4px 4px 6px;
  border-left: 1px dashed rgba(0, 0, 0, 0.16);
}
.executorItem___SQWwu > button {
  width: 100%;
  padding: 8px 8px 8px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.61);
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.executorItem___SQWwu > button.active___rRS-_ {
  color: #1980ff;
  background: #bae7ff;
}
.taskContentWrap___1fw2t {
  display: inline-block;
  width: calc(100% - 241px);
  height: 100%;
  vertical-align: top;
}
.taskContentTitle___g4cX2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
}
.leftDepartmentBox___3cMwz > div > i {
  margin-right: 8px;
}
.leftDepartmentBox___3cMwz > div > b {
  display: inline-block;
  padding: 4px 8px;
  background: #f0f0f0;
  border-radius: 4px;
  color: #8c8c8c;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.leftDepartmentBox___3cMwz > span {
  margin-top: 8px;
  color: #242424;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.leftDepartmentBox___3cMwz > span > b {
  color: rgba(0, 0, 0, 0.61);
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
}
.headerTag___OpXT2 {
  display: inline-block;
  padding: 4px 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  border-radius: 4px;
}
.taskContent___ei8We {
  height: calc(100% - 92px);
  padding: 4px 8px;
}
.taskCardBox___3mIsb {
  display: inline-block;
  width: 50%;
  height: 100%;
  vertical-align: top;
}
.taskCardBox___3mIsb > h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 24px;
}
.taskCardBox___3mIsb > h4 > i {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.taskCardBox___3mIsb > h4 > span {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.61);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.taskCardBox___3mIsb > h4 > b {
  display: inline-block;
  padding: 0 8px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  border-radius: 10px;
  background: #bfbfbf;
}
.taskCardList___3Xyc- {
  padding: 0 24px;
  height: calc(100% - 72px);
  overflow-y: auto;
}
.cardBox___3Rx61 {
  margin-bottom: 8px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f1f7fc;
}
.cardBox___3Rx61:nth-last-of-type(1) {
  margin-bottom: 0;
}
.addTarget___1hoAU > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___1hoAU .addItem___J_Fps {
  margin-bottom: 24px;
}
.addTarget___1hoAU .addItem___J_Fps > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___1hoAU .addItem___J_Fps > div {
  width: 100%;
}
.addTarget___1hoAU .addItem___J_Fps .textBox___1L7Er {
  font-size: 16px;
  color: #333333;
}
.addTarget___1hoAU .addTargetFooter___2JKqv {
  padding-top: 24px;
  text-align: right;
}
.addTarget___1hoAU .addTargetFooter___2JKqv > button:nth-of-type(1) {
  margin-right: 12px;
}
.taskEmptyTip___2z4MT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.36);
  font-size: 18px;
  font-weight: 500;
}
.wrapper___U3-5I {
  padding: 24px;
  background: #fff;
  width: 100%;
}
.wrapper___U3-5I .monthWrapper___217zb {
  display: grid;
  grid-template-columns: 1fr 32px 32px 32px;
  grid-column-gap: 8px;
  justify-items: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.wrapper___U3-5I .monthWrapper___217zb > span:first-child {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 500;
}
.wrapper___U3-5I .monthWrapper___217zb > button {
  padding: 0 9px;
  background: rgba(24, 144, 255, 0.15);
  border: none;
}
.wrapper___U3-5I .monthWrapper___217zb > button span {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #1980ff;
  border-radius: 50%;
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI {
  font-family: PingFang SC;
  font-style: normal;
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .calendarTitleWrapper___3rZC8 {
  font-weight: 500;
  font-size: 12px;
  line-height: 31px;
  color: rgba(0, 0, 0, 0.54);
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .calendarTitleWrapper___3rZC8 th {
  height: 31px;
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .calendarBodyWrapper___D6PxZ {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.8);
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .calendarBodyWrapper___D6PxZ .tdWrapper___2Y62L {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .calendarBodyWrapper___D6PxZ .tdWrapper___2Y62L > span {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .calendarBodyWrapper___D6PxZ td {
  text-align: center;
  height: 34px;
  position: relative;
  cursor: default;
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .calendarBodyWrapper___D6PxZ button {
  display: none;
  outline: none;
  border: none;
  background: transparent;
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .daySelected___YCYBK:hover {
  background: #bae7ff;
  border-radius: 4px;
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .daySelected___YCYBK:hover > div {
  color: #1980ff !important;
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .daySelected___YCYBK:hover button {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .currentDaySelected___3_r_R {
  background: #bae7ff;
  border-radius: 4px;
}
.wrapper___U3-5I .calendarTableWrapper___3FrrI .currentDaySelected___3_r_R > div {
  color: #1980ff !important;
}
.timerSelect___qeQXo {
  margin-top: 10px;
}
.timerSelect___qeQXo .selectTime___2vbmS {
  width: 100%;
  margin-top: 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d9d9d9;
  overflow: hidden;
  border-radius: 4px;
}
.timerSelect___qeQXo .selectTime___2vbmS .ant-select-selection {
  border: none;
  border-radius: 0%;
}
.timerSelect___qeQXo .selectTime___2vbmS .ant-select-selection__rendered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.collapse___3nQbC {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.collapse___3nQbC .collapseTitle___272ws {
  height: 44px;
  padding: 11px 8px 13px 8px;
  color: #242424;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}
.collapse___3nQbC .collapseTitle___272ws > i {
  margin-right: 8px;
}
.collapse___3nQbC .collapseContent___3aqV- {
  padding: 0 12px 12px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.collapse___3nQbC .infoItem___AHlVG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.collapse___3nQbC .infoItem___AHlVG > span {
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.collapse___3nQbC .infoItem___AHlVG > div {
  width: 78%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.collapse___3nQbC .infoItem___AHlVG > div i {
  cursor: pointer;
}
.collapse___3nQbC .infoItem___AHlVG h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 78%;
}
.collapse___3nQbC .infoItem___AHlVG h3 span {
  color: #8c8c8c;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  background: #f0f0f0;
}
.collapse___3nQbC .infoItem___AHlVG h3 i {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.collapse___3nQbC .DownloadQRCode___2uknu {
  width: 0;
  height: 0;
  overflow: hidden;
}
.collapse___3nQbC .QRCodeBox___3q3C_ {
  padding-left: 98px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
.collapse___3nQbC .QRCodeBox___3q3C_ .QRCodeBorder___3vyDP {
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 8px;
}
.collapse___3nQbC .QRCodeBox___3q3C_ .downloadSetting___2aoM- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.collapse___3nQbC .QRCodeBox___3q3C_ .downloadSetting___2aoM- .ant-btn-default {
  font-weight: 600;
  color: #242424;
}
.collapse___3nQbC .QRCodeBox___3q3C_ .downloadSetting___2aoM- p {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.65);
}
.collapse___3nQbC .dateItem___24_-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.collapse___3nQbC .dateItem___24_-s > div {
  width: 78%;
}
.hideCol___2MDWR {
  height: 44px;
  overflow: hidden;
}
.hideCol___2MDWR .collapseTitle___272ws > i {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.calendarMask___2sYda {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1020;
}
.calendarMask___2sYda .calendarContent___3_OzU {
  width: 286px;
  border-radius: 4px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.calendarMask___2sYda > button {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  top: 0;
  right: 0;
  outline: none;
  border: none;
  background: transparent;
}
.liveBroadcastWrap___QkRMG {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  height: calc(100vh - 100px);
}
.liveBroadcastWrap___QkRMG .liveBroadcastHeader___2UTJY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.liveBroadcastWrap___QkRMG .liveBroadcastHeader___2UTJY h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.liveBroadcastWrap___QkRMG .liveBroadcastContent____9R0V {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 0;
  overflow: hidden;
}
.liveBroadcastWrap___QkRMG .liveBroadcastContent____9R0V .sidebar___1E4yG {
  display: inline-block;
  width: 241px;
  height: 100%;
  background: #f5f5f5;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  vertical-align: top;
  overflow-y: auto;
}
.liveBroadcastWrap___QkRMG .liveBroadcastContent____9R0V .sidebar___1E4yG .sideSeacher___3Qnh3 {
  padding: 16px 16px 8px 16px;
}
.liveBroadcastWrap___QkRMG .liveBroadcastContent____9R0V .main___WjXB5 {
  display: inline-block;
  width: calc(100% - 241px);
  height: 100%;
  vertical-align: top;
}
.liveBroadcastWrap___QkRMG .liveBroadcastContent____9R0V .main___WjXB5 .mainTitle___3dv1u {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
}
.liveBroadcastWrap___QkRMG .liveBroadcastContent____9R0V .main___WjXB5 .mainTitle___3dv1u > div:last-child {
  width: 120px;
}
.floorInfo___3ZDGY .InfoTag___y4M0v {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.floorInfo___3ZDGY .InfoTag___y4M0v span {
  background-color: #f0f0f0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  color: #8c8c8c;
}
.floorInfo___3ZDGY h2 {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  color: #242424;
}
.floorInfo___3ZDGY h2 span {
  margin-left: 4px;
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.statusTabsWrap___zgnkH {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 275px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #e6f7ff;
  position: relative;
}
.statusTabs___2Jqoc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
  padding: 4px;
}
.statusTabs___2Jqoc > button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  height: 26px;
  font-size: 13px;
  border-radius: 6px;
  color: #1980ff;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  cursor: pointer;
}
.statusActive___KluXh {
  display: inline-block;
  width: 66px;
  height: 26px;
  background: #1980ff;
  border-radius: 6px;
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
  position: absolute;
  top: 4px;
  left: 4px;
}
.campuseWrap___2ovSP {
  padding-bottom: 8px;
}
.campuseWrap___2ovSP .campuseItem___3Ml9Q {
  padding: 8px 40px 8px 16px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: #666f8d;
  background-color: #ebebeb;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.campuseWrap___2ovSP .buildingWrap___1W8eS {
  padding: 4px;
  overflow: hidden;
  cursor: pointer;
}
.campuseWrap___2ovSP .buildingWrap___1W8eS .buildingItem___3Voeo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0000009b;
  padding: 8px 8px 8px 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.campuseWrap___2ovSP .buildingWrap___1W8eS .buildingItem___3Voeo > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.campuseWrap___2ovSP .buildingWrap___1W8eS .buildingItem___3Voeo > div > i {
  margin-right: 8px;
}
.campuseWrap___2ovSP .buildingWrap___1W8eS .buildingSelected___3JMEw {
  border-radius: 8px;
  background: #fff;
}
.campuseWrap___2ovSP .buildingWrap___1W8eS .floorWrap___YHa3Y {
  margin-left: 26px;
  padding: 4px;
  border-left: 1px dashed #00000029;
}
.campuseWrap___2ovSP .buildingWrap___1W8eS .floorWrap___YHa3Y .floorItemBox___2KQJt {
  padding: 4px;
}
.campuseWrap___2ovSP .buildingWrap___1W8eS .floorWrap___YHa3Y .floorItem___3WXm0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0000009b;
  padding: 8px 8px 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.campuseWrap___2ovSP .buildingWrap___1W8eS .floorWrap___YHa3Y .floorItem___3WXm0 > i {
  margin-right: 8px;
}
.campuseWrap___2ovSP .buildingWrap___1W8eS .floorWrap___YHa3Y .floorSelected___3cKUC {
  font-weight: 600;
  color: #1980ff;
  border-radius: 8px;
  background-color: #bae7ff;
}
.classroomList___ElD4X {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
  margin: 16px;
  height: calc(100% - 127px);
  overflow-y: auto;
}
.classroomList___ElD4X .roomCard___3PY4D {
  width: 240px;
  height: 182px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f1f7fc;
}
.classroomList___ElD4X .roomCard___3PY4D .roomImg___1gTKJ {
  position: relative;
  width: 240px;
  height: 136px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 135px;
  color: #0000005c;
}
.classroomList___ElD4X .roomCard___3PY4D .roomImg___1gTKJ img {
  width: 240px;
}
.classroomList___ElD4X .roomCard___3PY4D .roomImg___1gTKJ .share___3fhWu {
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 8px;
  right: -80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1980ff;
  color: #fff;
  border-radius: 4px;
  padding: 5px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.classroomList___ElD4X .roomCard___3PY4D .roomStatus___nHyY4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.classroomList___ElD4X .roomCard___3PY4D .roomStatus___nHyY4 > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.classroomList___ElD4X .roomCard___3PY4D .roomStatus___nHyY4 > div .inClassTag___kxaQH {
  color: #2c7326;
  background: #d7e8d6;
}
.classroomList___ElD4X .roomCard___3PY4D .roomStatus___nHyY4 > div .inLiveTag___YGUDY {
  color: #cf1322;
  background: #ffccc7;
}
.classroomList___ElD4X .roomCard___3PY4D .roomStatus___nHyY4 > div span {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.classroomList___ElD4X .roomCard___3PY4D:hover .share___3fhWu {
  right: 8px;
}
.shareListModal___2OHJG .shareListWarp___3DB0w {
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  overflow: hidden;
}
.shareListModal___2OHJG .ant-modal-header {
  border-bottom: none;
}
.shareListModal___2OHJG .ant-modal-body {
  padding: 0 24px;
}
.shareListModal___2OHJG .ant-modal-footer {
  border-top: none;
}
.delModal___2EJLi > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.delModal___2EJLi .delModalFooter___hStb- {
  padding-top: 24px;
  text-align: right;
}
.delModal___2EJLi .delModalFooter___hStb- > button:nth-of-type(1) {
  margin-right: 12px;
}
.offCampusExpertsWrap___2m1n7 {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  height: calc(100vh - 100px);
}
.offCampusExpertsWrap___2m1n7 .ant-pagination-item {
  margin-bottom: 0;
}
.offCampusExpertsWrap___2m1n7 .ant-table {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.offCampusExpertsWrap___2m1n7 .ant-table .ant-table-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.offCampusExpertsWrap___2m1n7 .ant-table .ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.offCampusExpertsWrap___2m1n7 .ant-table .ant-table-tbody > tr > td {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.offCampusExpertsWrap___2m1n7 .operation___B-o6w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.offCampusExpertsHeader___2OwOz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.offCampusExpertsHeader___2OwOz h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 20px;
}
.offCampusExpertsContent___1TNRv {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  padding: 24px;
}
.contentForm___2RpzN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___2RpzN > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.contentForm___2RpzN > div:nth-of-type(1) > span {
  min-width: 70px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.contentForm___2RpzN > div:nth-of-type(1) .search___32Qhu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentForm___2RpzN > div:nth-of-type(1) .search___32Qhu > span:nth-of-type(1) {
  min-width: 42px;
  text-align: right;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.contentForm___2RpzN > div:nth-of-type(2) > button {
  margin-right: 8px;
}
.contentForm___2RpzN > div:nth-of-type(2) > button:nth-last-of-type(1) {
  margin-right: 0;
}
.contentTable___2u8W8 tr th:nth-last-of-type(1),
.contentTable___2u8W8 tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___2u8W8 tr th:nth-last-of-type(1) button,
.contentTable___2u8W8 tr td:nth-last-of-type(1) button {
  padding: 0;
  height: 21px;
}
.modalMain___3SqTa .modalTitle___Z3PW- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.modalMain___3SqTa .modalTitle___Z3PW- h2 {
  margin-bottom: 0;
  color: #242424;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.modalMain___3SqTa .eidtItem___22dqQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  position: relative;
}
.modalMain___3SqTa .eidtItem___22dqQ em {
  font-style: normal;
  width: 104px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.modalMain___3SqTa .eidtItem___22dqQ span {
  margin-left: 10px;
  font-style: normal;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.modalMain___3SqTa .eidtItem___22dqQ .isVerifyFail___2xUX_ {
  position: absolute;
  left: 104px;
  top: 34px;
  color: #f5222d;
  font-size: 10px;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.modalMain___3SqTa .modalBtn___15WHO {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 8px;
}
.modalMain___3SqTa .ant-input {
  color: #242424;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.modalMain___3SqTa .ant-switch {
  background: #fff;
  border: 1px solid #818181;
}
.modalMain___3SqTa .ant-switch-checked {
  background: #1980ff;
  border: 1px solid #1980ff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.modalMain___3SqTa .ant-switch::after {
  background: #818181;
}
.modalMain___3SqTa .ant-switch-checked::after {
  background: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.addTargetFooter___jjl4l {
  padding-top: 24px;
  text-align: right;
}
.addTargetFooter___jjl4l > button:nth-of-type(1) {
  margin-right: 12px;
}
.operationBar___2cG2N {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.operationBar___2cG2N .filter___13YzQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.operationBar___2cG2N .filter___13YzQ .inputCss___12l9v {
  width: 180px;
  height: 40px;
}
.operationBar___2cG2N .filter___13YzQ .inputCss___12l9v input {
  padding-left: 48px;
  font-size: 16px;
}
.operationBar___2cG2N .filter___13YzQ .inputIcon___R-CNc {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.operationBar___2cG2N .filter___13YzQ .ant-select-selection--single {
  height: 40px;
  background: #dceeff;
  color: #1980ff;
  border: none;
  font-weight: 600;
}
.operationBar___2cG2N .filter___13YzQ .ant-select-selection__rendered {
  line-height: 40px;
}
.operationBar___2cG2N .filter___13YzQ .ant-select-arrow {
  color: #1980ff;
}
.operationBar___2cG2N .filter___13YzQ .ant-select {
  width: 100px;
}
.operationBar___2cG2N .exportBtn___28b70 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1980ff;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  background: #dceeff;
  border: none;
  line-height: 40px;
}
.operationBar___2cG2N .exportBtn___28b70 .anticon {
  line-height: 12px;
}
.ExpertHistoryContent___3qZZz {
  border-radius: 8px;
  overflow: hidden;
  height: calc(100% - 100px);
  background: #fff;
  padding: 12px 12px 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  overflow-y: auto;
}
.ExpertHistoryContent___3qZZz .ant-table-pagination.ant-pagination {
  margin-top: 16px;
  float: right !important;
}
.TeacherBlackWrap___2azAE {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 104px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.TeacherBlackContent___29ozZ {
  padding: 24px;
}
.contentForm___4u6LS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___4u6LS > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox___3mqRV {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
}
.inputBox___3mqRV > span {
  width: auto;
}
.inputBox___3mqRV label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___3mqRV input {
  display: inline-block;
  vertical-align: middle;
}
.contentTable___dS0-M tr th:nth-last-of-type(1),
.contentTable___dS0-M tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___dS0-M tr th:nth-last-of-type(1) button,
.contentTable___dS0-M tr td:nth-last-of-type(1) button {
  padding: 0;
  height: 21px;
}
.deleteBtn___1NWl6 {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-left: 8px;
}
.deleteBtn___1NWl6:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.addTarget___A4U_W > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___A4U_W .addItem___3mnuG {
  margin-bottom: 24px;
}
.addTarget___A4U_W .addItem___3mnuG > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___A4U_W .addItem___3mnuG > div {
  width: 100%;
}
.addTarget___A4U_W .addItem___3mnuG .textBox___3dAPX {
  font-size: 16px;
  color: #333333;
}
.addTarget___A4U_W .addTargetFooter___2aTRK {
  padding-top: 24px;
  text-align: right;
}
.addTarget___A4U_W .addTargetFooter___2aTRK > button:nth-of-type(1) {
  margin-right: 12px;
}
.addModal___1gXSm {
  width: 767px !important;
}
.addModal___1gXSm .ant-modal-body {
  padding: 0;
}
.addModal___1gXSm .ant-table-placeholder {
  border-radius: 0;
}
.addModal___1gXSm .ant-empty-normal {
  margin: 103px 0;
}
.addModalContent___2l4BE .mainContent___1yCLV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 355px;
}
.addModalContent___2l4BE .filterBox___T3YN_ {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.addModalContent___2l4BE .filterItem___1-5Nh {
  margin-bottom: 16px;
}
.addModalContent___2l4BE .filterItem___1-5Nh:nth-last-of-type(1) {
  margin-bottom: 0;
}
.addModalContent___2l4BE .filterItem___1-5Nh > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.addModalContent___2l4BE .contentFooter___2jboM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
.addModalContent___2l4BE .searchBtnBox___1Lg7U {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.addModalContent___2l4BE .paginationBox___3D7hi {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 16px 0;
  text-align: center;
}
.addModalFooter___AIHSV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wran___3rygm {
  color: rgba(0, 0, 0, 0.45);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 16px;
}
.ClassroomWhiteWrap___2Dk0s {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 104px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.expertMenu___2cWKt {
  width: 136px;
  height: 100%;
  border-right: 1px solid #f0f0f0;
}
.expertMenu___2cWKt .expertTitle___2H3x3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 8px 16px 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.45);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.expertMenu___2cWKt .menuList___13iv7 {
  height: calc(100% - 57px);
  overflow-y: auto;
  overflow-x: hidden;
}
.expertMenu___2cWKt .ant-menu-inline {
  border-right: none;
}
.expertMenu___2cWKt .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #fff;
}
.expertMenu___2cWKt .ant-menu-inline .ant-menu-item,
.expertMenu___2cWKt .ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
  font-weight: 500;
}
.classroomCheck___366xq {
  padding: 16px 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  position: relative;
  padding-top: 0;
}
.classroomCheck___366xq .title___38cnG {
  position: -webkit-sticky;
  position: sticky;
  left: 16px;
  top: 0;
  z-index: 2;
  width: 100%;
  background-color: #fff;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.classroomCheck___366xq::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.treeWrapper___2Zk4F > div {
  padding-bottom: 16px;
}
.treeWrapper___2Zk4F ul {
  padding-left: 0;
}
.treeWrapper___2Zk4F button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  outline: none;
  background: transparent;
  border: none;
  cursor: pointer;
}
.treeWrapper___2Zk4F li {
  list-style: none;
  position: relative;
}
.treeWrapper___2Zk4F .liItem___24Un4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-items: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  line-height: 40px;
  padding: 8px;
}
.treeWrapper___2Zk4F .liItem___24Un4 > div:nth-of-type(1) {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 18px;
}
.treeWrapper___2Zk4F .liItem___24Un4 > span {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 16px;
  color: #333;
}
.treeWrapper___2Zk4F .liItem___24Un4 > span:nth-of-type(2) {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #46b83d;
}
.treeWrapper___2Zk4F .classroomSelected___Z8Lbb {
  background: #ddefff;
}
.treeWrapper___2Zk4F .liItemBuildings___3JwOx {
  border-radius: 4px;
  background: #fafafa;
}
.treeWrapper___2Zk4F .liItemBuildings___3JwOx > span {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.treeWrapper___2Zk4F .liItemFloors___1HM1K > span {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  /* Subheading 16/medium */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.treeWrapper___2Zk4F .roomBox___1bm4S {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
.treeWrapper___2Zk4F .roomBox___1bm4S .roomSpan___20rmj {
  padding: 8px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.treeWrapper___2Zk4F .roomBox___1bm4S .roomSpan___20rmj .ant-checkbox-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.treeWrapper___2Zk4F .roomBox___1bm4S .roomSpan___20rmj .ant-checkbox-wrapper i {
  display: inline-block;
  font-style: normal;
  color: rgba(0, 0, 0, 0.85);
}
.treeWrapper___2Zk4F .selectroom___2XN6j {
  border-radius: 4px;
  background: #e6f7ff;
}
.treeWrapper___2Zk4F .fadeEnter___3lTDM {
  min-height: 0;
}
.noData___O_vUN {
  text-align: center;
  margin-top: 50px;
}
.ratingScaleWrap___29lQn {
  background: #f0f2f5;
  padding: 24px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.ratingScaleWrap___29lQn .ant-pagination-item {
  margin-bottom: 0;
}
.ratingScaleWrap___29lQn .menu___8BWbH {
  margin-bottom: 8px;
  position: relative;
}
.ratingScaleWrap___29lQn .menu___8BWbH .menuWarn___1xnEl {
  position: absolute;
  top: 0;
  right: 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  line-height: 46px;
}
.ratingScaleWrap___29lQn .menu___8BWbH .ant-menu {
  background-color: #f0f2f5;
  border-bottom: none;
}
.ratingScaleWrap___29lQn .menu___8BWbH .ant-menu .ant-menu-item {
  padding: 0;
  margin-right: 32px;
  font-size: 14px;
  font-weight: 500;
}
.ratingScaleHeader___2qa2w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.ratingScaleHeader___2qa2w h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.ratingScaleHeader___2qa2w > div > span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 16px;
}
.expertMenu___3lS6w {
  width: 136px;
  height: 100%;
  border-right: 1px solid #f0f0f0;
}
.expertMenu___3lS6w .expertTitle___3_UQV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 8px 16px 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.45);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.expertMenu___3lS6w .menuList___v18v_ {
  height: calc(100% - 57px);
  overflow-y: auto;
  overflow-x: hidden;
}
.expertMenu___3lS6w .ant-menu-inline {
  border-right: none;
}
.expertMenu___3lS6w .ant-menu-inline::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.expertMenu___3lS6w .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #fff;
}
.expertMenu___3lS6w .ant-menu-inline .ant-menu-item,
.expertMenu___3lS6w .ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
  font-weight: 500;
}
.LessonsWhiteWrap___1ECxd {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 104px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.expertMenu___xfSro {
  width: 136px;
  height: 100%;
  border-right: 1px solid #f0f0f0;
}
.expertMenu___xfSro .expertTitle___1JDD1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 8px 16px 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.45);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.expertMenu___xfSro .menuList___3hdkg {
  height: calc(100% - 57px);
  overflow-y: auto;
  overflow-x: hidden;
}
.expertMenu___xfSro .ant-menu-inline {
  border-right: none;
}
.expertMenu___xfSro .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #fff;
}
.expertMenu___xfSro .ant-menu-inline .ant-menu-item,
.expertMenu___xfSro .ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
  font-weight: 500;
}
.LessonsWhiteContent___1Y4sL {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.LessonsWhiteContent___1Y4sL .ant-table {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  overflow: hidden;
}
.LessonsWhiteContent___1Y4sL .ant-table .ant-table-body {
  overflow-x: auto !important;
}
.LessonsWhiteContent___1Y4sL .ant-table .ant-table-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.LessonsWhiteContent___1Y4sL .ant-table .ant-table-header.ant-table-hide-scrollbar {
  width: calc(100% + 9px) !important;
}
.LessonsWhiteContent___1Y4sL .ant-table .ant-table-header > table > thead tr th:first-child span,
.LessonsWhiteContent___1Y4sL .ant-table .ant-table-body > table > thead tr th:first-child span {
  display: none;
}
.LessonsWhiteContent___1Y4sL .ant-table .ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.LessonsWhiteContent___1Y4sL .ant-table .ant-table-tbody > tr > td {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.LessonsWhiteContent___1Y4sL .ant-table .ant-table-tbody > tr:last-child > td {
  border-bottom: none;
}
.contentForm___2iVZh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___2iVZh > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.inputBox___1WDNU {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
  white-space: nowrap;
}
.inputBox___1WDNU > span {
  width: auto;
}
.inputBox___1WDNU label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.inputBox___1WDNU input {
  display: inline-block;
  vertical-align: middle;
}
.deleteBtn___q_2aR {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-left: 8px;
}
.deleteBtn___q_2aR:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.deleteTarget___jgz5o > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.deleteTarget___jgz5o .deleteTargetFooter___24TfE {
  padding-top: 24px;
  text-align: right;
}
.deleteTarget___jgz5o .deleteTargetFooter___24TfE > button:nth-of-type(1) {
  margin-right: 12px;
}
.addModal___2NeJ4 {
  width: 880px !important;
}
.addModal___2NeJ4 .ant-modal-header {
  border-bottom: none;
}
.addModal___2NeJ4 .ant-modal-header .ant-modal-title {
  color: #242424;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.addModal___2NeJ4 .ant-modal-body {
  padding: 0;
}
.addModal___2NeJ4 .ant-table-placeholder {
  border-radius: 0;
}
.addModal___2NeJ4 .ant-empty-normal {
  margin: 103px 0;
}
.addModal___2NeJ4 .ant-modal-footer {
  padding: 12px 24px;
  border-top: none;
}
.addModal___2NeJ4 .ant-select {
  margin-right: 8px;
  top: -1px;
}
.addModal___2NeJ4 .ant-select > div {
  height: 40px;
  background: rgba(25, 128, 255, 0.25);
  color: #1980ff;
  border: none;
  font-size: 16px;
  font-weight: 600;
}
.addModal___2NeJ4 .ant-select > div > div {
  line-height: 40px;
}
.addModal___2NeJ4 .ant-select > div > span {
  color: #1980ff;
}
.addModal___2NeJ4 .ant-calendar-picker .ant-input {
  height: 40px;
  padding-left: 44px !important;
  color: #242424;
  font-size: 16px;
  line-height: 2;
}
.addModal___2NeJ4 .ant-calendar-picker .ant-input .ant-calendar-picker-icon {
  left: 16px;
  right: auto;
  color: #666;
}
.addModal___2NeJ4 .ant-table {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  overflow: hidden;
}
.addModal___2NeJ4 .ant-table .ant-table-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.addModal___2NeJ4 .ant-table .ant-table-header.ant-table-hide-scrollbar {
  width: calc(100% + 9px) !important;
}
.addModal___2NeJ4 .ant-table .ant-table-header > table > thead tr th:first-child span,
.addModal___2NeJ4 .ant-table .ant-table-body > table > thead tr th:first-child span {
  display: none;
}
.addModal___2NeJ4 .ant-table .ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.addModal___2NeJ4 .ant-table .ant-table-tbody > tr > td {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.addModalContent___1kdGA .mainContent___2_4FS {
  padding: 0 24px;
}
.addModalContent___1kdGA .filterBox___28sag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.addModalContent___1kdGA .filterBox___28sag .rangePicker___25_Xr {
  width: 288px;
  margin-right: 8px;
}
.addModalContent___1kdGA .filterItem___-SVVq:nth-last-of-type(1) {
  margin-bottom: 0;
}
.addModalContent___1kdGA .contentFooter___3uQ5H {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.addModalContent___1kdGA .searchBtnBox___1hgY_ {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.addModalContent___1kdGA .paginationBox___2I92D {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 0 24px;
  margin-top: 12px;
  text-align: right;
}
.addModalFooter___1XMcT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.messageTip___14I4Z {
  margin-top: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 500;
  line-height: 14.06px;
  text-align: left;
}
.promptMessage___37ZZZ {
  position: absolute;
  left: 24px;
  top: 3px;
  line-height: 28px;
}
.markPrompt___3j3Nw {
  margin-left: 14px;
  padding: 0 5px;
  border-left: 5px solid #eaa300;
  color: #eaa300;
  font-size: 13px;
}
.markMessage___2NXDa {
  color: #707070;
  font-size: 13px;
}
.hasSanLv___3EMdH td:first-child {
  border-left: 5px solid #eaa300;
}
.noSanLv___1YDpR td:first-child {
  border-left: 5px solid transparent;
}
.deleteTip___1ldcj {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #666;
}
.searchPopover___1AkuD {
  z-index: 1000;
}
.searchPopover___1AkuD .ant-popover-inner {
  width: 336px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.searchPopover___1AkuD .ant-popover-inner-content {
  padding: 12px;
}
.searchPopover___1AkuD .ant-input {
  padding-left: 44px !important;
  font-size: 16px;
}
.searchPopover___1AkuD .ant-input-affix-wrapper {
  width: 312px;
  height: 40px;
  margin-bottom: 8px;
}
.searchPopover___1AkuD .inputIcon___-0wq3 {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.searchPopover___1AkuD .bottomBtn___O6xpA {
  text-align: right;
}
.searchPopover___1AkuD .resetSearch___3VJsC {
  width: 80px;
  height: 32px;
  padding: 5px 12px 5px 12px;
  margin-right: 8px;
  border-radius: 4px;
  border-color: #d1d1d1;
  color: #242424;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.searchPopover___1AkuD .searchBtn___3j4PE {
  width: 78px;
  height: 32px;
  padding: 5px 12px 5px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.searchFormBtn___19-RV {
  padding: 0 10px;
  background: rgba(25, 128, 255, 0.25);
}
.Wrap___1jMIR {
  background: #f0f2f5;
  padding: 24px 0 18px;
  padding-top: 16px;
  position: relative;
  height: calc(100vh - 100px);
}
.Wrap___1jMIR .ant-pagination-item {
  margin-bottom: 0;
}
.Header___35ifS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 12px;
}
.Header___35ifS h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.Content___kAall {
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.leftList___1BPlI {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 100%;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  width: 240px;
  padding: 20px 0;
}
.leftList___1BPlI .leftHeader___22oUN > button {
  width: 208px;
  margin-left: 15px;
  font-weight: 600;
  color: #242424;
}
.leftList___1BPlI .leftHeader___22oUN > div {
  padding: 12px 40px 8px 44px;
  gap: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.leftList___1BPlI .notTopic___pALHQ {
  padding: 12px 24px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.36);
  font-family: PingFang SC;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.leftList___1BPlI .topicList___3lRe1 {
  padding: 4px;
  height: calc(100% - 48px);
  overflow-y: auto;
}
.leftList___1BPlI .topicList___3lRe1 .topicItem___NuVPL {
  cursor: pointer;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.61);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.leftList___1BPlI .topicList___3lRe1 .topicItem___NuVPL > i {
  margin-right: 8px;
}
.leftList___1BPlI .topicList___3lRe1 .topicItem___NuVPL > span {
  width: 160px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.leftList___1BPlI .topicList___3lRe1 .selectItem___2uDSd {
  background-color: #bae7ff;
  color: #1980ff;
  font-weight: 500;
}
.leftList___1BPlI .topicList___3lRe1 .notSaveItem___BjGKk {
  color: #c42b1c;
}
.notActiveTopic___24mRZ {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: rgba(0, 0, 0, 0.25);
  padding-top: 64px;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.18px;
  text-align: center;
}
.main___1yJsM {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main___1yJsM .mainHeader___2aCIj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
}
.main___1yJsM .mainHeader___2aCIj > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.main___1yJsM .mainHeader___2aCIj > div > span {
  min-width: 58px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.61);
}
.main___1yJsM .mainHeader___2aCIj > div .ant-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
}
.main___1yJsM .keyword___1Usf0 {
  padding: 24px;
  height: calc(100% - 65px);
}
.main___1yJsM .keyword___1Usf0 .keywordHeader___15o1b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.main___1yJsM .keyword___1Usf0 .keywordHeader___15o1b > span {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.main___1yJsM .keyword___1Usf0 .keywordHeader___15o1b > button {
  font-weight: 600;
  color: #242424;
}
.main___1yJsM .keyword___1Usf0 .keywordList___26zCs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
  max-height: calc(100% - 48px);
  overflow-y: auto;
}
.main___1yJsM .keyword___1Usf0 .keywordList___26zCs .keywordItem___ip2Xv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 48px;
  min-width: 240px;
  max-width: 240px;
  padding: 8px 12px 8px 16px;
  gap: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f1f7fc;
}
.main___1yJsM .keyword___1Usf0 .keywordList___26zCs .keywordItem___ip2Xv > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.main___1yJsM .keyword___1Usf0 .keywordList___26zCs .keywordItem___ip2Xv > div div {
  width: 152px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.main___1yJsM .keyword___1Usf0 .keywordList___26zCs .keywordItem___ip2Xv > div span {
  display: inline-block;
  border-radius: 4px;
  height: 20px;
  width: 22px;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 20px;
  margin-right: 8px;
}
.addKeyword___1-E8d .editItem___3VgmX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  gap: 16px;
}
.addKeyword___1-E8d .editItem___3VgmX > span {
  width: 85px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: right;
  color: #242424;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.addKeyword___1-E8d .addKeywordFooter___1IITD {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 8px;
}
.addKeywordModal___ZQscl .ant-modal-header {
  border-bottom: none;
  padding-bottom: 0;
}
.Wrap___jjteV {
  background: #f0f2f5;
  padding: 24px 0 18px;
  padding-top: 16px;
  position: relative;
  height: calc(100vh - 100px);
}
.Wrap___jjteV .ant-pagination-item {
  margin-bottom: 0;
}
.Header___2jrEh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.Header___2jrEh .ant-tabs-nav.ant-tabs-tab {
  margin-right: 0;
}
.Header___2jrEh .ant-tabs-bar.ant-tabs-top-bar {
  margin-bottom: 4px;
}
.Header___2jrEh h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.Content___W_mI8 {
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.leftList___AQCzE {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 100%;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  width: 240px;
  padding: 20px 0;
}
.leftList___AQCzE .leftHeader___wq6Mp > button {
  width: 208px;
  margin-left: 15px;
  font-weight: 600;
  color: #242424;
}
.leftList___AQCzE .leftHeader___wq6Mp > div {
  padding: 12px 40px 8px 44px;
  gap: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.leftList___AQCzE .notTopic___3bJGu {
  padding: 12px 24px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.61);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.leftList___AQCzE .topicList___3_CXT {
  padding: 4px;
  height: calc(100% - 15px);
  overflow-y: auto;
}
.leftList___AQCzE .topicList___3_CXT .topicItem___3S7D9 {
  cursor: pointer;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.61);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.leftList___AQCzE .topicList___3_CXT .topicItem___3S7D9 > i {
  margin-right: 8px;
}
.leftList___AQCzE .topicList___3_CXT .topicItem___3S7D9 > span {
  width: 160px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.leftList___AQCzE .topicList___3_CXT .selectItem___2FEkp {
  background-color: #bae7ff;
  color: #1980ff;
  font-weight: 500;
}
.main___jbcx7 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main___jbcx7 .filterWrap___25lnM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
}
.main___jbcx7 .filterWrap___25lnM .selectWrap___1okaN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.main___jbcx7 .filterWrap___25lnM .courseName___1uINr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.main___jbcx7 .filterWrap___25lnM .courseName___1uINr h3 {
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0;
}
.main___jbcx7 .filterWrap___25lnM .courseName___1uINr h4 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
}
.main___jbcx7 .filterWrap___25lnM .dateTypeWrap___18vMn {
  display: grid;
  background: #dceeff;
  border-radius: 4px;
  grid-template-columns: repeat(4, 80px);
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
  height: 48px;
}
.main___jbcx7 .filterWrap___25lnM .dateTypeWrap___18vMn .btn___3ZcfO {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.main___jbcx7 .filterWrap___25lnM .dateTypeWrap___18vMn .selectedBtn___LkL7Z {
  color: #1980ff;
  font-weight: bold;
}
.main___jbcx7 .filterWrap___25lnM .dateTypeWrap___18vMn > div:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  height: 32px;
  top: 8px;
  width: 1px;
  background: #c8e5ff;
}
.main___jbcx7 .tableWrap___2zM7m {
  padding: 0 16px;
}
.main___jbcx7 .tableWrap___2zM7m .topTotal___21783 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.main___jbcx7 .tableWrap___2zM7m .topTotal___21783 > span {
  color: #fff;
  font-family: PingFang SC;
  width: 46px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  margin: 0 8px;
}
.main___jbcx7 .tableWrap___2zM7m .borderBox___fPK32 {
  border-radius: 8px;
  border: 1px solid #f0f0f0;
}
.main___jbcx7 .tableWrap___2zM7m .borderBox___fPK32 .courseTd___3tXeZ {
  cursor: pointer;
  color: #1980ff;
  width: 170px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.main___jbcx7 .tableWrap___2zM7m .borderBox___fPK32 .allCourseTd___24mL2 {
  width: 320px;
}
.main___jbcx7 .tableWrap___2zM7m .borderBox___fPK32 .remarkTd___1O_4O {
  width: 170px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.main___jbcx7 .tableWrap___2zM7m .borderBox___fPK32 .degreeTd___3aVUi {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.main___jbcx7 .tableWrap___2zM7m .borderBox___fPK32 .degreeTd___3aVUi > span {
  font-family: PingFang SC;
  width: 46px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
}
.main___jbcx7 .tableWrap___2zM7m .borderBox___fPK32 .operateBtn___yD0Lo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.main___jbcx7 .ant-select-selection--single {
  height: 48px;
  background: #dceeff;
  color: #1980ff;
  border: none;
  font-weight: 600;
}
.main___jbcx7 .ant-select-selection__rendered {
  line-height: 48px;
}
.main___jbcx7 .ant-select-arrow {
  color: #1980ff;
}
.main___jbcx7 .ant-select {
  width: 100px;
  margin-right: 8px;
}
.main___jbcx7 .ant-input {
  margin-left: 8px;
  max-width: 272px;
}
.DeleteConfirmation___3BeaX .DeleteConfirmationFooter___MQpUc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 8px;
}
.picturesCompWrap___35VTR .webcamPicture___1faPf {
  margin-bottom: 8px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.picturesCompWrap___35VTR .webcamPicture___1faPf em {
  position: absolute;
  top: 16px;
  left: 16px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.picturesCompWrap___35VTR .webcamPicture___1faPf img {
  width: 834px;
  height: 480px;
}
.picturesCompWrap___35VTR .webcampicLoading___1RfuF {
  height: 480px;
  margin-bottom: 8px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.picturesCompWrap___35VTR .webcampicLoading___1RfuF em {
  position: absolute;
  top: 16px;
  left: 16px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.picturesCompWrap___35VTR .picturesList___2Buod {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.picturesCompWrap___35VTR .picturesList___2Buod > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 273px;
  height: 160px;
}
.picturesCompWrap___35VTR .picturesList___2Buod > div em {
  position: absolute;
  top: 16px;
  left: 16px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.picturesCompWrap___35VTR .picturesList___2Buod .picture___3MPx8 img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.picturesCompWrap___35VTR .picturesList___2Buod .picLoading___qzDxf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.timerLineWrap___2osNy {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: calc(100% - 32px);
}
.timerLineWrap___2osNy .progress___1aTpe {
  position: relative;
  padding: 0 2px;
  height: 20px;
}
.timerLineWrap___2osNy .progress___1aTpe .line___1rIUW {
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  height: 4px;
  width: 100%;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.4);
}
.timerLineWrap___2osNy .progress___1aTpe .ellipse___1NYMm {
  cursor: ew-resize;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.timerLineWrap___2osNy .progress___1aTpe .sentencesTimer___2C40g {
  height: 4px;
  border-radius: 2px;
  position: absolute;
  top: 6px;
  background: rgba(255, 245, 102, 0.7);
}
.timerLineWrap___2osNy .actionBar___2Rd-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.timerLineWrap___2osNy .actionBar___2Rd-4 .leftIcon___1gt6L {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.historyPlayerWrap___31fQk {
  width: 100%;
  margin-top: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.playerWrap___3jkxb {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
  background: -webkit-linear-gradient(top, #333 0%, #000 100%);
  background: -o-linear-gradient(top, #333 0%, #000 100%);
  background: linear-gradient(180deg, #333 0%, #000 100%);
  position: relative;
}
.playersList___1M7vJ {
  height: 100%;
  position: relative;
  min-height: 400px;
}
.playersList___1M7vJ.onePicture___1N85k .showInLarge___1piWZ {
  width: calc(100% - 8px);
}
.playersList___1M7vJ.twoPicture___OdsWM .showInLarge___1piWZ {
  width: calc(50% - 12px);
  height: calc(100% - 16px);
  left: 8px;
  top: 8px;
}
.playersList___1M7vJ.twoPicture___OdsWM .firstShow___26kE4 {
  width: calc(50% - 12px);
  height: calc(100% - 16px);
  right: 8px;
  top: 8px;
}
.playersList___1M7vJ.threePicture___1uUYg .showInLarge___1piWZ {
  width: calc(66.66% - 12px);
  height: calc(100% - 16px);
  left: 8px;
  top: 8px;
}
.playersList___1M7vJ.threePicture___1uUYg .firstShow___26kE4 {
  width: calc(33.33% - 12px);
  height: calc(50% - 12px);
  right: 8px;
  top: 8px;
}
.playersList___1M7vJ.threePicture___1uUYg .secondShow___1gSS- {
  width: calc(33.33% - 12px);
  height: calc(50% - 12px);
  right: 8px;
  top: calc(50% + 4px);
}
.showBox___1hlxU {
  width: 25%;
  height: calc(33.33% - 6px);
  min-height: 100px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: absolute;
  right: 4px;
  top: 0;
}
.showBox___1hlxU .vjs-control-bar,
.showBox___1hlxU .vjs-picture-in-picture-control,
.showBox___1hlxU .vjs-fullscreen-control {
  display: none;
}
.showBox___1hlxU.fullScreenBox___mb_yc .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.showBox___1hlxU.notVideo___31K0G > .videoWrap___1jEY2 {
  height: 0;
  overflow: hidden;
}
.showBox___1hlxU > button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
  cursor: pointer;
}
.showBox___1hlxU > button.switchBtn___3XLJz {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.showBox___1hlxU > button.fullScreenBtn___1LQvM {
  display: none;
  position: absolute;
  right: 4px;
  top: 4px;
}
.showBox___1hlxU > i {
  color: #fff;
  text-shadow: 0 0 2px #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  left: 16px;
  top: 16px;
}
.showBox___1hlxU .imgWrap___2Jgh- {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.showBox___1hlxU .imgWrap___2Jgh- > img {
  max-width: 100%;
  max-height: 100%;
}
.showBox___1hlxU:hover > .fullScreenBtn___1LQvM {
  display: block;
}
.showInLarge___1piWZ {
  width: calc(75% - 12px);
  height: calc(100% - 8px);
  right: unset;
  top: 4px;
  left: 4px;
}
.firstShow___26kE4 {
  top: 4px;
}
.secondShow___1gSS- {
  top: calc(33.33% + 3px);
}
.thirdShow___2YccT {
  top: calc(66.66% + 2px);
}
.controlsWrap___3esMz {
  width: 100%;
  height: 52px;
  padding: 0 8px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.progress___2b2Ve {
  height: 20px;
  padding: 8px;
  position: relative;
}
.progressLine___duNPP {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
.progressBar___148qr {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.12)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.14));
          filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.12)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.14));
  position: absolute;
  left: 0;
  top: 2px;
  cursor: pointer;
}
.sentencesTimer___1LDwf {
  height: 4px;
  border-radius: 2px;
  position: absolute;
  top: 8px;
  background: rgba(255, 245, 102, 0.7);
}
.controls___3cagg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
}
.controls___3cagg button {
  display: inline-block !important;
  width: auto !important;
  height: 100% !important;
  margin: 0 16px 0 0;
  padding: 0 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
}
.controls___3cagg button > svg,
.controls___3cagg button > span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.controls___3cagg button > span {
  margin-left: 8px;
}
.leftControl___3Sftl {
  height: 100%;
}
.leftControl___3Sftl .volumeBtn___3wwcw {
  position: relative;
}
.leftControl___3Sftl .volumeBtn___3wwcw > span {
  display: none;
  width: 60px;
  margin: 0;
  height: 16px;
  padding: 0 4px;
  position: absolute;
  left: 24px;
  bottom: 4px;
}
.leftControl___3Sftl .volumeBtn___3wwcw > span > b {
  display: inline-block;
  width: 100%;
  height: 4px;
  margin-bottom: 5px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.leftControl___3Sftl .volumeBtn___3wwcw > span > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 4px;
  cursor: pointer;
  z-index: 2;
}
.leftControl___3Sftl .volumeBtn___3wwcw:hover > span {
  display: block;
}
.rightControl___yuNw5 {
  height: 100%;
}
.rightControl___yuNw5 > button {
  padding: 0 8px;
}
.dropItem___27zxt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropItem___27zxt > svg {
  margin-right: 8px;
}
.dropItem___27zxt > span {
  color: rgba(0, 0, 0, 0.8);
}
.videoWrap___1jEY2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.videoBox___2GjPD {
  width: 100%;
  height: 100%;
}
.Wrap___395cg {
  background: #f0f2f5;
  padding: 24px 0 18px;
  padding-bottom: 12px;
  padding-top: 16px;
  position: relative;
  height: calc(100vh - 100px);
  overflow-y: auto;
}
.Wrap___395cg .ant-pagination-item {
  margin-bottom: 0;
}
.Header___oTMXS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Header___oTMXS .HeaderLeft___3lTH3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.Header___oTMXS .topic___3MHIr {
  width: 205px;
  padding: 8px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  border-radius: 8px;
  background: #fff;
}
.Header___oTMXS .topic___3MHIr > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: rgba(0, 0, 0, 0.61);
  font-family: PingFang SC;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.Header___oTMXS h2 {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.9);
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 16px;
}
.Header___oTMXS p {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.45);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 16px;
}
.Content___1kvbn {
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.Content___1kvbn .courseVideo___1Vqx8 {
  padding: 12px;
  width: 980px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  height: 100%;
  overflow-y: auto;
}
.Content___1kvbn .courseVideo___1Vqx8 h2 {
  margin-bottom: 0;
  color: #242424;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.Content___1kvbn .courseVideo___1Vqx8 .saveBtn___j2xGW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 16px;
}
.Content___1kvbn .topicAndSubtitle___30kx_ {
  padding: 12px 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  height: 100%;
}
.Content___1kvbn .topicAndSubtitle___30kx_ > p {
  margin-top: 12px;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.45);
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.Content___1kvbn .topicAndSubtitle___30kx_ .topicKeyword___1KR8V {
  padding: 8px 12px;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Content___1kvbn .topicAndSubtitle___30kx_ .subtitle___S-RzF {
  height: calc(100vh - 340px);
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 8px;
  background: #fff;
}
.Content___1kvbn .topicAndSubtitle___30kx_ .subtitle___S-RzF > p {
  color: rgba(0, 0, 0, 0.61);
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 0;
}
.Content___1kvbn .topicAndSubtitle___30kx_ .subtitle___S-RzF .currentSubtitle___FNKqx {
  color: rgba(0, 0, 0, 0.9);
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}
.DeleteConfirmation___2KvJt .DeleteConfirmationFooter___3LJZB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 8px;
}
.wrapper___10TaY {
  font-family: "PingFang SC";
  font-style: normal;
  padding: 16px 24px;
}
.wrapper___10TaY .headerTitle___3oI6Q {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  text-align: left;
  margin-bottom: 16px;
}
.wrapper___10TaY .bodyWrap___3mb8E {
  background: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  padding: 16px 24px;
  min-height: calc(100vh - 176px);
}
.wrapper___10TaY .bodyWrap___3mb8E .btnWrap___2Q1K- {
  display: grid;
  grid-template-columns: 1fr 166px 82px;
  grid-column-gap: 16px;
  margin-bottom: 8px;
}
.wrapper___10TaY .bodyWrap___3mb8E .btnWrap___2Q1K- > button:nth-of-type(2) {
  color: #1980ff;
  border-color: #1980ff;
}
.wrapper___10TaY .bodyWrap___3mb8E .btnWrap___2Q1K- > button:nth-of-type(3) {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.wrapper___10TaY .effectStatusWrap___2pAK6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper___10TaY .effectStatusWrap___2pAK6 > span {
  display: inline-block;
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 50%;
  margin-right: 8px;
}
.wrapper___10TaY .effectStatusWrap___2pAK6 > i {
  font-style: normal;
}
.wrapper___10TaY .tableActionWrap___1VUZB > a:not(:last-of-type) {
  margin-right: 16px;
}
.wrapper___10TaY .tableActionWrap___1VUZB > a:last-of-type {
  color: #ff4d4f;
}
.statistWrap___1P6Zp > div:first-of-type {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 16px;
  margin-bottom: 14px;
}
.statistWrap___1P6Zp > div:nth-of-type(2) {
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  margin-bottom: 24px;
}
.statistWrap___1P6Zp .chartTitle___1iNNB {
  padding: 13px 24px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.statistWrap___1P6Zp .statistCardWrap___1gnhC {
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  background: #fff;
}
.statistWrap___1P6Zp .statistCardWrap___1gnhC > span:nth-of-type(1) {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
}
.statistWrap___1P6Zp .statistCardWrap___1gnhC > span:nth-of-type(2) {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 38px;
  color: rgba(0, 0, 0, 0.85);
  margin: 5px 0 9px 0;
}
.statistWrap___1P6Zp .statistCardWrap___1gnhC > span:nth-of-type(3) {
  display: inline-block;
  width: 100%;
  height: 2px;
}
.modalWrap___17MHg {
  color: red;
}
.modalWrap___17MHg > div:first-child {
  max-height: calc(100% - 100px);
}
.wrap___3lv2W {
  position: relative;
}
.wrap___3lv2W .spinLoadingWrap___2JwGk {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.wrap___3lv2W > div:not(:last-of-type) {
  border-bottom: 1px solid #f0f0f0;
}
.wrap___3lv2W > div:not(:first-of-type):not(:last-of-type) {
  display: grid;
  grid-template-columns: 228px 1fr;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap___3lv2W > div:not(:first-of-type):not(:last-of-type) > div:first-of-type {
  width: 100%;
  height: 100%;
  padding: 16px 24px;
  overflow: auto;
  border-right: 1px solid #f0f0f0;
}
.wrap___3lv2W .timeLineWrap___ZF4zn {
  padding: 16px 24px;
  display: grid;
  grid-template-columns: 140px 1fr 1fr;
  padding-left: 0;
}
.wrap___3lv2W .timeLineWrap___ZF4zn .timeLineItem___XVtqa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.45);
}
.wrap___3lv2W .timeLineWrap___ZF4zn .timeLineItem___XVtqa:not(:first-child)::after {
  content: "";
  border: 1px solid #f0f0f0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 16px;
}
.wrap___3lv2W .timeLineWrap___ZF4zn .timeLineItem___XVtqa > span:first-child {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 8px;
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.25);
}
.wrap___3lv2W .timeLineWrap___ZF4zn .selecting___1f_2k {
  color: rgba(0, 0, 0, 0.85);
}
.wrap___3lv2W .timeLineWrap___ZF4zn .selecting___1f_2k:not(:first-child)::after {
  border-color: #1980ff;
}
.wrap___3lv2W .timeLineWrap___ZF4zn .selecting___1f_2k > span:first-child {
  background: #1980ff;
  color: #fff;
  border: none;
}
.wrap___3lv2W .timeLineWrap___ZF4zn .selected___2zee8 {
  color: rgba(0, 0, 0, 0.85);
}
.wrap___3lv2W .timeLineWrap___ZF4zn .selected___2zee8:not(:first-child)::after {
  border-color: #1980ff;
}
.wrap___3lv2W .timeLineWrap___ZF4zn .selected___2zee8 > span:first-child {
  color: #1980ff;
  border: 1px solid #1980ff;
}
.wrap___3lv2W .tableWrap___nDK1g {
  height: calc(100vh - 350px);
}
.wrap___3lv2W .tableWrap___nDK1g > div:last-child {
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.wrap___3lv2W .tableWrap___nDK1g .searchInputWrap___VAd6g input {
  margin: 8px 0;
}
.wrap___3lv2W .searchWrap___2VGpq .paginationCls___3EDfJ > li:not(:first-of-type):not(:last-of-type) {
  margin-bottom: 0;
}
.wrap___3lv2W .searchWrap___2VGpq > div:nth-of-type(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  width: 100%;
}
.wrap___3lv2W .btnWrap___2sIod {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 10px 16px;
}
.wrap___3lv2W .btnWrap___2sIod > button:first-of-type {
  margin-right: 8px;
}
.wrap___3lv2W .timeSelectWrap___LB7RH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: calc(100vh - 285px);
  border-bottom: 1px solid #f0f0f0;
}
.wrap___3lv2W .timeSelectWrap___LB7RH > span:first-of-type {
  margin-bottom: 16px;
}
.wrap___3KNOZ {
  padding: 16px 24px;
}
.wrap___3KNOZ > div:first-of-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}
.wrap___3KNOZ > div:nth-of-type(2) {
  background: #fff;
  border-radius: 2px;
  padding: 16px 24px;
}
.wrap___3KNOZ > div:nth-of-type(2) > div:first-of-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.wrap___3KNOZ .commenterWrap___1w6kl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 100px;
}
.wrap___3KNOZ .courseWrap___H3le9 {
  min-width: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrap___3KNOZ .courseWrap___H3le9 > span:nth-of-type(2) {
  color: rgba(0, 0, 0, 0.45);
  margin-top: 4px;
}
.wrap___3KNOZ .commenterWrap___1w6kl > span:nth-of-type(2) {
  color: rgba(0, 0, 0, 0.45);
  margin-top: 4px;
}
.wrap___3KNOZ .deleteAction___mBv8Y {
  color: #ff4d4f;
}
.wrap___29wh3 {
  padding: 16px 24px;
}
.wrap___29wh3 > div:first-of-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  padding: 18px 0 14px 0;
}
.wrap___29wh3 > div:nth-of-type(2) {
  min-height: calc(100vh - 180px);
  background: #fff;
  padding: 20px;
  border-radius: 4px;
}
.wrap___2jUg0 {
  padding: 16px 24px;
}
.wrap___2jUg0 > div:first-of-type {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}
.wrap___2jUg0 > div:nth-of-type(2) {
  padding: 24px;
  background: #fff;
  border-radius: 2px;
}
.wrap___2jUg0 .queryParamsWrap___18ghR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 16px;
}
.wrap___2jUg0 .queryParamsWrap___18ghR div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap___3AnFI {
  padding: 16px 24px;
}
.wrap___3AnFI > div:first-of-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}
.wrap___3AnFI > div:nth-of-type(2) {
  padding: 24px;
  background: #fff;
  border-radius: 2px;
}
.wrap___3AnFI > div:nth-of-type(2) > div:first-of-type {
  margin-bottom: 16px;
}
.modelSettingWrap___2b2AB {
  background: #f0f2f5;
  padding: 24px 0 18px;
  padding-top: 16px;
  position: relative;
  height: calc(100vh - 100px);
}
.modelSettingWrap___2b2AB .ant-pagination-item {
  margin-bottom: 0;
}
.modelSettingHeader___3RHtu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 12px;
}
.modelSettingHeader___3RHtu h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.modelSettingContent___2dCDr {
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: calc(100% - 48px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.modelSettingContent___2dCDr input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.modelSettingContent___2dCDr input[type="number"] {
  -moz-appearance: textfield;
}
.leftDimensionList___2xGpQ {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 100%;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  width: 320px;
  padding: 20px 0;
}
.leftDimensionList___2xGpQ .leftHeader___2UBCd > button {
  width: 288px;
  margin-left: 15px;
}
.leftDimensionList___2xGpQ .leftHeader___2UBCd > div {
  padding: 12px 40px 8px 44px;
  gap: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.leftDimensionList___2xGpQ .leftFooter___327gH {
  padding: 12px 16px 12px 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff4ce;
  color: #9d5d00;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.leftDimensionList___2xGpQ .leftFooter___327gH > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.leftDimensionList___2xGpQ .leftFooter___327gH > div .anticon {
  cursor: pointer;
}
.leftDimensionList___2xGpQ .leftFooter___327gH > span {
  font-size: 16px;
}
.leftDimensionList___2xGpQ .leftFooter___327gH > span i {
  font-size: 12px;
}
.leftDimensionList___2xGpQ .errTotal___25MKO > span {
  color: #c42b1c;
}
.dimensionDeatilSetting___2yYOz {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dimensionDeatilSetting___2yYOz .middleHeader___f2hPC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
}
.dimensionDeatilSetting___2yYOz .middleHeader___f2hPC > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.dimensionDeatilSetting___2yYOz .middleHeader___f2hPC section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.dimensionDeatilSetting___2yYOz .middleHeader___f2hPC section > span {
  min-width: 60px;
  text-align: right;
}
.dimensionDeatilSetting___2yYOz .middleHeader___f2hPC > button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #c42b1c;
  color: #c42b1c;
  background: #fde7e9;
}
.dimensionDeatilSetting___2yYOz .middleHeader___f2hPC > .disabledBtn___Ym4Vl {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.rightPreview___1aNJC {
  width: 520px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-top: 8px;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
}
.rightPreview___1aNJC > h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  padding: 8px 16px 8px 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.rightPreview___1aNJC > h2 > button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #242424;
}
.addTarget___x3RsY > h3 {
  color: #242424;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.addTarget___x3RsY .addTargetFooter___6kvNI {
  padding-top: 8px;
  text-align: right;
}
.addTarget___x3RsY .addTargetFooter___6kvNI > button:nth-of-type(1) {
  margin-right: 8px;
}
.dimensionItemBox___yOOKt {
  padding: 4px;
}
.dimensionItem___tqqzE {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
.dimensionItem___tqqzE > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.dimensionItem___tqqzE > div .dimensionName___1RTfq {
  max-width: 184px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.dimensionItem___tqqzE > span {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.dimensionItem___tqqzE > span > i {
  font-style: normal;
  font-size: 12px;
}
.dimensionItem___tqqzE .anticon {
  font-size: 20px;
  margin-right: 8px;
}
.checkItem___3qFm1 {
  background: #bae7ff;
}
.checkItem___3qFm1 > div {
  color: #1980ff;
}
.checkItem___3qFm1 > span {
  color: rgba(0, 0, 0, 0.9);
}
.dimensionTargetWrap___2SCcD {
  padding-top: 8px;
}
.dimensionTargetWrap___2SCcD > h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 32px 4px 32px;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.dimensionTargetWrap___2SCcD .enableHeader___7C26g > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #c42b1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 16px;
}
.dimensionTargetWrap___2SCcD .enableListBox___TFvj6 {
  padding: 0 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.dimensionTargetWrap___2SCcD .enableListBox___TFvj6 .emptyEnable___3IVtY {
  padding: 16px 24px;
  border-radius: 8px;
  background: rgba(246, 246, 246, 0.5);
  color: rgba(0, 0, 0, 0.36);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.dimensionTargetWrap___2SCcD .enableListBox___TFvj6 .enableItem___17Dn_ {
  display: grid;
  grid-template-columns: 1fr 108px 32px;
  width: 298px;
  padding: 8px 8px 8px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f1f7fc;
}
.dimensionTargetWrap___2SCcD .enableListBox___TFvj6 .enableItem___17Dn_ h2 {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.dimensionTargetWrap___2SCcD .enableListBox___TFvj6 .enableItem___17Dn_ section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.dimensionTargetWrap___2SCcD .enableListBox___TFvj6 .enableItem___17Dn_ section > input {
  width: 65px;
}
.dimensionTargetWrap___2SCcD .enableListBox___TFvj6 .enableItem___17Dn_ section i {
  width: 30px;
  font-style: normal;
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.61);
  font-size: 13px;
  font-weight: 400;
}
.dimensionTargetWrap___2SCcD .enableFooter___3hLkL {
  padding: 12px 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff4ce;
  color: #9d5d00;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.dimensionTargetWrap___2SCcD .enableFooter___3hLkL > span {
  margin-left: 16px;
  font-size: 16px;
}
.dimensionTargetWrap___2SCcD .enableFooter___3hLkL > span i {
  font-size: 12px;
}
.dimensionTargetWrap___2SCcD .notEnableHeader___3bOo5 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dimensionTargetWrap___2SCcD .notEnableItem___1HDLh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 288px;
  height: 48px;
  padding: 8px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid, rgba(0, 0, 0, 0.08);
  background: #f1f7fc;
}
.dimensionTargetWrap___2SCcD .notEnableItem___1HDLh > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.dimensionTargetWrap___2SCcD .ant-input-affix-wrapper {
  width: 240px;
}
.dimensionTargetWrap___2SCcD .ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 38px;
}
.PreviewTableWrap___37Gl3 {
  padding: 0 16px;
}
.PreviewTableWrap___37Gl3 .tableHeader___3hHrz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
}
.PreviewTableWrap___37Gl3 .tableHeader___3hHrz > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 128px;
  padding: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #e6f7ff;
}
.PreviewTableWrap___37Gl3 .tableHeader___3hHrz .btn___2dWRy {
  padding: 0 15px;
  gap: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 16px;
  color: #1980ff;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.PreviewTableWrap___37Gl3 .tableHeader___3hHrz .checkBtn___3RMSp {
  color: #fff;
  border-radius: 6px;
  background: #1980ff;
}
.PreviewTableWrap___37Gl3 .tableBox___1ENNj {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.PreviewTableWrap___37Gl3 .tableBox___1ENNj .rankTd___2r0bV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.PreviewTableWrap___37Gl3 .tableBox___1ENNj .nameTd___3yoEb h2 {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.PreviewTableWrap___37Gl3 .tableBox___1ENNj .nameTd___3yoEb p {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.PreviewTableWrap___37Gl3 .tableBox___1ENNj .nameTd___3yoEb p span {
  color: rgba(0, 0, 0, 0.61);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin-right: 4px;
}
.PreviewTableWrap___37Gl3 .tableBox___1ENNj .scoreTd___mB8Sl h2 {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.PreviewTableWrap___37Gl3 .tableBox___1ENNj .scoreTd___mB8Sl p {
  margin-bottom: 0;
  color: #f34854;
  text-align: right;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.PreviewTableWrap___37Gl3 .tableFooter___3s-6V {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin-top: 8px;
}
.PreviewTableWrap___37Gl3 .tableFooter___3s-6V > button {
  padding: 0;
}
.PreviewTableWrap___37Gl3 .ant-table-pagination.ant-pagination {
  display: none;
}
.PreviewTableWrap___37Gl3 .courseTd {
  padding: 16px 0;
}
.chartWrap___2cWJM {
  width: 100%;
  height: 100%;
}
.chart___2sx3X {
  width: 100%;
  height: 100%;
}
.title___3kw1U {
  font-size: 16px;
  margin-bottom: 20px;
}
.center___KqcZk {
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.center___KqcZk .centerItem___17fZa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
}
.center___KqcZk .centerItem___17fZa .month___2VbgT {
  font-size: 16px;
  color: #b3b3c5;
  margin-bottom: 10px;
}
.center___KqcZk .centerItem___17fZa .monthNum___1jkY3 {
  font-size: 28px;
  color: #2e2e3a;
  margin-bottom: 5px;
}
.center___KqcZk .centerItem___17fZa .percentage___1KAuF {
  font-size: 12px;
  margin-bottom: 10px;
}
.center___KqcZk .centerItem___17fZa .comparison___3S5-p {
  font-size: 14px;
  color: #5b5b65;
}
.abnormalCourseWrap___Dnu6h {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  overflow: hidden;
}
.nameTd___1SpIm {
  width: 200px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.abnormalCourseHeader___3afnx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.abnormalCourseHeader___3afnx h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.abnormalCourseHeader___3afnx h2 i {
  color: rgba(0, 0, 0, 0.25);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0 8px;
}
.abnormalCourseHeader___3afnx h2 span {
  color: rgba(0, 0, 0, 0.85);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.abnormalCourseHeader___3afnx > span {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}
.abnormalQuantity___3I4ts {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 16px;
}
.abnormalQuantity___3I4ts .abnormalQuantityStatistics___yghWs {
  width: 480px;
  padding: 16px 24px;
  margin-right: 16px;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.abnormalQuantity___3I4ts .abnormalQuantityChange___2zWwR {
  width: calc(100% - 480px - 16px);
  padding: 16px 24px;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.abnormalCourseContainer___1kgdr {
  height: calc(100% - 60px);
  padding: 16px 24px;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.abnormalCourseContainer___1kgdr .headerFilter___2A8bl {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
.abnormalCourseContainer___1kgdr .headerFilter___2A8bl .leftFilter___1tYTW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.abnormalCourseContainer___1kgdr .headerFilter___2A8bl .seacher___owXKW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.abnormalCourseContainer___1kgdr .headerFilter___2A8bl .seacher___owXKW > span {
  width: 64px;
  color: rgba(0, 0, 0, 0.85);
  text-align: right;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.abnormalCourseContainer___1kgdr .paginationBox___vhsaz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-top: 16px;
}
.tableTip___3kwhP {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.tableTip___3kwhP .tableTipItem___3M38x {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 62px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 8px 16px;
  color: #383874;
}
.tableTip___3kwhP .tableTipItem___3M38x .tableTipItemName___1IANR {
  font-size: 14px;
  font-weight: 400;
}
.tableTip___3kwhP .tableTipItem___3M38x .tableTipItemValue___16vXF {
  font-size: 22px;
  font-weight: 600;
}
.tableTip___3kwhP .tableTipItem___3M38x + .tableTipItem___3M38x {
  margin-left: 16px;
}
.exportBtn___1CbE5 {
  border: none;
  background: #c8e5ff;
  color: #1980ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ruleListWrap___ojES1 {
  padding: 24px 0 18px;
  background-color: #eceff2;
  height: calc(100vh - 100px);
}
.ruleListWrap___ojES1 .header___1KWIC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.ruleListWrap___ojES1 .header___1KWIC > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.ruleListWrap___ojES1 .header___1KWIC h2 {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.ruleListWrap___ojES1 .header___1KWIC .select___21Gs3 {
  width: 164px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.ruleListWrap___ojES1 .header___1KWIC .select___21Gs3 .curSelect___IXfKZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  height: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #707070;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.ruleListWrap___ojES1 .header___1KWIC .select___21Gs3 .selection___3M3am {
  border-bottom: 1px solid #1980ff;
}
.ruleListWrap___ojES1 .header___1KWIC .select___21Gs3 .options___6rroM {
  opacity: 1;
  overflow: hidden;
  height: 168px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  right: 0;
  top: 33px;
  padding: 4px;
  gap: 2px;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.ruleListWrap___ojES1 .header___1KWIC .select___21Gs3 .options___6rroM .optionTitle___1Tjh5 {
  margin-bottom: 0;
  padding: 8px;
  color: #616161;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.ruleListWrap___ojES1 .header___1KWIC .select___21Gs3 .options___6rroM .option___N-5J_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px;
  color: #424242;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.ruleListWrap___ojES1 .header___1KWIC .select___21Gs3 .hideOptions___aBecH {
  opacity: 0;
  height: 0;
}
.ruleListWrap___ojES1 .ruleList___2n2ei {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
}
.ruleListWrap___ojES1 .ruleCard___Sm7n_ {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14);
  width: 360px;
}
.ruleListWrap___ojES1 .ruleCard___Sm7n_ > div {
  width: calc(100% - 50px);
}
.ruleListWrap___ojES1 .ruleCard___Sm7n_ h3 {
  height: 100%;
  margin-bottom: 4px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.9);
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-wrap: nowrap;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.ruleListWrap___ojES1 .ruleCard___Sm7n_ p {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.45);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.systemBasicWrap___30z9k {
  padding: 16px 0;
  position: relative;
  height: calc(100vh - 100px);
  overflow: hidden;
}
.systemBasicWrap___30z9k .systemBasicHeader___3m_mN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 32px;
  margin-bottom: 16px;
}
.systemBasicWrap___30z9k .systemBasicHeader___3m_mN h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.systemBasicWrap___30z9k .systemBasicHeader___3m_mN > span {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.systemBasicWrap___30z9k .systemBasicSetting___1RB0m {
  height: calc(100% - 48px);
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.systemBasicWrap___30z9k .settingList___2FgGh {
  display: inline-block;
  width: 292px;
  height: 100%;
  padding: 20px 0;
  background: #f5f5f5;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  vertical-align: top;
}
.systemBasicWrap___30z9k .settingListItem___n1xI5 {
  width: calc(100% - 8px);
  margin: 4px;
  padding: 8px 20px;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.61);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  border-radius: 8px;
}
.systemBasicWrap___30z9k .settingListItem___n1xI5.active___lmRy7 {
  background: rgba(24, 144, 255, 0.25);
  color: #1980ff;
}
.systemBasicWrap___30z9k .settingContent___31pL8 {
  display: inline-block;
  width: calc(100% - 292px);
  height: 100%;
  vertical-align: top;
}
.systemBasicWrap___30z9k .settingContent___31pL8 > h3 {
  padding: 24px;
  color: #242424;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}
.systemBasicWrap___30z9k .settingForm___3PG34 {
  width: calc(100% - 232px);
  margin: 0 auto;
}
.systemBasicWrap___30z9k .settingFormItem___3S454 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
.systemBasicWrap___30z9k .settingFormItem___3S454 > label {
  width: 125px;
  padding: 6px 16px 0 0;
  text-align: right;
  color: #242424;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.systemBasicWrap___30z9k .settingFormItem___3S454 > input {
  width: 283px;
}
.systemBasicWrap___30z9k .settingFormItem___3S454 > div > img {
  vertical-align: top;
}
.systemBasicWrap___30z9k .settingFormItem___3S454 > div > span {
  display: inline-block;
  margin-left: 16px;
  vertical-align: top;
}
.systemBasicWrap___30z9k .settingFormItem___3S454 > div > span > button {
  position: relative;
}
.systemBasicWrap___30z9k .settingFormItem___3S454 > div > span > i {
  display: inline-block;
  width: 100%;
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.61);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.systemBasicWrap___30z9k .settingFormItem___3S454 > div > span input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.systemBasicWrap___30z9k .settingFormFooter___1NZgi {
  padding-left: 125px;
}
.systemBasicWrap___30z9k .abnormalSettingForm___VWl_k {
  margin: 0 24px;
  max-height: calc(100% - 170px);
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}
.systemBasicWrap___30z9k .formHeader___3pPsx {
  background: #fafafa;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.systemBasicWrap___30z9k .formHeader___3pPsx .formItem___RRUj- > span:nth-last-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.systemBasicWrap___30z9k .formHeader___3pPsx .formItem___RRUj- > span:nth-last-of-type(1) > i {
  margin-left: 8px;
  cursor: pointer;
}
.systemBasicWrap___30z9k .formItem___RRUj- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e0e0e0;
}
.systemBasicWrap___30z9k .formItem___RRUj-:nth-last-of-type(1) {
  border-bottom: none;
}
.systemBasicWrap___30z9k .formItem___RRUj- > span {
  padding: 6px 12px;
  line-height: 32px;
}
.systemBasicWrap___30z9k .formItem___RRUj- > span:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 152px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.systemBasicWrap___30z9k .formItem___RRUj- > span:nth-of-type(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 420px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.systemBasicWrap___30z9k .formItem___RRUj- > span:nth-of-type(2) > input {
  width: 75px;
  margin: 0 8px;
}
.systemBasicWrap___30z9k .formItem___RRUj- > span:nth-of-type(2) > input[type='number'] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  appearance: none;
}
.systemBasicWrap___30z9k .formItem___RRUj- > span:nth-of-type(2) > input[type='number']::-webkit-inner-spin-button,
.systemBasicWrap___30z9k .formItem___RRUj- > span:nth-of-type(2) > input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.systemBasicWrap___30z9k .formItem___RRUj- > span:nth-of-type(3) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.systemBasicWrap___30z9k .formBody___1lgSZ {
  max-height: calc(100vh - 408px);
  background: #fff;
  overflow-y: auto;
}
.systemBasicWrap___30z9k .formBody___1lgSZ .formItem___RRUj- {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.systemBasicWrap___30z9k .ant-select-selection--multiple .ant-select-selection__choice {
  height: 22px;
  padding: 0 10px;
  background: #ebebeb;
  border: none;
  color: #616161;
}
.systemBasicWrap___30z9k .ant-select-selection--multiple .ant-select-selection__choice[title='全选'] {
  display: none;
}
.systemBasicWrap___30z9k .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none !important;
}
.systemBasicWrap___30z9k .settingTip___18teQ {
  font-family: Roboto;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #c42b1c;
  margin: 8px 24px;
}
.systemBasicWrap___30z9k .settingFooter___3nvE- {
  padding: 0 24px;
  text-align: right;
}
.dropDownMenu___1UzJw > span {
  padding: 6px 12px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
.ratingScaleWrap___3yuVe {
  display: inline-block;
  width: calc(100% - 292px);
  height: 100%;
  vertical-align: top;
  position: relative;
}
.ratingScaleWrap___3yuVe > h3 {
  padding: 24px;
  color: #242424;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}
.ratingScaleWrap___3yuVe .ant-pagination-item {
  margin-bottom: 0;
}
.headerWran___3nR80 {
  width: 100%;
  color: #f4a100;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: 8px 24px;
  background: rgba(244, 161, 0, 0.1);
}
.ratingScaleContent___1SW47 {
  height: calc(100% - 120px);
  padding: 24px;
}
.ratingScaleContent___1SW47 .contentForm___3Ndug {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.ratingScaleContent___1SW47 .contentForm___3Ndug > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ratingScaleContent___1SW47 .inputBox___3o6GB {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-left: 24px;
}
.ratingScaleContent___1SW47 .inputBox___3o6GB > span {
  width: auto;
}
.ratingScaleContent___1SW47 .inputBox___3o6GB label {
  display: inline-block;
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.ratingScaleContent___1SW47 .inputBox___3o6GB input {
  display: inline-block;
  vertical-align: middle;
}
.ratingScaleContent___1SW47 .contentTableBox___2jaOP {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  overflow: hidden;
}
.ratingScaleContent___1SW47 .contentTable___J2FC7 tr th:nth-last-of-type(1),
.ratingScaleContent___1SW47 .contentTable___J2FC7 tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.ratingScaleContent___1SW47 .contentTable___J2FC7 tr th:nth-last-of-type(1) button,
.ratingScaleContent___1SW47 .contentTable___J2FC7 tr td:nth-last-of-type(1) button {
  padding: 0;
}
.deleteBtn___3F2rx {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  margin-left: 8px;
}
.deleteBtn___3F2rx:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.addTarget___2j8rP > h3 {
  margin: 0 0 24px;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.addTarget___2j8rP .addItem___2F7H6 {
  margin-bottom: 24px;
}
.addTarget___2j8rP .addItem___2F7H6 > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(51, 51, 51, 0.85);
}
.addTarget___2j8rP .addItem___2F7H6 > div {
  width: 100%;
}
.addTarget___2j8rP .addItem___2F7H6 .textBox___37efR {
  font-size: 16px;
  color: #333333;
}
.addTarget___2j8rP .addTargetFooter___25Kt5 {
  padding-top: 24px;
  text-align: right;
}
.addTarget___2j8rP .addTargetFooter___25Kt5 > button:nth-of-type(1) {
  margin-right: 12px;
}
.addModal___2vvrx {
  width: 767px !important;
}
.addModal___2vvrx .ant-modal-body {
  padding: 0;
}
.addModal___2vvrx .ant-table-placeholder {
  border-radius: 0;
}
.addModal___2vvrx .ant-empty-normal {
  margin: 103px 0;
}
.addModalContent___a6JL9 .mainContent___3GP2F {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 355px;
}
.addModalContent___a6JL9 .filterBox___3FiaC {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.addModalContent___a6JL9 .filterItem___3-sGY {
  margin-bottom: 16px;
}
.addModalContent___a6JL9 .filterItem___3-sGY:nth-last-of-type(1) {
  margin-bottom: 0;
}
.addModalContent___a6JL9 .filterItem___3-sGY > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.addModalContent___a6JL9 .contentFooter___2Bqrx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
.addModalContent___a6JL9 .searchBtnBox___1Eb0m {
  width: 229px;
  height: 100%;
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.addModalContent___a6JL9 .paginationBox___2Eltc {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 16px 0;
  text-align: center;
}
.addModalFooter___1EgdQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.offCampusExpertsWrap___2d8nv {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  height: calc(100vh - 100px);
}
.offCampusExpertsWrap___2d8nv .ant-pagination-item {
  margin-bottom: 0;
}
.offCampusExpertsWrap___2d8nv .operation___143fH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.offCampusExpertsHeader___3GuKL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.offCampusExpertsHeader___3GuKL h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 20px;
}
.offCampusExpertsContent___3HGIl {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 12px 24px;
  border-radius: 8px;
  overflow: hidden;
  height: calc(100% - 100px);
}
.offCampusExpertsContent___3HGIl .ant-table-pagination.ant-pagination {
  margin-top: 16px;
  float: right !important;
}
.contentForm___2UQgf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contentForm___2UQgf > div:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.contentForm___2UQgf .search___2gT7_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentForm___2UQgf .search___2gT7_ > span:nth-of-type(1) {
  min-width: 42px;
  text-align: right;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.contentForm___2UQgf .exportBtn___2gqj0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentTable___a-t68 {
  height: calc(100% - 48px);
}
.contentTable___a-t68 tr th:nth-last-of-type(1),
.contentTable___a-t68 tr td:nth-last-of-type(1) {
  padding: 13px 0;
}
.contentTable___a-t68 tr th:nth-last-of-type(1) button,
.contentTable___a-t68 tr td:nth-last-of-type(1) button {
  padding: 0;
}
.loginLogsWrap___1JSMS {
  background: #f0f2f5;
  padding: 24px 0 18px;
  position: relative;
  height: calc(100vh - 100px);
}
.loginLogsWrap___1JSMS .ant-pagination-item {
  margin-bottom: 0;
}
.loginLogsWrap___1JSMS .loginLogsHeader___1tu20 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.loginLogsWrap___1JSMS .loginLogsHeader___1tu20 h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 20px;
}
.loginLogsWrap___1JSMS .loginLogsContent___2wgxJ {
  border-radius: 8px;
  overflow: hidden;
  height: calc(100% - 100px);
}
.loginLogsWrap___1JSMS .loginLogsContent___2wgxJ .ant-table-pagination.ant-pagination {
  margin-top: 24px;
  float: right !important;
}
.operationBar___1aU6n {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.operationBar___1aU6n .filter___3HvHv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.operationBar___1aU6n .filter___3HvHv .inputCss___2Y2SG {
  width: 180px;
  height: 40px;
}
.operationBar___1aU6n .filter___3HvHv .inputCss___2Y2SG input {
  padding-left: 48px;
  font-size: 16px;
}
.operationBar___1aU6n .filter___3HvHv .inputIcon___2Fd9p {
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.operationBar___1aU6n .filter___3HvHv .ant-select-selection--single {
  height: 40px;
  background: #dceeff;
  color: #1980ff;
  border: none;
  font-weight: 600;
}
.operationBar___1aU6n .filter___3HvHv .ant-select-selection__rendered {
  line-height: 40px;
}
.operationBar___1aU6n .filter___3HvHv .ant-select-arrow {
  color: #1980ff;
}
.operationBar___1aU6n .filter___3HvHv .ant-select {
  width: 100px;
}
.operationBar___1aU6n .exportBtn___2gqj0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1980ff;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  background: #dceeff;
  border: none;
  line-height: 40px;
}
.operationBar___1aU6n .exportBtn___2gqj0 .anticon {
  line-height: 12px;
}
.uploadWrap___1_XtR {
  background: #f0f2f5;
  padding: 12px 0;
  position: relative;
  height: calc(100vh - 100px);
  overflow: hidden;
}
.contentWrap___15HR- {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  color: #242424;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.contentWrap___15HR- h2 {
  padding: 12px 16px;
}
.uploaderBox___fF4pU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  padding: 0 32px;
}
.uploaderBox___fF4pU > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 24px;
}
.uploaderBox___fF4pU > div > span {
  display: block;
  height: 180px;
}
.footer___rDX0n {
  padding: 12px 0;
  text-align: center;
}
.footer___rDX0n > button {
  margin-right: 24px;
}
.footer___rDX0n > button:nth-last-of-type(1) {
  margin-right: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.container___D06rg {
  width: 100%;
  min-height: 100%;
  position: relative;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow___2yIpW {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.loginPage___1LJTy {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  min-height: 100px;
  overflow: auto;
  background-color: #1980ff;
}
.loginPage___1LJTy > h2 {
  margin-top: 50px;
  text-align: center;
  font-size: 36px;
  color: #fff;
  letter-spacing: 5px;
  text-indent: -5px;
}
.loginPage___1LJTy > h2 > img {
  display: inline-block;
  height: 60px;
  margin-right: 16px;
  vertical-align: middle;
  background: #fff;
  border-radius: 50%;
}
.loginPage___1LJTy > h2 > span {
  display: inline-block;
  vertical-align: middle;
}
.loginPage___1LJTy .loginMain___1qiUL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  position: relative;
  top: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.loginPage___1LJTy .loginImg___1U0Ar img {
  width: 450px;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 {
  width: 328px;
  height: auto;
  background: #fff;
  border-radius: 9px;
  padding: 25px 54px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 > h4 {
  text-align: center;
  font-size: 24px;
  color: #1980ff;
  letter-spacing: 10px;
  text-indent: -10px;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .passwordWrapper___2EyGe {
  margin-bottom: 25px;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .passwordWrapper___2EyGe .passwordBox___27c-G {
  position: relative;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .passwordWrapper___2EyGe .passwordBox___27c-G > a {
  position: absolute;
  right: 5px;
  cursor: pointer;
  border: 0;
  outline: 0;
  background: transparent;
  bottom: 4px;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .captchaBox___1f0Qv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .captchaBox___1f0Qv .reload___1ag0s {
  border: none;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .remember___2WTPL {
  margin-bottom: 25px;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .remember___2WTPL a {
  color: #a1a1a1;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .remember___2WTPL .forgetBtn___3F117 {
  position: absolute;
  right: -4px;
  cursor: pointer;
  border: 0;
  outline: 0;
  background: transparent;
  bottom: 7px;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .ant-form-item {
  margin-bottom: 14px;
  color: #a1a1a1;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .ant-form-item .ant-form-item-label {
  line-height: 0;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .ant-form-item .ant-form-item-label > label {
  color: #a1a1a1;
}
.loginPage___1LJTy .loginFormWrapper___1m8i4 .loginForm___2Fkov .ant-form-item .ant-form-item-control-wrapper .ant-form-item-control {
  line-height: 0;
}
.popoverTitle___3PAEB {
  font-size: 14px;
  color: #f9c466;
}
.popoverContent___VOgrA {
  font-size: 12px;
  color: #a1a1a1;
}
.ant-popover-content {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
}
.pageBottomWrap___2S8dv {
  width: 100%;
  height: 70px;
  line-height: 70px;
  text-align: left;
  background-color: #000;
  color: #fff;
  position: fixed;
  bottom: 0;
}
.pageLoading___3CMDM {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.copyrightWrap___6BaXv {
  width: 100%;
  text-align: center;
  color: #939393;
}
.copyrightWrap___6BaXv a {
  display: inline-block;
  text-decoration: none;
  color: #939393;
  padding-left: 4px;
}
.copyrightWrap___6BaXv img {
  margin: 0 8px 0 8px;
}
.wrapper___16N4B {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  min-height: 100px;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper___16N4B .boxWrapper___2nhBh {
  position: absolute;
  left: 50%;
  margin-left: -148px;
  top: 50%;
  margin-top: -199px;
  width: 298px;
  height: 398px;
  background: #FFFFFF;
  border-radius: 9px;
  padding: 25px 54px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
}
.wrapper___16N4B .boxWrapper___2nhBh .topWrapper___3uXYB {
  margin-bottom: 32px;
}
.wrapper___16N4B .boxWrapper___2nhBh .topWrapper___3uXYB .title___2vycU {
  font-size: 20px;
  color: #4A90E2;
  line-height: 50px;
  border-bottom: 2px solid #4990E2;
  margin-bottom: 12px;
}
.wrapper___16N4B .boxWrapper___2nhBh .topWrapper___3uXYB .content___O_Oc6 {
  font-size: 12px;
  color: #A1A1A1;
}
.wrapper___16N4B .emailError___2d9Ih {
  text-align: center;
  font-size: 20px;
  color: #4A90E2;
}
.wrapper___16N4B .emailError___2d9Ih button {
  border: none;
  background: transparent;
  border-bottom: 1px solid;
  margin-top: 28px;
  outline: none;
  cursor: pointer;
}
.wrapper___16N4B .ant-form-item {
  margin-bottom: 14px;
  color: #A1A1A1;
}
.wrapper___16N4B .ant-form-item .ant-form-item-label {
  line-height: 0;
}
.wrapper___16N4B .ant-form-item .ant-form-item-label > label {
  color: #A1A1A1;
}
.wrapper___16N4B .ant-form-item .ant-form-item-control-wrapper .ant-form-item-control {
  line-height: 0;
}
.passwordBox___3puwj {
  position: relative;
}
.passwordBox___3puwj > button {
  position: absolute;
  right: 5px;
  cursor: pointer;
  border: 0;
  outline: 0;
  background: transparent;
  bottom: 4px;
}
.wrapper___3hnd7 {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  min-height: 100px;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper___3hnd7 .boxWrapper___39GHw {
  position: absolute;
  left: 50%;
  margin-left: -148px;
  top: 50%;
  margin-top: -199px;
  width: 298px;
  min-height: 398px;
  background: #fff;
  border-radius: 9px;
  padding: 25px 54px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
}
.wrapper___3hnd7 .boxWrapper___39GHw .topWrapper___3tE1J {
  margin-bottom: 32px;
}
.wrapper___3hnd7 .boxWrapper___39GHw .topWrapper___3tE1J .title___1RM6L {
  font-size: 20px;
  color: #1980ff;
  line-height: 50px;
  border-bottom: 2px solid #1980ff;
  margin-bottom: 12px;
}
.wrapper___3hnd7 .boxWrapper___39GHw .topWrapper___3tE1J .content___2Xc9E {
  font-size: 12px;
  color: #a1a1a1;
}
.wrapper___3hnd7 .boxWrapper___39GHw .ant-form-item {
  margin-bottom: 14px;
  color: #a1a1a1;
}
.wrapper___3hnd7 .boxWrapper___39GHw .ant-form-item .ant-form-item-label {
  line-height: 0;
}
.wrapper___3hnd7 .boxWrapper___39GHw .ant-form-item .ant-form-item-label > label {
  color: #a1a1a1;
}
.wrapper___3hnd7 .boxWrapper___39GHw .ant-form-item .ant-form-item-control-wrapper .ant-form-item-control {
  line-height: 0;
}
.wrapper___3hnd7 .boxWrapper___39GHw .ant-form-item .ant-form-item-control-wrapper .has-feedback:after {
  top: -5px;
}
.wrapper___3hnd7 .emailError___3K0nb {
  text-align: center;
  font-size: 20px;
  color: #1980ff;
}
.wrapper___3hnd7 .emailError___3K0nb button {
  border: none;
  background: transparent;
  border-bottom: 1px solid;
  margin-top: 28px;
  outline: none;
  cursor: pointer;
}
.passwordBox___2NbeU {
  position: relative;
}
.passwordBox___2NbeU > button {
  position: absolute;
  right: 5px;
  cursor: pointer;
  border: 0;
  outline: 0;
  background: transparent;
  bottom: 4px;
}