html,
body {
  padding: 0;
  margin: 0;
  font-family: nunito_for_arco, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-size: 14px;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
body {
  background-color: var(--color-bg-1);
  color: var(--color-text-1);
}

.simple-modal {
  width: 520px;
  padding-top: 16px;
  color: var(--color-text-1);
  border-radius: var(--border-radius-medium);
  border: 0 solid var(--color-neutral-3);
  background-color: var(--color-bg-3);
  position: relative;
  z-index: 1010;
}
.simple-modal .simple-modal-content {
  font-size: 14px;
  text-align: center;
  padding: 16px;
}

.progress-wrap {
  width: 100%;
  height: 10px;
  padding: 16px;
  border-radius: 4px;
  /*进度条底层背景样式*/
  /*进度层样式效果，使用动画效果*/
  /*定义动画*/
}
.progress-wrap span {
  position: absolute;
  left: 50%;
  top: -20px;
  color: #000;
  display: none;
}
.progress-wrap .progress-inner {
  height: inherit;
  background: rgba(142, 193, 255, 0.2);
  border-radius: 10px;
}
.progress-wrap .progress-nums {
  width: 100%;
  height: inherit;
  border-radius: 6px;
  background: -moz-repeating-linear-gradient(135deg, #57a9fb 25%, #c3e7fe 0, #c3e7fe 50%, #57a9fb 0, #57a9fb 75%, #c3e7fe 0);
  background: repeating-linear-gradient(-45deg, #57a9fb 25%, #c3e7fe 0, #c3e7fe 50%, #57a9fb 0, #57a9fb 75%, #c3e7fe 0);
  background-size: 16px 16px;
  -moz-animation: panoramic 30s linear infinite;
       animation: panoramic 30s linear infinite;
}
@-moz-keyframes panoramic {
  to {
    background-position: 200% 0;
  }
}
@keyframes panoramic {
  to {
    background-position: 200% 0;
  }
}

.school-drawer .channel-schools .channel-schools-item {
  padding: 10px 0;
  border-bottom: 1px dashed var(--color-neutral-3);
  cursor: pointer;
}
.school-drawer .channel-schools .channel-schools-active {
  color: rgb(var(--link-6));
  cursor: default;
}

.page-header {
  padding: 16px;
  background-color: var(--color-bg-2);
  border-bottom: 1px solid var(--color-border);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.mousex-slider {
  position: relative;
  padding: 0 16px;
  border: 1px solid var(--color-border);
}
.mousex-slider-btn-prev,
.mousex-slider-btn-next {
  position: absolute;
  top: 0;
  width: 32px;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mousex-slider-btn-prev,
.mousex-slider-btn-next {
  display: none;
}
.mousex-slider-btn-prev {
  left: 0;
}
.mousex-slider-btn-next {
  right: 0;
}
.mousex-slider-btn-show {
  display: inline;
}
.mousex-slider-btn-disabled {
  cursor: not-allowed;
}
.mousex-slider-btn-prev-icon,
.mousex-slider-btn-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 32px;
  font-weight: 700;
  -moz-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
}
.mousex-slider-items-wrapper {
  position: relative;
  margin: 0 16px;
  white-space: nowrap;
  overflow: hidden;
}
.mousex-slider-items-scroller {
  display: inline-block;
}
.mousex-slider-items-scroller.animated {
  -moz-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-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), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mousex-slider-item {
  display: inline-block;
  width: 166px;
  height: 99px;
  margin: 3px 35px 3px 3px;
  border-radius: 2px;
  cursor: pointer;
}
.mousex-slider-item:last-of-type {
  margin-right: 0;
}
.mousex-slider-item.selected,
.mousex-slider-item.selected:hover {
  box-shadow: 0 0 3px 3px #c0ddff;
}
.mousex-slider-item:hover {
  box-shadow: 0 0 2px 2px #dbe5f0;
}

.business-toolbar {
  padding: 4px;
  background-color: var(--color-bg-2);
  border-radius: var(--border-radius-medium);
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  padding: 4px 16px;
  position: absolute;
  bottom: 46px;
  left: 50%;
  -moz-transform: translateX(-50%);
       transform: translateX(-50%);
}
.business-toolbar .business-toolbar-action {
  font-size: 14px;
  color: var(--color-neutral-8);
  border-radius: var(--border-radius-small);
  background-color: transparent;
  cursor: pointer;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
}
.business-toolbar .business-toolbar-action:hover {
  background-color: var(--color-neutral-2);
  color: rgb(var(--primary-6));
}
.business-toolbar .business-toolbar-action-disabled,
.business-toolbar .business-toolbar-action-disabled:hover {
  color: var(--color-text-4);
  background-color: transparent;
  cursor: not-allowed;
}
.business-toolbar .business-toolbar-action-name {
  font-size: 12px;
  padding-right: 12px;
}
.business-toolbar .business-toolbar-action-content {
  padding: 13px;
  line-height: 1;
}
.business-toolbar .business-toolbar-icon {
  font-size: 18px;
}

/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
.portal,
.portal-overlay {
  width: 100%;
  height: 100%;
}
.portal {
  position: fixed;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  z-index: 9999;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
.portal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--color-mask-bg);
  z-index: 9998;
}

.title {
  border-radius: 2px;
  color: #0f1114;
  font-size: 14px;
  font-weight: 500;
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
       justify-content: space-between;
  -moz-box-align: center;
       align-items: center;
  position: relative;
}
.title:before {
  background: #3370ff;
  border-radius: 2px;
  content: "";
  height: 20px;
  left: -16px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
  width: 3px;
}

.import-temp .student-batch__title {
  padding: 0 0 10px;
  color: var(--color-text-2);
}
.import-temp .step-title {
  padding: 10px 0;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  font-size: 14px;
  font-weight: 500;
}
.import-temp .step-number {
  display: inline-block;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  height: 20px;
  width: 20px;
  margin: 0 12px 0px 0;
  background-color: rgb(var(--primary-6));
  line-height: 20px;
  font-size: 12px;
}
.import-temp .template {
  height: 80px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  border-radius: 4px;
  background: var(--color-fill-2);
  -moz-box-pack: justify;
       justify-content: space-between;
}
.import-temp .template-button {
  width: 100px;
}
.import-temp .template-name {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
}
.import-temp .upload-content .trigger {
  background-color: var(--color-bg-2);
  border: 1px dashed var(--color-fill-4);
  height: 200px;
  border-radius: 8px;
  text-align: center;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
.import-temp .upload-content .trigger:hover {
  border-color: #3370ff;
}
.import-temp .upload-content .trigger .title-content {
  font-size: 14px;
}
.import-temp .upload-content .trigger .title-content .highlight-text {
  color: rgb(var(--primary-6));
}
.import-temp .upload-content .trigger p {
  line-height: 20px;
}
.import-temp .progress-content {
  background-color: var(--color-bg-2);
  border: 1px solid var(--color-fill-4);
  width: 480px;
  height: 100px;
  border-radius: 8px;
  text-align: center;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}

.scrollbarV {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.scrollbarV .scrollbarThumb {
  position: absolute;
  background: #7d7d7d;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s;
  -moz-transition-property: width, border-radius;
  transition-property: width, border-radius;
}
.scrollbarV:hover,
.scrollbarV.dragging {
  z-index: 2;
}
.scrollbarV:hover .scrollbarThumb,
.scrollbarV.dragging .scrollbarThumb {
  background: #7d7d7d;
}
.scrollbarH {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.scrollbarH .scrollbarThumb {
  position: absolute;
  background: #7d7d7d;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s;
  -moz-transition-property: height, border-radius;
  transition-property: height, border-radius;
}
.scrollbarH:hover,
.scrollbarH.dragging {
  z-index: 2;
}
.scrollbarH:hover .scrollbarThumb,
.scrollbarH.dragging .scrollbarThumb {
  background: #7d7d7d;
}

.paper-preview {
  position: relative;
  width: 100%;
  height: 100%;
}

.exam-card {
  margin-top: 16px;
}
.exam-card .exam-title {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
}
.exam-card .exam-title h2 {
  margin-left: 10px;
  font-weight: 500;
  font-size: 16px;
  color: rgb(var(--gray-10));
}
.exam-card .exam-info {
  font-size: 14px;
}
.exam-card .exam-content {
  margin-top: 16px;
}
.exam-card .exam-content .arco-table-td {
  border-bottom: 1px solid transparent;
}
.exam-card .arco-btn-text {
  padding: 0;
}

.drawer-wrap {
  height: -moz-calc(100vh);
  height: calc(100vh);
}

.exam-upload-wrap .upload-button .trigger {
  background-color: var(--color-bg-2);
  border: 1px dashed var(--color-fill-4);
  width: 540px;
  height: 246px;
  border-radius: 8px;
  text-align: center;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
.exam-upload-wrap .upload-button .trigger:hover {
  border-color: #3370ff;
}
.exam-upload-wrap .upload-button .trigger .icon-upload {
  width: 32px;
}
.exam-upload-wrap .upload-button .trigger .title-content {
  font-size: 18px;
}
.exam-upload-wrap .upload-button .trigger .title-content .highlight-text {
  color: rgb(var(--primary-6));
}
.exam-upload-wrap .upload-button .trigger p {
  line-height: 20px;
  font-size: 14px;
}
.exam-upload-wrap .footer-content {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  padding: 16px;
  background-color: var(--color-bg-2);
  border-top: 1px solid var(--color-border);
  display: -moz-box;
  display: flex;
  -moz-box-pack: end;
       justify-content: flex-end;
  -moz-box-align: center;
       align-items: center;
}
.exam-upload-wrap .upload-wrp {
  min-height: -moz-calc(100vh - 66px);
  min-height: calc(100vh - 66px);
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
       flex-direction: row;
}
.exam-upload-wrap .upload-wrp .upload-cont {
  margin: 0 20px;
}
.modal-wrap {
  width: 986px;
}

.batch-answer-modal .answer-node-list {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  margin-top: 10px;
}
.batch-answer-modal .answer-node-list:first-child {
  margin-top: 0;
}
.batch-answer-modal .answer-node-list .answer-node {
  -moz-box-flex: 1;
       flex: 1 1;
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
       justify-content: space-between;
}
.batch-answer-modal .arco-checkbox-group .arco-checkbox {
  margin-right: 20px;
}
.batch-answer-modal .arco-modal-content {
  padding: 0 20px 20px;
}

.big-question {
  margin: 0;
  padding: 8px 18px 8px 16px;
  color: var(--color-text-1);
  font-size: 16px;
  font-weight: normal;
  border-top: 1px solid var(--color-neutral-3);
  background-color: var(--color-fill-2);
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: justify;
       justify-content: space-between;
  cursor: move;
}
.big-question .column-title {
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-weight: 500;
  cursor: pointer;
}
.big-question .icon-button {
  margin-right: 10px;
}
.big-question .icon-more-btn {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.big-question .icon-more-btn:hover {
  color: rgb(var(--primary-6));
}
.dropdown-list {
  padding: 8px;
  background-color: var(--color-bg-2);
  border: 1px solid var(--color-border);
}
.dropdown-list .dropdown-list > .arco-btn {
  font-weight: normal;
}

.paper-node-item {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: justify;
       justify-content: space-between;
  font-size: 12px;
  margin-left: 16px;
  padding: 10px 16px 10px 6px;
  border-bottom: 1px solid var(--color-neutral-3);
  cursor: move;
}
.paper-node-item .icon-delete-btn {
  cursor: pointer;
}
.paper-node-item .icon-delete-btn:hover {
  color: rgb(var(--danger-6));
}
.paper-node-item .sequence {
  width: 30px;
}
.paper-node-item .node-type {
  width: 100px;
}
.paper-node-item .question {
  width: 60px;
}
.paper-node-item .question-answer {
  width: 60px;
}
.paper-node-item .question-analysis {
  width: 60px;
}
.paper-node-item .primary {
  width: 40px;
}
.paper-node-item .icon-check-circle {
  font-size: 16px;
  margin: 0 2px;
  color: var(--color-success-light-4);
  font-weight: bold;
}

.paper-nodes {
  border-top: 1px solid var(--color-neutral-3);
}
.paper-nodes .paper-nodes-item {
  margin-left: 16px;
  padding: 10px 16px 10px 6px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: justify;
       justify-content: space-between;
  border-bottom: 1px solid var(--color-neutral-3);
}
.paper-nodes .paper-nodes-item:last-child {
  border-bottom: 1px solid transparent;
}
.paper-nodes .question-sequence {
  width: 30px;
}
.paper-nodes .score {
  -moz-box-flex: 1;
       flex: 1 1;
  text-align: right;
  margin-right: 8px;
}

.paper-model .head {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: justify;
       justify-content: space-between;
  padding-left: 32px;
  padding-right: 12px;
  background-color: var(--color-fill-2);
}
.paper-model .head div {
  padding: 8px 0;
  font-weight: 500;
}
.paper-model .title {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: end;
       justify-content: flex-end;
  padding: 8px 12px 8px 16px;
  color: var(--color-text-1);
  font-size: 16px;
  font-weight: 600;
}
.paper-model .question-content {
  color: var(--color-text-1);
  background-color: var(--color-fill-1);
  -moz-transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  border: 1px solid transparent;
}
.paper-model .dragging {
  border: 1px dashed rgb(var(--primary-6)) !important;
  background-color: var(--color-fill-2) !important;
}
.paper-model .show {
  display: block;
}
.paper-model .hide {
  display: none;
}
.paper-model .table-content .arco-tabs-content {
  padding-top: 0;
}

.guide-content__img {
  border: 1px solid rgba(19, 60, 154, 0.15);
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  box-shadow: 0 4px 4px rgba(36, 91, 219, 0.1), 0 8px 24px rgba(12, 41, 110, 0.145597);
  border-radius: 4px;
}
.guide-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-top: 16px;
  color: #fff;
}
.guide-desc {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-top: 8px;
}
.guide-button {
  margin-top: 6px;
  text-align: right;
}
.guide-info {
  font-size: 14px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 10px 16px;
  background-color: var(--color-fill-2);
  -moz-box-pack: justify;
       justify-content: space-between;
}
.guide-info .icon-exclamation-circle {
  color: rgb(var(--primary-6));
  font-size: 18px;
  vertical-align: -4px;
}

.render-upload-list {
  width: 986px;
  height: 656px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
}
.render-upload-list .render-upload-main {
  height: 656px;
  overflow-y: auto;
  overflow: hidden;
}
.render-upload-list .render-upload-main {
  -moz-box-flex: 1;
       flex: 1 1;
  padding: 24px;
  background-color: var(--color-fill-2);
}
.render-upload-list .render-upload-main .arco-image-img {
  width: 690px;
  margin-bottom: 10px;
}
.render-upload-list .render-upload-sidebar {
  width: 224px;
  height: 656px;
  border-right: 1px solid var(--color-border);
}
.render-upload-list .render-upload-sidebar--item {
  padding: 8px 16px;
  display: -moz-box;
  display: flex;
  position: relative;
}
.render-upload-list .render-upload-sidebar--item .image-content-tag {
  position: absolute;
  left: 16px;
  top: 8px;
  z-index: 9;
}
.render-upload-list .render-upload-sidebar--item .image-content {
  border: 1px solid var(--color-border);
  width: 168px;
  height: 110px;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
}
.render-upload-list .render-upload-sidebar--item .image-content .arco-image-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.upload-modal-wrap .arco-modal-content {
  padding: 0;
}

.upload-list {
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 100px;
}
.upload-list .file {
  margin: 10px;
  width: 200px;
  height: 300px;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  position: relative;
}
.upload-list .file .arco-image-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.upload-list .file .action-button {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 9;
}

.collapse .arco-collapse-item-header-title {
  width: 100%;
}
.collapse .collapse-head {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.collapse .collapse-head .question-content {
  font-weight: 400 !important;
}
.collapse .collapse-head .collapse-item-action {
  width: 100%;
  padding-top: 10px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: end;
       justify-content: flex-end;
  border-top: 1px solid var(--color-border);
}
.collapse .collapse-content .collapse-content-item {
  display: -moz-box;
  display: flex;
  -moz-box-pack: start;
       justify-content: flex-start;
  padding: 10px 0;
}
.collapse .collapse-content .collapse-content-item__content {
  -moz-box-flex: 1;
       flex: 1 1;
}
.collapse .content-img .arco-image-img,
.collapse .answers-img .arco-image-img,
.collapse .hint-img .arco-image-img {
  width: -moz-calc(100% / 2);
  width: calc(100% / 2);
  font-size: 14px;
}

.collapse .arco-collapse-item-header-title {
  width: 100%;
}
.collapse .collapse-head {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.collapse .collapse-head .collapse-head-tag {
  position: relative;
  left: -13px;
  top: -13px;
}
.collapse .collapse-head .collapse-item-action {
  width: 100%;
  padding-top: 10px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: end;
       justify-content: flex-end;
  border-top: 1px solid var(--color-border);
}
.collapse .collapse-content .collapse-content-item {
  margin-top: 10px;
}
.collapse .collapse-content .collapse-content-item:first-child {
  margin-top: 0;
}

.knowledge-modal {
  height: 550px;
}
.knowledge-modal .knowledge-body {
  display: -moz-box;
  display: flex;
  -moz-box-align: start;
       align-items: flex-start;
  -moz-box-pack: start;
       justify-content: flex-start;
}
.knowledge-modal .knowledge-tree {
  -moz-box-flex: 1;
       flex: 1 1;
  border-right: 1px solid var(--color-border);
  height: 550px;
}
.knowledge-modal .knowledge-prints {
  width: 352px;
  padding: 0 16px 16px;
}

.question-drawer .pagination-content {
  margin-top: 16px;
  display: -moz-box;
  display: flex;
  -moz-box-pack: end;
       justify-content: flex-end;
}
.question-drawer .question-list {
  margin-top: 16px;
}
.question-drawer .question-list .question-item {
  margin-top: 16px;
}
.question-drawer .question-list .question-item:first-child {
  margin-top: 0;
}

.question-content-render {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.question-content-render .question-content {
  width: 100%;
  padding: 10px 0;
  font-weight: 400 !important;
}
.question-content-render .content-img .arco-image-img {
  width: -moz-calc(100% / 2);
  width: calc(100% / 2);
  font-size: 14px;
}

.question-answers-render {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 16px;
  background-color: var(--color-fill-2);
}
.question-answers-render .content-item {
  display: -moz-box;
  display: flex;
  -moz-box-pack: start;
       justify-content: flex-start;
  padding: 10px 0;
}
.question-answers-render .content-item__content {
  -moz-box-flex: 1;
       flex: 1 1;
}
.question-answers-render .answers-img .arco-image-img,
.question-answers-render .hint-img .arco-image-img {
  width: -moz-calc(100% / 2);
  width: calc(100% / 2);
  font-size: 14px;
}

.step-pane {
  margin-top: 20px;
}
.third-study-upload .trigger {
  background-color: var(--color-bg-2);
  border: 1px dashed var(--color-fill-4);
  height: 200px;
  border-radius: 8px;
  text-align: center;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
.third-study-upload .trigger:hover {
  border-color: #3370ff;
}
.third-study-upload .trigger .title-content {
  font-size: 14px;
}
.third-study-upload .trigger .title-content .highlight-text {
  color: rgb(var(--primary-6));
}
.third-study-upload .trigger p {
  line-height: 20px;
}
.third-study-upload .progress-content {
  padding: 20px;
  background-color: var(--color-bg-2);
  border: 1px solid var(--color-fill-4);
  border-radius: 8px;
  text-align: center;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
.third-study .button-content {
  margin-top: 20px;
  width: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  text-align: right;
  padding: 16px 0 0 20px;
}
.third-study .button-content .button {
  margin-left: 10px;
}
.third-study .sheet {
  margin-top: 20px;
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
       justify-content: space-between;
  flex-wrap: wrap;
}
.third-study .sheet .sheet-item {
  padding-bottom: 20px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-flex: 1;
       flex: 1 1;
}
.third-study .sheet .sheet-name {
  width: 100px;
  text-align: right;
}
.third-study .sheet .select-content {
  -moz-box-flex: 1;
       flex: 1 1;
  margin-left: 10px;
}
.third-study .sheet .select-content .select {
  width: 180px;
}
.third-study .question-list {
  margin-top: 20px;
  max-height: 450px;
  overflow-y: auto;
}
.third-study .question-list .question-list-item {
  margin-top: 20px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: justify;
       justify-content: space-between;
}
.third-study .question-list .question-list-item:first-child {
  margin-top: 0;
}
.third-study .question-list .question-title {
  width: 100px;
  text-align: right;
}
.third-study .question-list .input-content {
  -moz-box-flex: 1;
       flex: 1 1;
  margin-left: 10px;
}
.third-study .special-student {
  margin-top: 20px;
  max-height: 450px;
  overflow-y: auto;
}
.third-study .special-student .special-class {
  margin-top: 20px;
}
.third-study .special-student .special-class:first-child {
  margin-top: 0;
}
.third-study .special-student .special-title {
  padding: 10px 0;
  border-bottom: 1px solid var(--color-neutral-3);
  font-weight: 500;
}
.third-study .special-student .special-body {
  margin: 20px;
}
.third-study .special-student .special-body .student-info {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.third-study .special-student .special-body .student-info:first-child {
  margin-top: 0;
}
.third-study .special-student .special-body .student-info .student-name {
  width: 200px;
  text-align: right;
}
.third-study .special-student .special-body .student-info .input-search {
  -moz-box-flex: 1;
       flex: 1 1;
  margin-left: 10px;
}

.import-student-score .step-title {
  padding: 10px 0;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  font-size: 14px;
  font-weight: 500;
}
.import-student-score .step-number {
  display: inline-block;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  height: 20px;
  width: 20px;
  margin: 0 12px 0px 0;
  background-color: rgb(var(--primary-6));
  line-height: 20px;
  font-size: 12px;
}
.import-student-score .template {
  height: 80px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  border-radius: 4px;
  background: var(--color-fill-2);
  -moz-box-pack: justify;
       justify-content: space-between;
}
.import-student-score .template-button {
  width: 100px;
}
.import-student-score .template-name {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
}

.organization-tree .tree-list {
  padding: 0 16px;
}
.organization-tree .arco-tree-node-title-block .arco-tree-node-drag-icon {
  position: absolute;
  left: -20px;
}
.tree-head {
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
       justify-content: space-between;
  -moz-box-align: center;
       align-items: center;
  font-size: 16px;
  font-weight: bold;
  padding: 16px;
}

.student-batch .student-batch__title {
  padding: 0 0 10px;
  color: var(--color-text-2);
}
.student-batch .step-title {
  padding: 10px 0;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  font-size: 14px;
  font-weight: 500;
}
.student-batch .step-number {
  display: inline-block;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  height: 20px;
  width: 20px;
  margin: 0 12px 0px 0;
  background-color: rgb(var(--primary-6));
  line-height: 20px;
  font-size: 12px;
}
.student-batch .student-template {
  height: 80px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  border-radius: 4px;
  background: var(--color-fill-2);
  -moz-box-pack: justify;
       justify-content: space-between;
}
.student-batch .student-template-button {
  width: 100px;
}
.student-batch .student-template__name {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
}
.student-batch .template__name {
  font-size: 14px;
  font-weight: 500;
}
.student-batch .upload-content .trigger {
  background-color: var(--color-bg-2);
  border: 1px dashed var(--color-fill-4);
  width: 480px;
  height: 200px;
  border-radius: 8px;
  text-align: center;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
.student-batch .upload-content .trigger:hover {
  border-color: #3370ff;
}
.student-batch .upload-content .trigger .title-content {
  font-size: 14px;
}
.student-batch .upload-content .trigger .title-content .highlight-text {
  color: rgb(var(--primary-6));
}
.student-batch .upload-content .trigger p {
  line-height: 20px;
}
.student-batch .progress-content {
  background-color: var(--color-bg-2);
  border: 1px solid var(--color-fill-4);
  width: 480px;
  height: 100px;
  border-radius: 8px;
  text-align: center;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}

.organization-info {
  padding: 0 16px;
}
.organization-info .input-name {
  width: 500px;
}
.organization-info .form-list .form-list__item {
  margin-top: 16px;
  border-bottom: 1px dotted var(--color-border);
}
.organization-info .form-list .form-list__item:first-child {
  margin-top: 0;
}
.organization-head {
  padding: 16px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: justify;
       justify-content: space-between;
}
.organization-head .organization-title {
  font-size: 20px;
  font-weight: bold;
}

.student-list {
  padding: 0 16px 16px;
}
.student-list .action-content {
  padding: 16px 0;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: justify;
       justify-content: space-between;
}
.student-list .title-content {
  line-height: 46px;
}
.student-list .search-content {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  text-align: left;
  color: rgb(var(--gray-10));
  line-height: 1.5715;
  font-weight: 500;
  border-bottom: 1px solid var(--color-neutral-3);
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: justify;
       justify-content: space-between;
  padding: 16px 0;
}

.printer-content .title {
  position: relative;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  height: 30px;
  margin-bottom: 20px;
  padding-left: 16px;
  background: #f0f4ff;
  border-radius: 2px;
  color: #0f1114;
  font-size: 14px;
  font-weight: 500;
}
.printer-content .title:before {
  content: '';
  overflow: hidden;
  position: absolute;
  left: 8px;
  top: 50%;
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
  background: #3370ff;
  height: 14px;
  width: 3px;
  border-radius: 2px;
}
.printer-content .subject-checkbox {
  padding-left: 16px;
}
.printer-content .arco-checkbox-group .arco-checkbox {
  padding: 10px 0;
  min-width: 110px;
  margin-right: 0;
}

.print-statistic {
  margin-top: 10px;
  display: -moz-box;
  display: flex;
  -moz-box-align: start;
       align-items: flex-start;
}
.print-statistic .print-statistic-card {
  -moz-box-flex: 1;
       flex: 1 1;
  margin-left: 10px;
}
.print-statistic .print-statistic-card:first-child {
  margin-left: 0;
}

.search-report {
  margin-top: 16px;
}
.search-report .select-large {
  width: 180px;
}
.search-report .select-default {
  width: 140px;
}

.print-data {
  margin-top: 16px;
}

.search-report {
  margin-top: 16px;
}
.search-report .select-large {
  width: 180px;
}
.search-report .select-default {
  width: 140px;
}

.paper-review .question {
  padding-bottom: 50px;
}
.paper-review .question .question-group {
  padding: 0 16px;
}
.paper-review .question-list__item {
  margin-top: 16px;
}
.paper-review .question-list__item:first-child {
  margin-top: 0;
}
.paper-review .question-number-list {
  padding: 16px 16px 0;
}
.paper-review .question-number-list:first-child {
  padding-top: 0;
}
.paper-review .question-number-group {
  margin-top: -16px;
}
.paper-review .question-number-group .question-number {
  margin: 16px 10px 0 0;
}

.question-answer-edit .divider-flex-content {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
.question-answer-edit .content {
  -moz-box-flex: 1;
       flex: 1 1;
  font-size: 12px;
  line-height: 20px;
  color: var(--color-text-2);
  width: 248px;
}
.question-answer-edit .half-divider {
  left: 16px;
  min-width: auto;
  width: -moz-calc(100% - 16px);
  width: calc(100% - 16px);
  margin: 16px 0;
}
.question-answer-edit .divide-images {
  width: 248px;
  height: 100px;
  margin: 0 16px 2px 16px;
}
.question-answer-edit .image-box {
  width: 248px;
  height: 100px;
  border: 1px dotted var(--color-border);
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  overflow: hidden;
  margin-left: 16px;
}
.question-answer-edit .image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.question {
  height: 100%;
  padding-bottom: 50px;
}
.question .question-group {
  width: 100%;
  margin-top: 20px;
  padding: 0 20px;
}
.question .question-group:first-child {
  margin-top: 0;
}
.question .question-list {
  margin-top: 20px;
}
.question .question-list .question-list__item {
  margin-top: 20px;
}
.question .question-list .question-list__item:first-child {
  margin-top: 0;
}
.question .question-number-list {
  padding: 16px 16px 0;
}
.question .question-number-list:first-child {
  padding-top: 0;
}
.question .question-number-group {
  margin-top: -16px;
}
.question .question-number-group .question-number {
  margin: 16px 10px 0 0;
}

.student-super-code {
  min-height: 100vh;
  background: var(--color-bg-2);
}
.student-super-code .student-code-list {
  padding: 16px;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
}
.student-super-code .student-code-list__item {
  display: -moz-box;
  display: flex;
  padding: 10px;
  width: 25%;
  -moz-box-align: start;
       align-items: flex-start;
  border: 1px dashed var(--color-border);
}
.student-super-code .student-info {
  height: 80px;
  margin-left: 10px;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
}
.student-super-code .student-info p {
  padding: 0;
  margin: 0;
  -moz-box-flex: 1;
       flex: 1 1;
}

.chapter-structure .arco-tree-node-selected .arco-tree-node-title,
.chapter-structure .arco-tree-node-selected .arco-tree-node-title:hover {
  color: rgb(var(--primary-6));
  -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
  transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}
.chapter-structure .arco-tree-node-title:hover {
  background-color: transparent;
  color: var(--color-text-1);
}
.chapter-structure .arco-tree-node-title {
  padding: 0 4px;
}
.chapter-structure .arco-tree-node {
  cursor: default;
}
.chapter-structure .input-text {
  width: 260px;
}
.chapter-structure .icon-button {
  font-size: 16px;
}
.chapter-structure .arco-tree-node-title {
  padding: 5px 4px;
}

.printer-book .operation-area {
  display: -moz-box;
  display: flex;
  -moz-box-pack: end;
       justify-content: flex-end;
  -moz-box-align: center;
       align-items: center;
  margin-top: 16px;
}

.record-question .operation-wrap {
  display: -moz-box;
  display: flex;
  -moz-box-pack: end;
       justify-content: flex-end;
  -moz-box-align: center;
       align-items: center;
  margin-top: 16px;
}
.record-question .search-card .arco-card-size-default .arco-card-body {
  padding: 16px 16px 8px;
}
.record-question .entry-questions {
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  -moz-box-pack: start;
       justify-content: flex-start;
}
.record-question .entry-questions-card {
  margin: 16px 0 0 0;
  width: 19%;
  height: 330px;
  margin-right: 1%;
  position: relative;
}
.record-question .questions-action {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}
.record-question .image-box {
  width: 100%;
  height: 240px;
  overflow: hidden;
  font-size: 0;
  line-height: 240px;
  text-align: center;
}
.record-question .image-box .arco-image-img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.record-question .entry-questions-description {
  padding: 16px 10px;
  border-top: 1px solid var(--color-neutral-3);
}
.record-question .entry-questions .arco-card-size-default .arco-card-body {
  padding: 0;
}

.exam-list .arco-card-size-default .arco-card-body {
  padding: 16px 16px 8px;
}

.exam-print-report-list {
  margin-top: 16px;
}
.exam-print-report-list .exam-print-report-card {
  margin-top: 16px;
}
.exam-print-report-list .exam-print-report-card:first-child {
  margin-top: 0;
}
.exam-print-report-list .question-content {
  width: 100%;
  padding: 10px 0;
  font-weight: 400 !important;
}
.exam-print-report-list .content-img .arco-image-img {
  width: -moz-calc(100% / 2);
  width: calc(100% / 2);
  font-size: 14px;
}
.exam-print-report-list .print-footer {
  -moz-box-pack: justify;
       justify-content: space-between;
  padding: 16px 0;
  border-top: 1px solid var(--color-neutral-3);
}
.exam-print-report-list .print-report {
  font-size: 14px;
}
.exam-print-report-list .print-report .report-info {
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
       justify-content: space-between;
}
.exam-print-report-list .print-report .print-title {
  width: 60px;
  text-align: left;
}
.exam-print-report-list .print-report .print-list {
  -moz-box-flex: 1;
       flex: 1 1;
}
.exam-print-report-list .print-report .class-print-ratio {
  width: 150px;
  text-align: right;
}
.exam-print-report-list .print-count {
  width: 100px;
  text-align: right;
}
.exam-print-report-list .class-info {
  -moz-box-flex: 1;
       flex: 1 1;
  margin-right: 50px;
}

.hot-question-search {
  margin-top: 16px;
}
.hot-question-search .select-large {
  width: 180px;
}
.hot-question-search .select-default {
  width: 140px;
}

.hot-question .question-content,
.hot-question .question-content .arco-image-img {
  width: 400px;
}

.organization {
  margin-top: 10px;
  overflow: hidden;
  display: -moz-box;
  display: flex;
  -moz-box-align: start;
       align-items: flex-start;
  height: -moz-calc(100vh - 132px);
  height: calc(100vh - 132px);
  background-color: var(--color-bg-2);
}
.organization .organization-sided,
.organization .organization-content {
  height: 100%;
}
.organization .organization-sided {
  width: 360px;
  border-right: 1px solid var(--color-border);
}
.organization .organization-content {
  width: 100%;
}

.school-list .school-card {
  margin-top: 16px;
}
.school-list .school-content {
  width: 100%;
}

.container-box {
  min-height: 100vh;
  max-width: 100%;
  background-color: var(--color-fill-2);
}
body {
  background-color: var(--color-bg-1);
  color: var(--color-text-1);
}
.menu-wrap {
  position: fixed;
  top: 67px;
  left: 0;
  -moz-transition: left 0.15s;
  transition: left 0.15s;
  height: -moz-calc(100vh - 66px);
  height: calc(100vh - 66px);
  overflow-y: hidden;
  overflow-x: hidden;
  z-index: 999;
}
.pagination-wrap {
  display: -moz-box;
  display: flex;
  align-content: center;
  -moz-box-pack: end;
       justify-content: flex-end;
  padding: 16px 0;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: nunito_for_arco, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
#root,
html,
body {
  width: 100%;
  height: 100%;
}
.login-layout {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.login-container {
  position: relative;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
.login-container .form {
  position: relative;
  z-index: 1;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  width: 360px;
  overflow: hidden;
}
.login-container .form-item {
  padding: 16px 0;
  margin: 0;
}
.login-container .remember-password {
  padding: 0;
}
.login-container .sidebar-box {
  background: -moz-linear-gradient(286.15deg, #1d2129, #00308f);
  background: linear-gradient(163.85deg, #1d2129, #00308f);
  position: relative;
  flex-shrink: 0;
  max-width: 100%;
  height: 100%;
}
.login-container .sidebar-box h1 {
  padding: 16px 24px;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
}
.login-container .main-box {
  position: relative;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-flex: 1;
       flex-grow: 1;
  flex-shrink: 0;
  height: 100%;
  overflow-y: auto;
}
.login-container .from-wrap {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-flex: 1;
       flex-grow: 1;
  flex-shrink: 0;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  width: 100%;
  padding: 24px 16px;
}
.login-container .form-space {
  width: 100%;
  border-radius: var(--border-radius-small);
  color: var(--color-text-1);
  font-size: 14px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
  transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
  border: 1px solid transparent;
  background-color: var(--color-fill-2);
  position: relative;
}
.login-container .form-space .verify-button {
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
}
.login-container .nc-container .nc_scale span {
  height: 34px;
}