.setting-column__title[data-v-03d7c5dc] {
  border-bottom: 1px solid #ebeef5;
  padding-bottom: 15px
}

.setting-column__title span[data-v-03d7c5dc] {
  display: inline-block;
  font-weight: 700;
  color: #909399;
  font-size: 12px
}

.setting-column__title span.move_b[data-v-03d7c5dc] {
  width: 30px;
  margin-right: 15px
}

.setting-column__title span.show_b[data-v-03d7c5dc] {
  width: 60px
}

.setting-column__title span.name_b[data-v-03d7c5dc] {
  width: 140px
}

.setting-column__title span.width_b[data-v-03d7c5dc] {
  width: 60px;
  margin-right: 15px
}

.setting-column__title span.fixed_b[data-v-03d7c5dc],
.setting-column__title span.sortable_b[data-v-03d7c5dc] {
  width: 60px
}

.setting-column__list[data-v-03d7c5dc] {
  max-height: 314px;
  overflow: auto
}

.setting-column__list li[data-v-03d7c5dc] {
  list-style: none;
  margin: 10px 0;
  display: flex;
  align-items: center
}

.setting-column__list li>span[data-v-03d7c5dc] {
  display: inline-block;
  font-size: 12px
}

.setting-column__list li span.move_b[data-v-03d7c5dc] {
  width: 30px;
  margin-right: 15px
}

.setting-column__list li span.show_b[data-v-03d7c5dc] {
  width: 60px
}

.setting-column__list li span.name_b[data-v-03d7c5dc] {
  width: 140px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default
}

.setting-column__list li span.width_b[data-v-03d7c5dc] {
  width: 60px;
  margin-right: 15px
}

.setting-column__list li span.fixed_b[data-v-03d7c5dc],
.setting-column__list li span.sortable_b[data-v-03d7c5dc] {
  width: 60px
}

.setting-column__list li.ghost[data-v-03d7c5dc] {
  opacity: .3
}

.setting-column__bottom[data-v-03d7c5dc] {
  border-top: 1px solid #ebeef5;
  padding-top: 15px;
  text-align: right
}

.dark .setting-column__bottom[data-v-03d7c5dc],
.dark .setting-column__title[data-v-03d7c5dc] {
  border-color: var(--el-border-color-light)
}

.scTable-table[data-v-fbefd750] {
  height: calc(100% - 50px)
}

.scTable-page[data-v-fbefd750] {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px
}

.scTable-do[data-v-fbefd750] {
  white-space: nowrap
}

.scTable[data-v-fbefd750] .el-table__footer .cell {
  font-weight: 700
}

.scTable[data-v-fbefd750] .el-table__body-wrapper .el-scrollbar__bar.is-horizontal {
  height: 12px;
  border-radius: 12px
}

.scTable[data-v-fbefd750] .el-table__body-wrapper .el-scrollbar__bar.is-vertical {
  width: 12px;
  border-radius: 12px
}

.sc-filter-my-loading[data-v-e4d46bf8] {
  padding: 15px
}

.sc-filter-my-list[data-v-e4d46bf8] {
  list-style-type: none;
  background: #fff;
  border-bottom: 1px solid #e6e6e6
}

.sc-filter-my-list h2[data-v-e4d46bf8] {
  font-size: 12px;
  color: #999;
  font-weight: 400;
  padding: 20px
}

.sc-filter-my-list li[data-v-e4d46bf8] {
  padding: 12px 20px;
  cursor: pointer;
  position: relative;
  color: #3c4a54;
  padding-right: 80px
}

.sc-filter-my-list li[data-v-e4d46bf8]:hover {
  background: #ecf5ff;
  color: #409eff
}

.sc-filter-my-list li label[data-v-e4d46bf8] {
  cursor: pointer;
  font-size: 14px;
  line-height: 1.8
}

.sc-filter-my-list li label span[data-v-e4d46bf8] {
  color: #999;
  margin-right: 10px
}

.sc-filter-my-list li .del[data-v-e4d46bf8] {
  position: absolute;
  right: 20px;
  top: 8px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999
}

.sc-filter-my-list li .del[data-v-e4d46bf8]:hover {
  background: #f56c6c;
  color: #fff
}

[data-theme=dark] .sc-filter-my .el-empty h2[data-v-e4d46bf8] {
  color: #fff
}

[data-theme=dark] .sc-filter-my-list[data-v-e4d46bf8] {
  background: none;
  border-color: var(--el-border-color-base)
}

[data-theme=dark] .sc-filter-my-list li[data-v-e4d46bf8] {
  color: #d0d0d0
}

[data-theme=dark] .sc-filter-my-list li[data-v-e4d46bf8]:hover {
  background: var(--el-color-white)
}

.tabs-label[data-v-1209fe25] {
  padding: 0 20px
}

.nodata[data-v-1209fe25] {
  height: 46px;
  line-height: 46px;
  margin: 15px 0;
  border: 1px dashed #e6e6e6;
  color: #999;
  text-align: center;
  border-radius: 3px
}

.sc-filter-main[data-v-1209fe25] {
  padding: 20px;
  border-bottom: 1px solid #e6e6e6;
  background: #fff
}

.sc-filter-main h2[data-v-1209fe25] {
  font-size: 12px;
  color: #999;
  font-weight: 400
}

.sc-filter-main table[data-v-1209fe25] {
  width: 100%;
  margin: 15px 0
}

.sc-filter-main table td[data-v-1209fe25] {
  padding: 5px 10px 5px 0
}

.sc-filter-main table td[data-v-1209fe25] .el-input .el-input__inner {
  vertical-align: top
}

.sc-filter-main table td .el-select[data-v-1209fe25] {
  display: block
}

.sc-filter-main table td .el-date-editor.el-input[data-v-1209fe25] {
  display: block;
  width: 100%
}

.sc-filter-main table td .del[data-v-1209fe25] {
  background: #fff;
  color: #999;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  cursor: pointer
}

.sc-filter-main table td .del[data-v-1209fe25]:hover {
  background: #f56c6c;
  color: #fff
}

.root[data-v-1209fe25] {
  display: flex;
  height: 100%;
  flex-direction: column
}

.root[data-v-1209fe25] .el-tabs__header {
  margin: 0
}

.root[data-v-1209fe25] .el-tabs__content {
  flex: 1;
  background: #f6f8f9
}

.root[data-v-1209fe25] .el-tabs__content .el-tab-pane {
  overflow: auto;
  height: 100%
}

.dark .root[data-v-1209fe25] .el-tabs__content {
  background: var(--el-bg-color-overlay)
}

.dark .sc-filter-main[data-v-1209fe25] {
  background: var(--el-bg-color);
  border-color: var(--el-border-color-light)
}

.dark .sc-filter-main table td .del[data-v-1209fe25] {
  background: none
}

.dark .sc-filter-main table td .del[data-v-1209fe25]:hover {
  background: #f56c6c
}

.dark .nodata[data-v-1209fe25] {
  border-color: var(--el-border-color-light)
}

.JinDutiao[data-v-4723aecc] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 25;
  top: 0;
  left: 0
}

.UpAicg[data-v-4723aecc] {
  display: block;
  top: -5px;
  border-radius: 6px;
  overflow: hidden;
  position: absolute !important;
  width: 38px !important
}

.Imgse[data-v-4723aecc] {
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px
}

.ShiYimage[data-v-4723aecc] {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  z-index: 10;
  width: 16px;
  height: 16px
}

.ShiyIMAGE[data-v-4723aecc] {
  width: 16px !important;
  height: 16px !important;
  border-radius: 6px
}

.el-form-item.is-error .sc-upload .el-upload--picture-card[data-v-4723aecc] {
  border-color: var(--el-color-danger)
}

.sc-upload .el-upload--picture-card[data-v-4723aecc] {
  border-radius: 0
}

.sc-upload .uploader[data-v-4723aecc],
.sc-upload[data-v-4723aecc] .el-upload {
  width: 100%;
  height: 100%
}

.sc-upload__img[data-v-4723aecc] {
  width: 100%;
  height: 100%;
  position: relative
}

.sc-upload__img .image[data-v-4723aecc] {
  width: 100%;
  height: 100%
}

.sc-upload__img-actions[data-v-4723aecc] {
  position: absolute;
  top: 0;
  right: 0;
  display: none
}

.sc-upload__img-actions span[data-v-4723aecc] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  color: #fff
}

.sc-upload__img-actions span i[data-v-4723aecc] {
  font-size: 12px
}

.sc-upload__img-actions .del[data-v-4723aecc] {
  background: #f56c6c
}

.sc-upload__img:hover .sc-upload__img-actions[data-v-4723aecc] {
  display: block
}

.sc-upload__img-slot[data-v-4723aecc] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  background-color: var(--el-fill-color-lighter)
}

.sc-upload__uploading[data-v-4723aecc] {
  width: 100%;
  height: 100%;
  position: relative
}

.sc-upload__progress[data-v-4723aecc] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--el-overlay-color-lighter);
  z-index: 1;
  padding: 10px
}

.sc-upload__progress .el-progress[data-v-4723aecc] {
  width: 100%
}

.sc-upload__uploading .image[data-v-4723aecc] {
  width: 100%;
  height: 100%
}

.sc-upload .file-empty[data-v-4723aecc] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.sc-upload .file-empty i[data-v-4723aecc] {
  font-size: 28px
}

.sc-upload .file-empty h4[data-v-4723aecc] {
  font-size: 12px;
  font-weight: 400;
  color: #8c939d;
  margin-top: 8px
}

.sc-upload.sc-upload-round[data-v-4723aecc] {
  border-radius: 50%;
  overflow: hidden
}

.sc-upload.sc-upload-round .el-upload--picture-card[data-v-4723aecc] {
  border-radius: 50%
}

.sc-upload.sc-upload-round .sc-upload__img-actions[data-v-4723aecc] {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0
}

.sc-upload.sc-upload-round .sc-upload__img-actions span[data-v-4723aecc] {
  width: 100%
}

.el-form-item.is-error .sc-upload-multiple[data-v-20b47609] .el-upload--picture-card {
  border-color: var(--el-color-danger)
}

[data-v-20b47609] .el-upload-list__item {
  transition: none;
  border-radius: 0
}

.sc-upload-multiple[data-v-20b47609] .el-upload-list__item.el-list-leave-active {
  position: static !important
}

.sc-upload-multiple[data-v-20b47609] .el-upload--picture-card {
  border-radius: 0
}

.sc-upload-list-item[data-v-20b47609] {
  width: 100%;
  height: 100%;
  position: relative
}

.sc-upload-multiple .el-image[data-v-20b47609] {
  display: block
}

.sc-upload-multiple .el-image[data-v-20b47609] img {
  -webkit-user-drag: none
}

.sc-upload-multiple-image-slot[data-v-20b47609] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px
}

.sc-upload-multiple .el-upload-list__item:hover .sc-upload__item-actions[data-v-20b47609] {
  display: block
}

.sc-upload__item-actions[data-v-20b47609] {
  position: absolute;
  top: 0;
  right: 0;
  display: none
}

.sc-upload__item-actions span[data-v-20b47609] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  color: #fff
}

.sc-upload__item-actions span i[data-v-20b47609] {
  font-size: 12px
}

.sc-upload__item-actions .del[data-v-20b47609] {
  background: #f56c6c
}

.sc-upload__item-progress[data-v-20b47609] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--el-overlay-color-lighter)
}

.el-form-item.is-error .sc-upload-file[data-v-7de5a9b9] .el-upload-dragger {
  border-color: var(--el-color-danger)
}

.sc-upload-file[data-v-7de5a9b9] {
  width: 100%
}

.sc-upload-file[data-v-7de5a9b9] .el-upload-list__item {
  transition: none !important
}

.sc-form-table[data-v-4e519227] {
  width: 100%
}

.sc-form-table .sc-form-table-handle[data-v-4e519227] {
  text-align: center;
  position: relative
}

.sc-form-table .sc-form-table-handle span[data-v-4e519227] {
  display: inline-block
}

.sc-form-table .sc-form-table-handle .move[data-v-4e519227] {
  display: flex;
  margin-top: 4px
}

.sc-form-table .sc-form-table-handle button[data-v-4e519227] {
  display: block
}

.sc-form-table .hover-row .sc-form-table-handle span[data-v-4e519227] {
  display: none
}

.sc-form-table .hover-row .sc-form-table-handle .move[data-v-4e519227] {
  display: flex
}

.sc-form-table .hover-row .sc-form-table-handle button[data-v-4e519227] {
  display: block
}

.sc-table-select__table[data-v-73fa4a8a] {
  padding: 12px
}

.sc-table-select__page[data-v-73fa4a8a] {
  padding-top: 12px
}

.sc-page-header[data-v-db1f59aa] {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 25px;
  display: flex
}

.sc-page-header__icon[data-v-db1f59aa] {
  width: 50px
}

.sc-page-header__icon span[data-v-db1f59aa] {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #409eff;
  border-radius: 40%;
  display: flex;
  align-items: center;
  justify-content: center
}

.sc-page-header__icon span i[data-v-db1f59aa] {
  color: #fff;
  font-size: 14px
}

.sc-page-header__title[data-v-db1f59aa] {
  flex: 1
}

.sc-page-header__title h2[data-v-db1f59aa] {
  font-size: 17px;
  color: #3c4a54;
  font-weight: 700;
  margin-top: 3px
}

.sc-page-header__title p[data-v-db1f59aa] {
  font-size: 13px;
  color: #999;
  margin-top: 15px
}

[data-theme=dark] .sc-page-header[data-v-db1f59aa] {
  background: #2b2b2b;
  border-color: var(--el-border-color-base)
}

[data-theme=dark] .sc-page-header__title h2[data-v-db1f59aa] {
  color: #d0d0d0
}

.sc-select[data-v-2ba01458] {
  display: inline-block;
  position: relative
}

.sc-select-loading[data-v-2ba01458] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 100;
  border-radius: 5px;
  border: 1px solid #ebeef5;
  display: flex;
  align-items: center;
  padding-left: 10px
}

.sc-select-loading i[data-v-2ba01458] {
  font-size: 14px
}

.dark .sc-select-loading[data-v-2ba01458] {
  background: var(--el-bg-color-overlay);
  border-color: var(--el-border-color-light)
}

.sc-dialog__headerbtn[data-v-0dcd64f0] {
  position: absolute;
  top: var(--el-dialog-padding-primary);
  right: var(--el-dialog-padding-primary)
}

.sc-dialog__headerbtn button[data-v-0dcd64f0] {
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
  margin-left: 15px;
  color: var(--el-color-info)
}

.sc-dialog__headerbtn button:hover .el-dialog__close[data-v-0dcd64f0] {
  color: var(--el-color-primary)
}

.sc-dialog[data-v-0dcd64f0] .el-dialog.is-fullscreen {
  display: flex;
  flex-direction: column;
  top: 0 !important;
  left: 0 !important
}

.sc-dialog[data-v-0dcd64f0] .el-dialog.is-fullscreen .el-dialog__body {
  flex: 1;
  overflow: auto
}

.sc-dialog[data-v-0dcd64f0] .el-dialog.is-fullscreen .el-dialog__footer {
  padding-bottom: 10px;
  border-top: 1px solid var(--el-border-color-base)
}

.sc-title[data-v-0fcbfb2d] {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  font-size: 17px;
  padding-bottom: 15px;
  color: #3c4a54;
  font-weight: 700
}

.sc-water-mark[data-v-52ccb200] {
  position: relative;
  display: inherit;
  width: 100%;
  height: 100%
}

.sc-state[data-v-5824b3ca] {
  display: inline-block;
  background: #000;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  vertical-align: middle
}

.sc-status-processing[data-v-5824b3ca] {
  position: relative
}

.sc-status-processing[data-v-5824b3ca]:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: inherit;
  content: "";
  animation: warn-5824b3ca 1.2s ease-in-out infinite
}

.sc-state-bg--primary[data-v-5824b3ca] {
  background: var(--el-color-primary)
}

.sc-state-bg--success[data-v-5824b3ca] {
  background: var(--el-color-success)
}

.sc-state-bg--warning[data-v-5824b3ca] {
  background: var(--el-color-warning)
}

.sc-state-bg--danger[data-v-5824b3ca] {
  background: var(--el-color-danger)
}

.sc-state-bg--info[data-v-5824b3ca] {
  background: var(--el-color-info)
}

@keyframes warn-5824b3ca {
  0% {
    transform: scale(.5);
    opacity: 1
  }

  30% {
    opacity: .7
  }

  to {
    transform: scale(2.5);
    opacity: 0
  }
}

.sc-trend[data-v-2a6224bc] {
  display: flex;
  align-items: center
}

.sc-trend-icon[data-v-2a6224bc] {
  margin-right: 2px
}

.sc-trend em[data-v-2a6224bc] {
  font-style: normal
}

.sc-trend-prefix[data-v-2a6224bc] {
  margin-right: 2px
}

.sc-trend-suffix[data-v-2a6224bc] {
  margin-left: 2px
}

.sc-trend--P[data-v-2a6224bc] {
  color: #f56c6c
}

.sc-trend--N[data-v-2a6224bc] {
  color: #67c23a
}

.sc-trend--Z[data-v-2a6224bc] {
  color: #555
}

.sc-video[data-v-f6306a2e] .danmu>* {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000
}

.sc-video[data-v-f6306a2e] .xgplayer-controls {
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3))
}

.sc-video[data-v-f6306a2e] .xgplayer-progress-tip {
  border: 0;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  line-height: 25px;
  padding: 0 10px;
  border-radius: 25px
}

.sc-video[data-v-f6306a2e] .xgplayer-enter-spinner {
  width: 50px;
  height: 50px
}

.suCaiNum[data-v-4fb4de97] {
  font-size: 11px
}

.fenJia[data-v-4fb4de97] {
  display: grid;
  gap: 8px;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  width: 100%
}

.typeName[data-v-4fb4de97] {
  position: absolute;
  background: rgba(0, 0, 0, .34);
  color: #fff;
  z-index: 12;
  bottom: 6px;
  left: 6px;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 10px
}

.yinpinS[data-v-4fb4de97] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .15)
}

.yinpinS[data-v-4fb4de97]:hover {
  border: 2px solid #8bc34a;
  background: rgba(0, 0, 0, .4)
}

.biQian[data-v-4fb4de97] {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 10;
  background: rgba(0, 0, 0, .62);
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
  zoom: .8;
  padding: 2px
}

.noselect[data-v-4fb4de97] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.sc-file-select[data-v-4fb4de97] {
  display: flex
}

.sc-file-select__files[data-v-4fb4de97] {
  flex: 1
}

.el-card__body[data-v-4fb4de97],
.el-dialog__body[data-v-4fb4de97] {
  padding: 0 !important
}

.sc-file-select__list[data-v-4fb4de97] {
  height: 400px
}

.sc-file-select__item__file[data-v-4fb4de97] {
  height: 110px;
  position: relative;
  border: 1px solid #f5f7fa;
  overflow: hidden
}

.sc-file-select__item__file .el-image[data-v-4fb4de97] {
  width: 108px;
  height: 108px
}

.sc-file-select__item__box[data-v-4fb4de97] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--el-color-success);
  z-index: 1;
  display: none
}

.sc-file-select__item__box[data-v-4fb4de97]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--el-color-success);
  opacity: .2;
  display: none
}

.sc-file-select__item.active .sc-file-select__item__box[data-v-4fb4de97],
.sc-file-select__item.active .sc-file-select__item__box[data-v-4fb4de97]:before,
.sc-file-select__item:hover .sc-file-select__item__box[data-v-4fb4de97] {
  display: block
}

.sc-file-select__item p[data-v-4fb4de97] {
  margin-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-align: center
}

.sc-file-select__item__checkbox[data-v-4fb4de97] {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 6px;
  right: 6px;
  z-index: 66;
  background: rgba(0, 0, 0, .2);
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 4px
}

.sc-file-select__item__checkbox i[data-v-4fb4de97] {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  display: none
}

.sc-file-select__item__select[data-v-4fb4de97] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  right: 7px;
  z-index: 66;
  background: rgba(0, 0, 0, .2);
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.sc-file-select__item__select i[data-v-4fb4de97] {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  display: none
}

.sc-file-select__item.active .sc-file-select__item__checkbox[data-v-4fb4de97] {
  background: var(--el-color-success)
}

.sc-file-select__item.active .sc-file-select__item__checkbox i[data-v-4fb4de97] {
  display: block
}

.sc-file-select__item.active .sc-file-select__item__select[data-v-4fb4de97] {
  display: flex;
  background: var(--el-color-success)
}

.sc-file-select__item.active .sc-file-select__item__select i[data-v-4fb4de97] {
  display: block
}

.sc-file-select__item__file .item-file[data-v-4fb4de97] {
  width: 110px;
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.sc-file-select__item__file .item-file i[data-v-4fb4de97] {
  font-size: 40px
}

.sc-file-select__item__file .item-file.item-file-doc[data-v-4fb4de97] {
  color: #409eff
}

.sc-file-select__item__upload[data-v-4fb4de97] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: hsla(0, 0%, 100%, .7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.sc-file-select__side[data-v-4fb4de97] {
  width: 200px;
  margin-right: 15px;
  border-right: 1px solid hsla(0, 0%, 50%, .2);
  display: flex;
  flex-flow: column
}

.sc-file-select__side-menu[data-v-4fb4de97] {
  flex: 1
}

.sc-file-select__side-msg[data-v-4fb4de97] {
  height: 32px;
  line-height: 32px
}

.sc-file-select__top[data-v-4fb4de97] {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between
}

.sc-file-select__upload[data-v-4fb4de97] {
  display: inline-block
}

.sc-file-select__top .tips[data-v-4fb4de97] {
  font-size: 12px;
  margin-left: 10px;
  color: #999
}

.sc-file-select__top .tips i[data-v-4fb4de97] {
  font-size: 14px;
  margin-right: 5px;
  position: relative;
  bottom: -.125em
}

.sc-file-select__pagination[data-v-4fb4de97] {
  margin: 15px 0
}

.sc-file-select__do[data-v-4fb4de97] {
  text-align: right
}

.custom-tree-node[data-v-4fb4de97] {
  flex: 1;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 24px
}

.custom-tree-node .label[data-v-4fb4de97],
.custom-tree-node[data-v-4fb4de97] {
  display: flex;
  align-items: center;
  height: 100%
}

.custom-tree-node .label .el-tag[data-v-4fb4de97] {
  margin-left: 5px
}

.custom-tree-node .do[data-v-4fb4de97] {
  display: none
}

.custom-tree-node .do i[data-v-4fb4de97] {
  margin-left: 5px;
  color: #999
}

.custom-tree-node .do i[data-v-4fb4de97]:hover {
  color: #333
}

.custom-tree-node:hover .do[data-v-4fb4de97] {
  display: inline-block
}

.el-dialog__body[data-v-4fb4de97] {
  padding: 0 !important
}

.playanniu[data-v-4fb4de97] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 3vw;
  opacity: .8
}

.sc-file-select__item__checkboxs[data-v-4fb4de97] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, .2);
  border: 1px solid #fff;
  float: left
}

.sc-file-select__item__checkboxs i[data-v-4fb4de97] {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  display: none
}

.active.sc-file-select__item__checkboxs[data-v-4fb4de97] {
  background: var(--el-color-success)
}

.active.sc-file-select__item__checkboxs i[data-v-4fb4de97] {
  display: block
}

.quanxuan[data-v-4fb4de97] {
  font-size: 12px
}

.quanXuan[data-v-4fb4de97] {
  width: 70px;
  display: flex;
  align-items: center
}

.footerDele[data-v-4fb4de97] {
  display: flex;
  align-items: center;
  justify-content: right
}

.chuantou[data-v-1fcf08c3] .selectDiy .el-dialog__body,
.el-card__body[data-v-1fcf08c3],
.el-dialog__body[data-v-1fcf08c3] {
  padding: 0 !important
}

.sc-upload__img[data-v-1fcf08c3] {
  width: 100px;
  height: 100px;
  position: relative;
  float: left;
  overflow: hidden;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-list-picture-card-size);
  height: var(--el-upload-list-picture-card-size);
  padding: 0;
  display: inline-flex
}

.sc-upload__img .image[data-v-1fcf08c3] {
  width: 100%;
  height: 100%
}

.sc-upload__img-actions[data-v-1fcf08c3] {
  position: absolute;
  top: 0;
  right: 0;
  display: none
}

.sc-upload__img-actions span[data-v-1fcf08c3] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  color: #fff
}

.sc-upload__img-actions span i[data-v-1fcf08c3] {
  font-size: 12px
}

.sc-upload__img-actions .del[data-v-1fcf08c3] {
  background: #f56c6c
}

.sc-upload__img:hover .sc-upload__img-actions[data-v-1fcf08c3] {
  display: block
}

.sc-upload__img-slot[data-v-1fcf08c3] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  background-color: var(--el-fill-color-lighter)
}

.upstyle[data-v-1fcf08c3] {
  width: 35px;
  height: 35px;
  background: #ddd;
  border-radius: 50px
}

.cardHHH[data-v-1fcf08c3] .el-card__body {
  padding: 0 !important;
  height: 100%
}

.api-call-container[data-v-1c73349c] {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto
}

.call-btn[data-v-1c73349c] {
  padding: 10px 20px;
  background-color: #42b983;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color .3s
}

.call-btn[data-v-1c73349c]:hover:not(:disabled) {
  background-color: #359e75
}

.call-btn[data-v-1c73349c]:disabled {
  background-color: #ccc;
  cursor: not-allowed
}

.result-container[data-v-1c73349c] {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #f9f9f9;
  max-height: 400px;
  overflow-y: auto
}

.error-container[data-v-1c73349c] {
  margin-top: 20px
}

.error-message[data-v-1c73349c] {
  color: #f44;
  padding: 15px;
  border: 1px solid #fdd;
  border-radius: 4px;
  background-color: #fff5f5
}

pre[data-v-1c73349c] {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace;
  font-size: 14px;
  line-height: 1.5
}

.ListVideo[data-v-1a3550a4] {
  display: grid;
  grid-gap: 10px;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  padding: 0
}

.yuLanss[data-v-1a3550a4] {
  width: 100%;
  height: 120px;
  overflow: hidden;
  position: relative
}

.videoS[data-v-1a3550a4] {
  max-width: 300px
}

.imgUps[data-v-1a3550a4],
.videoS[data-v-1a3550a4] {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 100%
}

.maskM[data-v-1a3550a4] {
  background: rgba(0, 0, 0, .71)
}

.maskM[data-v-1a3550a4],
.maskMs[data-v-1a3550a4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.maskMs[data-v-1a3550a4] {
  background: rgba(0, 0, 0, .64)
}

.yiOk[data-v-1a3550a4] {
  text-align: center;
  line-height: .6
}

@keyframes sk-rotating-plane-1a3550a4 {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  }

  to {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
  }
}

.sk-double-bounce[data-v-1a3550a4] {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto
}

.sk-double-bounce .sk-child[data-v-1a3550a4] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #337ab7;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-double-bounce-1a3550a4 2s ease-in-out infinite
}

.sk-double-bounce .sk-double-bounce-2[data-v-1a3550a4] {
  animation-delay: -1s
}

@keyframes sk-double-bounce-1a3550a4 {

  0%,
  to {
    transform: scale(0)
  }

  50% {
    transform: scale(1)
  }
}

.sk-wave[data-v-1a3550a4] {
  width: 6em;
  height: 4em;
  margin: auto;
  text-align: center;
  font-size: 1em
}

.sk-wave .sk-rect[data-v-1a3550a4] {
  background-color: #337ab7;
  height: 100%;
  width: .5em;
  display: inline-block;
  animation: sk-wave-stretch-delay-1a3550a4 1.2s ease-in-out infinite
}

.sk-wave .sk-rect-1[data-v-1a3550a4] {
  animation-delay: -1.2s
}

.sk-wave .sk-rect-2[data-v-1a3550a4] {
  animation-delay: -1.1s
}

.sk-wave .sk-rect-3[data-v-1a3550a4] {
  animation-delay: -1s
}

.sk-wave .sk-rect-4[data-v-1a3550a4] {
  animation-delay: -.9s
}

.sk-wave .sk-rect-5[data-v-1a3550a4] {
  animation-delay: -.8s
}

@keyframes sk-wave-stretch-delay-1a3550a4 {

  0%,
  40%,
  to {
    transform: scaleY(.4)
  }

  20% {
    transform: scaleY(1)
  }
}

.sk-wandering-cubes[data-v-1a3550a4] {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto
}

.sk-wandering-cubes .sk-cube[data-v-1a3550a4] {
  background-color: #337ab7;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-wandering-cubes-1a3550a4 1.8s ease-in-out -1.8s infinite both
}

.sk-wandering-cubes .sk-cube-2[data-v-1a3550a4] {
  animation-delay: -.9s
}

@keyframes sk-wandering-cubes-1a3550a4 {
  0% {
    transform: rotate(0deg)
  }

  25% {
    transform: translateX(2em) rotate(-90deg) scale(.5)
  }

  50% {
    transform: translateX(2em) translateY(2em) rotate(-179deg)
  }

  50.1% {
    transform: translateX(2em) translateY(2em) rotate(-180deg)
  }

  75% {
    transform: translateX(0) translateY(2em) rotate(-270deg) scale(.5)
  }

  to {
    transform: rotate(-1turn)
  }
}

.sk-spinner-pulse[data-v-1a3550a4] {
  width: 4em;
  height: 4em;
  margin: auto;
  background-color: #337ab7;
  border-radius: 100%;
  animation: sk-spinner-pulse-1a3550a4 1s ease-in-out infinite
}

@keyframes sk-spinner-pulse-1a3550a4 {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1);
    opacity: 0
  }
}

.sk-chasing-dots[data-v-1a3550a4] {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto;
  text-align: center;
  animation: sk-chasing-dots-rotate-1a3550a4 2s linear infinite
}

.sk-chasing-dots .sk-child[data-v-1a3550a4] {
  width: 2em;
  height: 2em;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #337ab7;
  border-radius: 100%;
  animation: sk-chasing-dots-bounce-1a3550a4 2s ease-in-out infinite
}

.sk-chasing-dots .sk-dot-2[data-v-1a3550a4] {
  top: auto;
  bottom: 0;
  animation-delay: -1s
}

@keyframes sk-chasing-dots-rotate-1a3550a4 {
  to {
    transform: rotate(1turn)
  }
}

@keyframes sk-chasing-dots-bounce-1a3550a4 {

  0%,
  to {
    transform: scale(0)
  }

  50% {
    transform: scale(1)
  }
}

.sk-three-bounce[data-v-1a3550a4] {
  width: 8em;
  margin: auto;
  text-align: center
}

.sk-three-bounce .sk-child[data-v-1a3550a4] {
  width: 2em;
  height: 2em;
  background-color: #337ab7;
  border-radius: 100%;
  display: inline-block;
  animation: sk-three-bounce-1a3550a4 1.4s ease-in-out 0s infinite both
}

.sk-three-bounce .sk-bounce-1[data-v-1a3550a4] {
  animation-delay: -.32s
}

.sk-three-bounce .sk-bounce-2[data-v-1a3550a4] {
  animation-delay: -.16s
}

@keyframes sk-three-bounce-1a3550a4 {

  0%,
  80%,
  to {
    transform: scale(0)
  }

  40% {
    transform: scale(1)
  }
}

.sk-circle-bounce[data-v-1a3550a4] {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto
}

.sk-circle-bounce .sk-child[data-v-1a3550a4] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.sk-circle-bounce .sk-child[data-v-1a3550a4]:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #337ab7;
  border-radius: 100%;
  animation: sk-circle-bounce-delay-1a3550a4 1.2s ease-in-out infinite both
}

.sk-circle-bounce .sk-circle-2[data-v-1a3550a4] {
  transform: rotate(30deg)
}

.sk-circle-bounce .sk-circle-3[data-v-1a3550a4] {
  transform: rotate(60deg)
}

.sk-circle-bounce .sk-circle-4[data-v-1a3550a4] {
  transform: rotate(90deg)
}

.sk-circle-bounce .sk-circle-5[data-v-1a3550a4] {
  transform: rotate(120deg)
}

.sk-circle-bounce .sk-circle-6[data-v-1a3550a4] {
  transform: rotate(150deg)
}

.sk-circle-bounce .sk-circle-7[data-v-1a3550a4] {
  transform: rotate(180deg)
}

.sk-circle-bounce .sk-circle-8[data-v-1a3550a4] {
  transform: rotate(210deg)
}

.sk-circle-bounce .sk-circle-9[data-v-1a3550a4] {
  transform: rotate(240deg)
}

.sk-circle-bounce .sk-circle-10[data-v-1a3550a4] {
  transform: rotate(270deg)
}

.sk-circle-bounce .sk-circle-11[data-v-1a3550a4] {
  transform: rotate(300deg)
}

.sk-circle-bounce .sk-circle-12[data-v-1a3550a4] {
  transform: rotate(330deg)
}

.sk-circle-bounce .sk-circle-2[data-v-1a3550a4]:before {
  animation-delay: -1.1s
}

.sk-circle-bounce .sk-circle-3[data-v-1a3550a4]:before {
  animation-delay: -1s
}

.sk-circle-bounce .sk-circle-4[data-v-1a3550a4]:before {
  animation-delay: -.9s
}

.sk-circle-bounce .sk-circle-5[data-v-1a3550a4]:before {
  animation-delay: -.8s
}

.sk-circle-bounce .sk-circle-6[data-v-1a3550a4]:before {
  animation-delay: -.7s
}

.sk-circle-bounce .sk-circle-7[data-v-1a3550a4]:before {
  animation-delay: -.6s
}

.sk-circle-bounce .sk-circle-8[data-v-1a3550a4]:before {
  animation-delay: -.5s
}

.sk-circle-bounce .sk-circle-9[data-v-1a3550a4]:before {
  animation-delay: -.4s
}

.sk-circle-bounce .sk-circle-10[data-v-1a3550a4]:before {
  animation-delay: -.3s
}

.sk-circle-bounce .sk-circle-11[data-v-1a3550a4]:before {
  animation-delay: -.2s
}

.sk-circle-bounce .sk-circle-12[data-v-1a3550a4]:before {
  animation-delay: -.1s
}

@keyframes sk-circle-bounce-delay-1a3550a4 {

  0%,
  80%,
  to {
    transform: scale(0)
  }

  40% {
    transform: scale(1)
  }
}

.sk-cube-grid[data-v-1a3550a4] {
  width: 3em;
  height: 3em;
  margin: auto
}

.sk-cube-grid .sk-cube[data-v-1a3550a4] {
  width: 33%;
  height: 33%;
  background-color: #fff;
  float: left;
  animation: sk-cube-grid-scale-delay-1a3550a4 1.3s ease-in-out infinite
}

.sk-cube-grid .sk-cube-1[data-v-1a3550a4] {
  animation-delay: .2s
}

.sk-cube-grid .sk-cube-2[data-v-1a3550a4] {
  animation-delay: .3s
}

.sk-cube-grid .sk-cube-3[data-v-1a3550a4] {
  animation-delay: .4s
}

.sk-cube-grid .sk-cube-4[data-v-1a3550a4] {
  animation-delay: .1s
}

.sk-cube-grid .sk-cube-5[data-v-1a3550a4] {
  animation-delay: .2s
}

.sk-cube-grid .sk-cube-6[data-v-1a3550a4] {
  animation-delay: .3s
}

.sk-cube-grid .sk-cube-7[data-v-1a3550a4] {
  animation-delay: 0s
}

.sk-cube-grid .sk-cube-8[data-v-1a3550a4] {
  animation-delay: .1s
}

.sk-cube-grid .sk-cube-9[data-v-1a3550a4] {
  animation-delay: .2s
}

@keyframes sk-cube-grid-scale-delay-1a3550a4 {

  0%,
  70%,
  to {
    transform: scaleX(1)
  }

  35% {
    transform: scale3D(0, 0, 1)
  }
}

.sk-fading-circle[data-v-1a3550a4] {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto
}

.sk-fading-circle .sk-circle[data-v-1a3550a4] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.sk-fading-circle .sk-circle[data-v-1a3550a4]:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #337ab7;
  border-radius: 100%;
  animation: sk-fading-circle-delay-1a3550a4 1.2s ease-in-out infinite both
}

.sk-fading-circle .sk-circle-2[data-v-1a3550a4] {
  transform: rotate(30deg)
}

.sk-fading-circle .sk-circle-3[data-v-1a3550a4] {
  transform: rotate(60deg)
}

.sk-fading-circle .sk-circle-4[data-v-1a3550a4] {
  transform: rotate(90deg)
}

.sk-fading-circle .sk-circle-5[data-v-1a3550a4] {
  transform: rotate(120deg)
}

.sk-fading-circle .sk-circle-6[data-v-1a3550a4] {
  transform: rotate(150deg)
}

.sk-fading-circle .sk-circle-7[data-v-1a3550a4] {
  transform: rotate(180deg)
}

.sk-fading-circle .sk-circle-8[data-v-1a3550a4] {
  transform: rotate(210deg)
}

.sk-fading-circle .sk-circle-9[data-v-1a3550a4] {
  transform: rotate(240deg)
}

.sk-fading-circle .sk-circle-10[data-v-1a3550a4] {
  transform: rotate(270deg)
}

.sk-fading-circle .sk-circle-11[data-v-1a3550a4] {
  transform: rotate(300deg)
}

.sk-fading-circle .sk-circle-12[data-v-1a3550a4] {
  transform: rotate(330deg)
}

.sk-fading-circle .sk-circle-2[data-v-1a3550a4]:before {
  animation-delay: -1.1s
}

.sk-fading-circle .sk-circle-3[data-v-1a3550a4]:before {
  animation-delay: -1s
}

.sk-fading-circle .sk-circle-4[data-v-1a3550a4]:before {
  animation-delay: -.9s
}

.sk-fading-circle .sk-circle-5[data-v-1a3550a4]:before {
  animation-delay: -.8s
}

.sk-fading-circle .sk-circle-6[data-v-1a3550a4]:before {
  animation-delay: -.7s
}

.sk-fading-circle .sk-circle-7[data-v-1a3550a4]:before {
  animation-delay: -.6s
}

.sk-fading-circle .sk-circle-8[data-v-1a3550a4]:before {
  animation-delay: -.5s
}

.sk-fading-circle .sk-circle-9[data-v-1a3550a4]:before {
  animation-delay: -.4s
}

.sk-fading-circle .sk-circle-10[data-v-1a3550a4]:before {
  animation-delay: -.3s
}

.sk-fading-circle .sk-circle-11[data-v-1a3550a4]:before {
  animation-delay: -.2s
}

.sk-fading-circle .sk-circle-12[data-v-1a3550a4]:before {
  animation-delay: -.1s
}

@keyframes sk-fading-circle-delay-1a3550a4 {

  0%,
  39%,
  to {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

.sk-folding-cube[data-v-1a3550a4] {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto;
  transform: rotate(45deg)
}

.sk-folding-cube .sk-cube[data-v-1a3550a4] {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1)
}

.sk-folding-cube .sk-cube[data-v-1a3550a4]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #337ab7;
  animation: sk-folding-cube-angle-1a3550a4 2.4s linear infinite both;
  transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube-2[data-v-1a3550a4] {
  transform: scale(1.1) rotate(90deg)
}

.sk-folding-cube .sk-cube-3[data-v-1a3550a4] {
  transform: scale(1.1) rotate(180deg)
}

.sk-folding-cube .sk-cube-4[data-v-1a3550a4] {
  transform: scale(1.1) rotate(270deg)
}

.sk-folding-cube .sk-cube-2[data-v-1a3550a4]:before {
  animation-delay: .3s
}

.sk-folding-cube .sk-cube-3[data-v-1a3550a4]:before {
  animation-delay: .6s
}

.sk-folding-cube .sk-cube-4[data-v-1a3550a4]:before {
  animation-delay: .9s
}

@keyframes sk-folding-cube-angle-1a3550a4 {

  0%,
  10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0
  }

  25%,
  75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1
  }

  90%,
  to {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0
  }
}

.liebiaoss[data-v-32369d22] {
  display: grid;
  gap: 8px;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr))
}

.susdsd[data-v-32369d22] .el-footer {
  padding: 0 20px !important;
  height: unset;
  margin-top: 10px
}

.typeName[data-v-32369d22] {
  position: absolute;
  background: rgba(0, 0, 0, .54);
  color: #fff;
  z-index: 12;
  bottom: 6px;
  left: 6px;
  padding: 2px 4px;
  border-radius: 4px
}

.yinpinS[data-v-32369d22] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #ff66ec47, #2299dd4f)
}

.yinpinS[data-v-32369d22]:hover {
  border: 2px solid #8bc34a
}

.biQian[data-v-32369d22] {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 10;
  background: rgba(0, 0, 0, .62);
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
  zoom: .8;
  padding: 2px
}

.noselect[data-v-32369d22] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.sc-file-select[data-v-32369d22] {
  display: flex;
  background: var(--el-bg-color-overlay)
}

.sc-file-select__files[data-v-32369d22] {
  flex: 1
}

.el-card__body[data-v-32369d22],
.el-dialog__body[data-v-32369d22] {
  padding: 0 !important
}

.sc-file-select__list[data-v-32369d22] {
  height: 400px
}

.sc-file-select__itemmobile[data-v-32369d22] {
  margin: 0 5px 25px 0 !important;
  width: unset !important
}

.sc-file-select__item[data-v-32369d22] {
  display: inline-block;
  float: left;
  margin: 0 15px 25px 0;
  width: 110px;
  cursor: pointer;
  height: 136px;
  overflow: hidden
}

.sc-file-select__item__file[data-v-32369d22] {
  width: 110px;
  height: 110px;
  position: relative;
  border: 1px solid #f5f7fa;
  text-align: center
}

.sc-file-select__item__file .el-image[data-v-32369d22] {
  width: 108px;
  height: 108px
}

.sc-file-select__item__box[data-v-32369d22] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--el-color-success);
  z-index: 1;
  display: none
}

.sc-file-select__item__box[data-v-32369d22]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--el-color-success);
  opacity: .2;
  display: none
}

.sc-file-select__item.active .sc-file-select__item__box[data-v-32369d22],
.sc-file-select__item.active .sc-file-select__item__box[data-v-32369d22]:before,
.sc-file-select__item:hover .sc-file-select__item__box[data-v-32369d22] {
  display: block
}

.sc-file-select__item p[data-v-32369d22] {
  margin-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-align: center
}

.sc-file-select__item__checkbox[data-v-32369d22] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  right: 7px;
  z-index: 66;
  background: rgba(0, 0, 0, .2);
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.sc-file-select__item__checkbox i[data-v-32369d22] {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  display: none
}

.sc-file-select__item__select[data-v-32369d22] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  right: 7px;
  z-index: 66666;
  background: rgba(0, 0, 0, .2);
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.sc-file-select__item__select i[data-v-32369d22] {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  display: none
}

.sc-file-select__item.active .sc-file-select__item__checkbox[data-v-32369d22] {
  background: var(--el-color-success)
}

.sc-file-select__item.active .sc-file-select__item__checkbox i[data-v-32369d22] {
  display: block
}

.sc-file-select__item.active .sc-file-select__item__select[data-v-32369d22] {
  display: flex;
  background: var(--el-color-success)
}

.sc-file-select__item.active .sc-file-select__item__select i[data-v-32369d22] {
  display: block
}

.sc-file-select__item__file .item-file[data-v-32369d22] {
  width: 110px;
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.sc-file-select__item__file .item-file i[data-v-32369d22] {
  font-size: 40px
}

.sc-file-select__item__file .item-file.item-file-doc[data-v-32369d22] {
  color: #409eff
}

.sc-file-select__item__upload[data-v-32369d22] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: hsla(0, 0%, 100%, .7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.sc-file-select__side[data-v-32369d22] {
  width: 200px;
  margin-right: 15px;
  border-right: 1px solid hsla(0, 0%, 50%, .2);
  display: flex;
  flex-flow: column;
  background: var(--el-bg-color-overlay)
}

.sc-file-select__side-menu[data-v-32369d22] {
  flex: 1
}

.sc-file-select__side-msg[data-v-32369d22] {
  height: 32px;
  line-height: 32px
}

.sc-file-select__top[data-v-32369d22] {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between
}

.sc-file-select__upload[data-v-32369d22] {
  display: inline-block
}

.sc-file-select__top .tips[data-v-32369d22] {
  font-size: 12px;
  margin-left: 10px;
  color: #999
}

.sc-file-select__top .tips i[data-v-32369d22] {
  font-size: 14px;
  margin-right: 5px;
  position: relative;
  bottom: -.125em
}

.sc-file-select__pagination[data-v-32369d22] {
  margin: 15px 0
}

.sc-file-select__do[data-v-32369d22] {
  text-align: right
}

.custom-tree-node[data-v-32369d22] {
  flex: 1;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 24px
}

.custom-tree-node .label[data-v-32369d22],
.custom-tree-node[data-v-32369d22] {
  display: flex;
  align-items: center;
  height: 100%
}

.custom-tree-node .label .el-tag[data-v-32369d22] {
  margin-left: 5px
}

.custom-tree-node .do[data-v-32369d22] {
  display: none
}

.custom-tree-node .do i[data-v-32369d22] {
  margin-left: 5px;
  color: #999
}

.custom-tree-node .do i[data-v-32369d22]:hover {
  color: #333
}

.custom-tree-node:hover .do[data-v-32369d22] {
  display: inline-block
}

.el-dialog__body[data-v-32369d22] {
  padding: 0 !important
}

.playanniu[data-v-32369d22] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 3vw;
  opacity: .8
}

.sc-file-select__item__checkboxs[data-v-32369d22] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, .2);
  border: 1px solid #fff;
  float: left
}

.sc-file-select__item__checkboxs i[data-v-32369d22] {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  display: none
}

.active.sc-file-select__item__checkboxs[data-v-32369d22] {
  background: var(--el-color-success)
}

.active.sc-file-select__item__checkboxs i[data-v-32369d22] {
  display: block
}

.quanxuan[data-v-32369d22] {
  margin-right: 10px;
  margin-left: 10px
}

.quanXuan[data-v-32369d22] {
  width: 70px;
  margin-right: 15px;
  display: flex;
  align-items: center
}

.footerDele[data-v-32369d22] {
  display: flex;
  align-items: center;
  justify-content: right
}

.cardHHH[data-v-32369d22] .el-card__body {
  padding: 0 !important;
  height: 100%
}

.chuantou[data-v-7f042974] .selectDiy .el-dialog__body,
.el-card__body[data-v-7f042974],
.el-dialog__body[data-v-7f042974] {
  padding: 0 !important
}

.sc-upload__img[data-v-7f042974] {
  width: 100px;
  height: 100px;
  position: relative;
  float: left;
  overflow: hidden;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-list-picture-card-size);
  height: var(--el-upload-list-picture-card-size);
  margin: 0 8px 8px 0;
  padding: 0;
  display: inline-flex
}

.sc-upload__img .image[data-v-7f042974] {
  width: 100%;
  height: 100%
}

.sc-upload__img-actions[data-v-7f042974] {
  position: absolute;
  top: 0;
  right: 0;
  display: none
}

.sc-upload__img-actions span[data-v-7f042974] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  color: #fff
}

.sc-upload__img-actions span i[data-v-7f042974] {
  font-size: 12px
}

.sc-upload__img-actions .del[data-v-7f042974] {
  background: #f56c6c
}

.sc-upload__img:hover .sc-upload__img-actions[data-v-7f042974] {
  display: block
}

.sc-upload__img-slot[data-v-7f042974] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  background-color: var(--el-fill-color-lighter)
}

.upstyle[data-v-7f042974] {
  width: 35px;
  height: 35px;
  background: #ddd;
  border-radius: 50px
}

.playanniu[data-v-3c192a9e] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 15;
  transform: translate(-50%, -50%)
}

.uploadvideo[data-v-3c192a9e] {
  margin-right: 10px;
  position: relative;
  overflow: hidden
}

.YuLansVideo[data-v-3c192a9e],
.YuLans[data-v-3c192a9e] {
  width: 60px;
  height: 60px;
  overflow: hidden
}

.YuLansVideo[data-v-3c192a9e] {
  -o-object-fit: cover;
  object-fit: cover
}

.uploadvideo[data-v-3c192a9e] {
  width: 60px;
  height: 60px;
  border: 1px dashed #ddd;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

.uploadvideo[data-v-3c192a9e]:hover {
  border: 1px dashed #5af
}

.suCai[data-v-3c192a9e] {
  background: linear-gradient(193deg, #66b1ff, #456eff);
  color: #fff;
  padding: 0 6px;
  border-radius: 4px;
  font-size: 10px;
  height: 16px;
  line-height: 16px
}

.headers[data-v-3c192a9e] {
  padding: 10px 30px;
  justify-content: space-between
}

.guanBi[data-v-3c192a9e] {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 50;
  transition: transform .2s ease-in-out
}

.guanBi[data-v-3c192a9e]:hover {
  cursor: pointer;
  transform: rotate(180deg)
}

.audiossS[data-v-3c192a9e] {
  height: 36px;
  width: 100%
}

.dels[data-v-3c192a9e] {
  flex-basis: 24px;
  display: flex;
  justify-content: center;
  align-items: center
}

.listauto[data-v-3c192a9e] {
  zoom: .8;
  border: 1px solid #f1f3f5;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 6px;
  float: left;
  width: 48%;
  margin-right: 1%;
  display: flex;
  align-items: center
}

.listauto[data-v-3c192a9e]:hover {
  border: 1px solid #e1efef;
  background: #edfcfc
}

.leftWith[data-v-3c192a9e] {
  flex-basis: 90%
}

.rightWith[data-v-3c192a9e] {
  flex-basis: 10%;
  display: flex;
  justify-content: center;
  align-items: center
}

.shegnsd[data-v-3c192a9e] {
  font-size: 18px;
  color: #464646;
  padding: 6px;
  background: rgba(51, 51, 51, .27);
  border-radius: 30px;
  height: 28px;
  width: 28px
}

.shegnsd[data-v-3c192a9e]:hover {
  background: rgba(51, 51, 51, .47)
}

.infoVi[data-v-3c192a9e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #9a9595;
  font-size: 14px;
  padding-bottom: 12px;
  padding-top: 12px
}

.cardHHH[data-v-3c192a9e] .el-card__body,
.el-card__body[data-v-3c192a9e],
.el-dialog__body[data-v-3c192a9e] {
  padding: 0 !important
}

.sc-upload__img[data-v-3c192a9e] {
  width: 100px;
  height: 100px;
  position: relative;
  float: left;
  overflow: hidden;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-list-picture-card-size);
  height: var(--el-upload-list-picture-card-size);
  margin: 0 8px 8px 0;
  padding: 0;
  display: inline-flex
}

.sc-upload__img .image[data-v-3c192a9e] {
  width: 100%;
  height: 100%
}

.sc-upload__img-actions[data-v-3c192a9e] {
  position: absolute;
  top: 0;
  right: 0;
  display: none
}

.sc-upload__img-actions span[data-v-3c192a9e] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  color: #fff
}

.sc-upload__img-actions span i[data-v-3c192a9e] {
  font-size: 12px
}

.sc-upload__img-actions .del[data-v-3c192a9e] {
  background: #f56c6c
}

.sc-upload__img:hover .sc-upload__img-actions[data-v-3c192a9e] {
  display: block
}

.sc-upload__img-slot[data-v-3c192a9e] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  background-color: var(--el-fill-color-lighter)
}

.el-dialog__body[data-v-3c192a9e] {
  padding: 0 !important
}

.sc-form-table[data-v-508ed8fe] {
  width: 100%
}

.sc-form-table .sc-form-table-handle[data-v-508ed8fe] {
  text-align: center
}

.sc-form-table .sc-form-table-handle span[data-v-508ed8fe] {
  display: inline-block
}

.sc-form-table .sc-form-table-handle .move[data-v-508ed8fe] {
  display: flex;
  margin-top: 4px
}

.sc-form-table .sc-form-table-handle button[data-v-508ed8fe] {
  display: block
}

.sc-form-table .hover-row .sc-form-table-handle span[data-v-508ed8fe] {
  display: none
}

.sc-form-table .hover-row .sc-form-table-handle .move[data-v-508ed8fe] {
  display: flex
}

.sc-form-table .hover-row .sc-form-table-handle button[data-v-508ed8fe] {
  display: block
}

.audiossS[data-v-a4eb11c4] {
  height: 36px;
  width: 100%
}

.dels[data-v-a4eb11c4] {
  flex-basis: 24px;
  display: flex;
  justify-content: center;
  align-items: center
}

.listauto[data-v-a4eb11c4] {
  zoom: .8;
  border: 1px solid #f1f3f5;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 6px;
  float: left;
  width: 48%;
  margin-right: 1%;
  display: flex;
  align-items: center
}

.listauto[data-v-a4eb11c4]:hover {
  border: 1px solid #e1efef;
  background: #edfcfc
}

.leftWith[data-v-a4eb11c4] {
  flex-basis: 90%
}

.rightWith[data-v-a4eb11c4] {
  flex-basis: 10%;
  display: flex;
  justify-content: center;
  align-items: center
}

.shegnsd[data-v-a4eb11c4] {
  font-size: 18px;
  color: #464646;
  padding: 6px;
  background: rgba(51, 51, 51, .27);
  border-radius: 30px;
  height: 28px;
  width: 28px
}

.shegnsd[data-v-a4eb11c4]:hover {
  background: rgba(51, 51, 51, .47)
}

.infoVi[data-v-a4eb11c4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #9a9595;
  font-size: 14px;
  padding-bottom: 12px;
  padding-top: 12px
}

.cardHHH[data-v-a4eb11c4] .el-card__body {
  padding: 0 !important;
  height: 100%
}

.el-card__body[data-v-a4eb11c4],
.el-dialog__body[data-v-a4eb11c4] {
  padding: 0 !important
}

.sc-upload__img[data-v-a4eb11c4] {
  width: 100px;
  height: 100px;
  position: relative;
  float: left;
  overflow: hidden;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-list-picture-card-size);
  height: var(--el-upload-list-picture-card-size);
  margin: 0 8px 8px 0;
  padding: 0;
  display: inline-flex
}

.sc-upload__img .image[data-v-a4eb11c4] {
  width: 100%;
  height: 100%
}

.sc-upload__img-actions[data-v-a4eb11c4] {
  position: absolute;
  top: 0;
  right: 0;
  display: none
}

.sc-upload__img-actions span[data-v-a4eb11c4] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  color: #fff
}

.sc-upload__img-actions span i[data-v-a4eb11c4] {
  font-size: 12px
}

.sc-upload__img-actions .del[data-v-a4eb11c4] {
  background: #f56c6c
}

.sc-upload__img:hover .sc-upload__img-actions[data-v-a4eb11c4] {
  display: block
}

.sc-upload__img-slot[data-v-a4eb11c4] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  background-color: var(--el-fill-color-lighter)
}

.el-dialog__body[data-v-a4eb11c4] {
  padding: 0 !important
}

.white .marginNo b[data-v-02793412] {
  color: #393535 !important
}

.white .Tisba[data-v-02793412] {
  border-bottom: 1px solid #efefef !important
}

.anniuDing[data-v-02793412] {
  width: 100%;
  margin: 15px 0;
  background: linear-gradient(180deg, #49413e, #1d1817);
  border-radius: 8px 8px 8px 8px;
  color: #f1dccc;
  cursor: pointer;
  font-family: Microsoft YaHei\, Microsoft YaHei;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border: none
}

.buJu b[data-v-02793412] {
  font-weight: 400 !important
}

.VipInfos[data-v-02793412] {
  padding: 20px;
  border: 1px solid #000514;
  background: #000;
  color: #fff !important;
  border-radius: 15px
}

.VipInfosWhite[data-v-02793412] {
  padding: 20px;
  border: 1px solid #ededed;
  background: #fff;
  color: #000 !important;
  border-radius: 15px
}

.marginNo[data-v-02793412] {
  margin-top: 0 !important
}

.marginNo b[data-v-02793412] {
  color: #fff !important;
  font-weight: 400
}

.el-form-item-msg[data-v-02793412] {
  line-height: 1.4;
  margin-top: 10px
}

.FenEr[data-v-02793412] {
  grid-gap: 10px;
  align-items: start;
  padding-top: 12px;
  border-top: none !important
}

.Tisba[data-v-02793412] {
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #161616
}

.Tisba b[data-v-02793412] {
  font-size: 14px;
  opacity: .8 !important;
  font-weight: 400;
  opacity: 1 !important
}

.sayDES[data-v-02793412] {
  margin-top: 6px;
  color: #666;
  text-align: justify;
  width: 70%;
  padding-right: 10px
}

.treeMain[data-v-02793412] {
  border: 1px solid #ddd;
  padding: 10px 15px;
  width: 100%
}

.el-form-item[data-v-02793412] {
  margin-bottom: 5px !important
}

.setingVip .el-drawer__body[data-v-02793412] {
  padding: var(--el-drawer-padding-primary);
  overflow-y: hidden
}

.setingVip .el-drawer__header[data-v-02793412] {
  margin-bottom: 0
}

.TouPai[data-v-02793412] {
  width: 50px;
  height: 50px
}

.Myvip[data-v-02793412] {
  padding: 0;
  background: var(--el-bg-color) !important;
  border-radius: 10px
}

.pban[data-v-02793412] {
  font-size: 15px
}

.pban>div[data-v-02793412] {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 5fr;
  line-height: 2
}

.pban>div>b[data-v-02793412] {
  text-align: right
}

.huiVip .el-descriptions__cell[data-v-02793412] {
  padding-bottom: 0 !important
}

.waiwei .el-dialog__header[data-v-02793412] {
  padding: 0 !important
}

.waiwei .el-dialog__body[data-v-02793412] {
  padding: 10px 0 !important
}

.bdshengming[data-v-02793412] {
  width: 280px;
  margin: auto
}

.qrheader[data-v-02793412] {
  width: 280px;
  height: 280px;
  position: relative;
  margin: 15px auto
}

.qrzz[data-v-02793412] {
  z-index: 11;
  border: 1px solid #2e8b57;
  background: hsla(0, 0%, 100%, .94)
}

.qrimage[data-v-02793412],
.qrzz[data-v-02793412] {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 280px
}

.qrimage[data-v-02793412] {
  z-index: 10;
  border: 1px solid #ddd
}

.qrzz .el-result[data-v-02793412] {
  height: 100%
}

.zhanghu .el-input.is-disabled .el-input__inner[data-v-02793412] {
  color: #000 !important
}

.zhanghu .el-input.is-disabled .el-input__wrapper[data-v-02793412] {
  background-color: #fff !important
}

.zhanghu .el-form-item--default[data-v-02793412] {
  margin-bottom: 4px !important
}

.zhanghu .el-input__wrapper[data-v-02793412] {
  box-shadow: unset !important;
  padding: 0 !important
}

.headerimage[data-v-02793412] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px
}

.Dyleft[data-v-02793412] {
  float: left;
  margin-right: 20px;
  align-items: center;
  display: flex
}

.Dyright[data-v-02793412] {
  float: left;
  line-height: 1.8
}

.Dytime[data-v-02793412] {
  margin: 0 10px;
  font-size: 12px;
  font-weight: 400;
  color: #848181
}

.neiVip[data-v-02793412] .el-form-item__label {
  padding-right: 0 !important
}

.neiVip[data-v-02793412] .el-form-item__content,
.neiVip[data-v-02793412] .el-form-item__label {
  height: 22px !important;
  line-height: 22px
}

.VipInfos[data-v-33650807] {
  padding: 30px;
  border: 1px solid #000514;
  background: #000514;
  color: #fff !important;
  width: 240px;
  border-radius: 15px
}

.marginNo b[data-v-33650807] {
  color: #fff !important;
  font-weight: 400
}

.marginNo[data-v-33650807] {
  margin-top: 0 !important
}

.el-form-item-msg[data-v-33650807] {
  line-height: 1.4;
  margin-top: 10px
}

.FenEr[data-v-33650807] {
  grid-gap: 10px;
  align-items: start;
  padding-top: 12px;
  border-top: 1px solid #e1f2ff
}

.Tisba[data-v-33650807] {
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd
}

.Tisba b[data-v-33650807] {
  font-size: 14px
}

.sayDES[data-v-33650807] {
  margin-top: 6px;
  color: #666;
  text-align: justify;
  width: 70%;
  padding-right: 10px
}

.treeMain[data-v-33650807] {
  border: 1px solid #ddd;
  padding: 10px 15px;
  width: 100%
}

.el-form-item[data-v-33650807] {
  margin-bottom: 5px !important
}

.setingVip .el-drawer__body[data-v-33650807] {
  padding: var(--el-drawer-padding-primary);
  overflow-y: hidden
}

.setingVip .el-drawer__header[data-v-33650807] {
  margin-bottom: 0
}

.TouPai[data-v-33650807] {
  width: 50px;
  height: 50px
}

.zhukuang[data-v-33650807] {
  padding: 15px 30px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr))
}

.Myvip[data-v-33650807] {
  padding: 0;
  background: #fff;
  border-radius: 10px
}

.pban[data-v-33650807] {
  font-size: 15px
}

.pban>div[data-v-33650807] {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 5fr;
  line-height: 2
}

.pban>div>b[data-v-33650807] {
  text-align: right
}

.huiVip .el-descriptions__cell[data-v-33650807] {
  padding-bottom: 0 !important
}

.waiwei .el-dialog__header[data-v-33650807] {
  padding: 0 !important
}

.waiwei .el-dialog__body[data-v-33650807] {
  padding: 10px 0 !important
}

.bdshengming[data-v-33650807] {
  width: 280px;
  margin: auto
}

.qrheader[data-v-33650807] {
  width: 280px;
  height: 280px;
  position: relative;
  margin: 15px auto
}

.qrzz[data-v-33650807] {
  z-index: 11;
  border: 1px solid #2e8b57;
  background: hsla(0, 0%, 100%, .94)
}

.qrimage[data-v-33650807],
.qrzz[data-v-33650807] {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 280px
}

.qrimage[data-v-33650807] {
  z-index: 10;
  border: 1px solid #ddd
}

.qrzz .el-result[data-v-33650807] {
  height: 100%
}

.zhanghu .el-input.is-disabled .el-input__inner[data-v-33650807] {
  color: #000 !important
}

.zhanghu .el-input.is-disabled .el-input__wrapper[data-v-33650807] {
  background-color: #fff !important
}

.zhanghu .el-form-item--default[data-v-33650807] {
  margin-bottom: 4px !important
}

.zhanghu .el-input__wrapper[data-v-33650807] {
  box-shadow: unset !important;
  padding: 0 !important
}

.headerimage[data-v-33650807] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px
}

.Dyleft[data-v-33650807] {
  float: left;
  margin-right: 20px;
  align-items: center;
  display: flex
}

.Dyright[data-v-33650807] {
  float: left;
  line-height: 1.8
}

.Dytime[data-v-33650807] {
  margin: 0 10px;
  font-size: 12px;
  font-weight: 400;
  color: #848181
}

.topTab[data-v-2d22c3af] {
  gap: 15px;
  background: var(--el-bg-color-page);
  padding: 5px 15px;
  border-radius: 4px
}

.i-want-form__editor-title[data-v-2d22c3af] {
  height: 24px;
  line-height: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b
}

.tipss[data-v-2d22c3af] {
  width: 100%;
  margin: 15px 0;
  border-radius: 4px;
  color: #333
}

.tabs[data-v-2d22c3af] {
  padding: 6px 20px
}

.active[data-v-2d22c3af] {
  background: var(--el-color-primary);
  border-radius: 4px;
  color: #111;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .078)
}

.dangqian[data-v-2d22c3af] {
  color: #322c2a !important
}

.anniuDing[data-v-2d22c3af] {
  width: 100%;
  margin: 15px 0;
  background: linear-gradient(180deg, #49413e, #1d1817);
  border-radius: 8px 8px 8px 8px;
  color: #f1dccc;
  cursor: pointer;
  font-family: Microsoft YaHei\, Microsoft YaHei;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border: none
}

.buJu b[data-v-2d22c3af] {
  font-weight: 400 !important
}

.VipInfos[data-v-2d22c3af] {
  padding: 20px;
  border: 1px solid #000514;
  background: #000514;
  color: #fff !important;
  border-radius: 15px
}

.marginNo[data-v-2d22c3af] {
  margin-top: 0 !important
}

.marginNo b[data-v-2d22c3af] {
  color: #fff !important;
  font-weight: 400
}

.el-form-item-msg[data-v-2d22c3af] {
  line-height: 1.4;
  margin-top: 10px
}

.FenEr[data-v-2d22c3af] {
  grid-gap: 10px;
  align-items: start;
  padding-top: 12px;
  border-top: none !important
}

.Tisba[data-v-2d22c3af] {
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #161616
}

.Tisba b[data-v-2d22c3af] {
  font-size: 14px;
  opacity: .8 !important;
  font-weight: 400;
  opacity: 1 !important
}

.sayDES[data-v-2d22c3af] {
  margin-top: 6px;
  color: #666;
  text-align: justify;
  width: 70%;
  padding-right: 10px
}

.treeMain[data-v-2d22c3af] {
  border: 1px solid #ddd;
  padding: 10px 15px;
  width: 100%
}

.el-form-item[data-v-2d22c3af] {
  margin-bottom: 5px !important
}

.setingVip .el-drawer__body[data-v-2d22c3af] {
  padding: var(--el-drawer-padding-primary);
  overflow-y: hidden
}

.setingVip .el-drawer__header[data-v-2d22c3af] {
  margin-bottom: 0
}

.TouPai[data-v-2d22c3af] {
  width: 50px;
  height: 50px
}

.Myvip[data-v-2d22c3af] {
  padding: 0;
  background: #fff;
  border-radius: 10px
}

.pban[data-v-2d22c3af] {
  font-size: 15px
}

.pban>div[data-v-2d22c3af] {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 5fr;
  line-height: 2
}

.pban>div>b[data-v-2d22c3af] {
  text-align: right
}

.huiVip .el-descriptions__cell[data-v-2d22c3af] {
  padding-bottom: 0 !important
}

.waiwei .el-dialog__header[data-v-2d22c3af] {
  padding: 0 !important
}

.waiwei .el-dialog__body[data-v-2d22c3af] {
  padding: 10px 0 !important
}

.bdshengming[data-v-2d22c3af] {
  width: 280px;
  margin: auto
}

.qrheader[data-v-2d22c3af] {
  width: 280px;
  height: 280px;
  position: relative;
  margin: 15px auto
}

.qrzz[data-v-2d22c3af] {
  z-index: 11;
  border: 1px solid #2e8b57;
  background: hsla(0, 0%, 100%, .94)
}

.qrimage[data-v-2d22c3af],
.qrzz[data-v-2d22c3af] {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 280px
}

.qrimage[data-v-2d22c3af] {
  z-index: 10;
  border: 1px solid #ddd
}

.qrzz .el-result[data-v-2d22c3af] {
  height: 100%
}

.zhanghu .el-input.is-disabled .el-input__inner[data-v-2d22c3af] {
  color: #000 !important
}

.zhanghu .el-input.is-disabled .el-input__wrapper[data-v-2d22c3af] {
  background-color: #fff !important
}

.zhanghu .el-form-item--default[data-v-2d22c3af] {
  margin-bottom: 4px !important
}

.zhanghu .el-input__wrapper[data-v-2d22c3af] {
  box-shadow: unset !important;
  padding: 0 !important
}

.headerimage[data-v-2d22c3af] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px
}

.Dyleft[data-v-2d22c3af] {
  float: left;
  margin-right: 20px;
  align-items: center;
  display: flex
}

.Dyright[data-v-2d22c3af] {
  float: left;
  line-height: 1.8
}

.Dytime[data-v-2d22c3af] {
  margin: 0 10px;
  font-size: 12px;
  font-weight: 400;
  color: #848181
}

.neiVip[data-v-2d22c3af] .el-form-item__label {
  padding-right: 0 !important
}

.neiVip[data-v-2d22c3af] .el-form-item__content,
.neiVip[data-v-2d22c3af] .el-form-item__label {
  height: 22px !important;
  line-height: 22px
}

.sc-password-strength[data-v-c391cecc] {
  height: 5px;
  width: 100%;
  background: var(--el-color-info-light-5);
  border-radius: 5px;
  position: relative;
  margin: 10px 0
}

.sc-password-strength[data-v-c391cecc]:before {
  left: 20%
}

.sc-password-strength[data-v-c391cecc]:after {
  right: 20%
}

.sc-password-strength[data-v-c391cecc]:after,
.sc-password-strength[data-v-c391cecc]:before {
  position: absolute;
  content: "";
  display: block;
  width: 20%;
  height: inherit;
  border: 5px solid var(--el-bg-color-overlay);
  border-top: 0;
  border-bottom: 0;
  z-index: 1;
  background-color: transparent;
  box-sizing: border-box
}

.sc-password-strength-bar[data-v-c391cecc] {
  position: absolute;
  height: inherit;
  width: 0;
  border-radius: inherit;
  transition: width .5s ease-in-out, background .25s;
  background: transparent
}

.sc-password-strength-level-1[data-v-c391cecc] {
  width: 20%;
  background-color: var(--el-color-error)
}

.sc-password-strength-level-2[data-v-c391cecc] {
  width: 40%;
  background-color: var(--el-color-error)
}

.sc-password-strength-level-3[data-v-c391cecc] {
  width: 60%;
  background-color: var(--el-color-warning)
}

.sc-password-strength-level-4[data-v-c391cecc] {
  width: 80%;
  background-color: var(--el-color-success)
}

.sc-password-strength-level-5[data-v-c391cecc] {
  width: 100%;
  background-color: var(--el-color-success)
}

[data-v-247e2630] .sc-password-strength {
  margin-bottom: 2px !important
}

.register-page[data-v-247e2630] {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f7fa
}

.register-form[data-v-247e2630] {
  width: 420px;
  padding: 40px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}

.register-form h3[data-v-247e2630] {
  text-align: center;
  margin-bottom: 30px;
  font-size: 22px;
  color: #333
}

.code-row[data-v-247e2630] {
  display: flex;
  gap: 10px
}

.code-input[data-v-247e2630] {
  flex: 1
}

.code-btn[data-v-247e2630] {
  width: 130px
}

.tuiIcon[data-v-66501821] {
  position: absolute;
  right: 5px;
  bottom: 5px
}

.model[data-v-66501821] {
  position: absolute;
  background: red;
  bottom: -12px;
  right: -40px;
  height: 60px;
  display: flex;
  width: 120px;
  justify-content: center;
  transform: rotate(317deg);
  color: #fff;
  font-size: 14px;
  padding-bottom: 50px;
  padding-top: 5px
}

.qrheader[data-v-66501821] {
  width: 200px;
  height: 200px;
  position: relative;
  margin: 15px auto
}

.qrzz[data-v-66501821] {
  z-index: 11;
  border: 1px solid #2e8b57;
  background: hsla(0, 0%, 100%, .94)
}

.qrimage[data-v-66501821],
.qrzz[data-v-66501821] {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px
}

.qrimage[data-v-66501821] {
  z-index: 10;
  border: 1px solid #ddd
}

.qrimage[data-v-66501821] img {
  margin-top: 0;
  border: none
}

.qrzz .el-result[data-v-66501821] {
  height: 100%
}

.diann[data-v-66501821] {
  width: 100% !important;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  margin: 50px auto 0
}

.leftbg[data-v-66501821] {
  background: linear-gradient(193deg, #66b1ff, #456eff)
}

.dian[data-v-66501821] {
  width: 80%;
  margin-top: 40px;
  margin-left: 15px
}

.login[data-v-66501821] {
  position: relative
}

.loginDiv[data-v-66501821] {
  background-color: rgba(0, 0, 0, 0.95) !important;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .39);
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center
}

.loginForm[data-v-66501821] {
  width: 680px;
  height: 500px;
  display: grid;
  background: var(--el-bg-color);
  border-radius: 12px;
  grid-template-columns: 1.5fr 2fr;
  grid-gap: 15px;
  overflow: hidden;
  position: relative
}

.guanBi[data-v-66501821] {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 50;
  transition: transform .2s ease-in-out
}

.guanBi[data-v-66501821]:hover {
  cursor: pointer;
  transform: rotate(180deg)
}

.aiBianji,
:deep(.aiBianji) {
  width: 320px !important;
  overflow: hidden !important
}

.headers[data-v-419ca815] {
  padding-bottom: 0
}

.aikuang[data-v-419ca815] {
  position: relative
}

.kaiGuan[data-v-419ca815] {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  width: 20px;
  right: 15px;
  border: 1px solid #5e74fe;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background: #5e74fe;
  border-radius: 14px
}

.neiAIjie[data-v-419ca815] {
  overflow: hidden
}

.AIbang[data-v-419ca815] {
  padding-left: 30px;
  gap: 20px;
  align-items: flex-start
}

.aikuang[data-v-419ca815] {
  flex: 1;
  width: 100%;
  padding-right: 30px;
  height: calc(-80px + 100vh)
}

.listA[data-v-419ca815] {
  flex: 2;
  width: 100%
}

.Aibangedit[data-v-419ca815] {
  height: 100%;
  background: var(--el-bg-color-overlay);
  padding: 15px
}

.kuaiSu[data-v-419ca815] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px
}

[data-v-419ca815] .el-tag+.el-tag {
  margin-left: unset
}

.aiBianji[data-v-419ca815] {
  width: 320px;
  overflow: hidden
}

.aiBianji[data-v-419ca815],
[data-v-419ca815] .aiBianji {
  width: 320px !important;
  overflow: hidden !important
}

.jieguoYu[data-v-419ca815] {
  position: relative
}

.jiaZ[data-v-419ca815] {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 12;
  height: calc(-140px + 100vh)
}

.GongN button[data-v-419ca815],
.GongN[data-v-419ca815] button {
  height: 18px !important
}

.Outtext[data-v-419ca815] textarea,
.Outtextt[data-v-419ca815] textarea {
  position: relative
}

.zishu[data-v-419ca815] {
  font-size: 10px;
  color: #999
}

[data-v-419ca815] .el-textarea__inner::-moz-placeholder {
  font-size: 12px;
  color: #999;
  font-weight: 400
}

[data-v-419ca815] .el-textarea__inner::placeholder {
  font-size: 12px;
  color: #999;
  font-weight: 400
}

.GongN[data-v-419ca815] {
  width: calc(100% - 40px);
  height: 22px;
  display: flex;
  padding-top: 2px
}

.aisetting[data-v-419ca815] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px
}

.aisetting[data-v-419ca815] .el-input-group__prepend {
  padding: 0 10px !important
}

.shipiList[data-v-419ca815] header {
  margin-bottom: 0 !important
}

.biankuang[data-v-419ca815] {
  padding: 0 0 20px
}

.viewKuang[data-v-419ca815] {
  height: calc(100vh - 108px);
  background: var(--el-bg-color-overlay)
}

.my-header[data-v-419ca815] {
  display: grid;
  align-items: center;
  margin: 10px 15px;
  grid-template-columns: calc(100% - 24px) 20px
}

.my-header h4[data-v-419ca815] {
  width: 100%
}

.CelvueDiy[data-v-419ca815] .el-tabs__item:nth-child(3) {
  padding: 0 10px 0 0 !important
}

.caoZuomobile[data-v-419ca815] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  margin-bottom: 20px
}

.caoZuomobile button[data-v-419ca815] {
  height: 40px;
  margin-left: 0
}

.caoZuomobile[data-v-419ca815] .el-button>span {
  font-size: 15px
}

.caoZuo[data-v-419ca815] {
  text-align: right;
  position: fixed;
  left: calc(20% + 40px);
  bottom: 25px;
  display: inline-flex;
  align-items: center
}

.biankuang[data-v-419ca815],
.biankuangs[data-v-419ca815] {
  overflow: hidden;
  position: relative
}

.biankuangs[data-v-419ca815] {
  margin-top: 20px;
  width: 300px;
  height: 533px;
  zoom: .4
}

.shancsH[data-v-419ca815] {
  position: absolute;
  top: 5px;
  right: 10px
}

.gonJIan[data-v-419ca815] {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2px;
  margin-right: 18px
}

.Aibang[data-v-419ca815] {
  flex-basis: 30%;
  justify-content: left;
  display: inline-flex;
  align-items: center
}

.tipLoading[data-v-419ca815] {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
  color: #fff;
  font-size: 14px;
  display: block
}

.shengloading[data-v-419ca815] {
  display: none;
  background: var(--el-overlay-color-lighter);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 988200;
  width: 100%;
  height: 100%;
  border-radius: 6px
}

.shengloading .el-image[data-v-419ca815] {
  width: 100%;
  height: 100%
}

.shengloading[data-v-419ca815] img {
  width: 120px;
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 5511111115;
  height: 120px;
  transform: translate(-50%, -50%)
}

[data-v-419ca815] .el-drawer__header {
  margin-bottom: 0 !important
}

.mobLike[data-v-419ca815] {
  margin-left: 0 !important;
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 80% !important;
  z-index: 22
}

.qieRole[data-v-bf067a2a] {
  width: 25px;
  height: 25px;
  border-radius: 100px;
  border: 1px solid #ddd
}

.TIjiao[data-v-bf067a2a] {
  margin: 5px;
  font-family: PuHui;
  background: linear-gradient(193deg, #66b1ff, #456eff);
  padding: 0 30px !important;
  border: none i !important
}

.titfu[data-v-bf067a2a] {
  font-size: 10px;
  color: #272727;
  font-family: auto;
  font-weight: 400;
  letter-spacing: 5px;
  line-height: 1.2
}

.yuroler[data-v-bf067a2a] {
  width: 20px;
  height: 20px;
  border-radius: 100px
}

.roleHeader[data-v-bf067a2a] {
  width: 48px;
  height: 48px;
  border-radius: 100px
}

.roletab[data-v-bf067a2a] {
  position: relative
}

.QieHuan[data-v-bf067a2a] {
  position: absolute;
  bottom: 0;
  right: 0
}

.yuanWen[data-v-bf067a2a] {
  border: 1px solid #fbfbfb;
  padding: 10px;
  margin-top: 10px;
  border-radius: 4px;
  position: relative;
  background: #ededed;
  margin-bottom: 4px
}

.role-tabs[data-v-bf067a2a] .el-tabs__nav-wrap:after {
  background-color: #414141 !important
}

.role-tabs[data-v-bf067a2a] .el-tabs__item {
  color: unset
}

.demo-tabs[data-v-bf067a2a] .el-tabs__nav-wrap:after {
  background-color: #e9e9e9 !important;
  width: 1px !important
}

.yuanWens[data-v-bf067a2a] {
  position: absolute;
  top: -5px;
  left: 5px;
  background: linear-gradient(193deg, #66b1ff, #456eff);
  color: #fff;
  padding: 0 4px;
  font-size: 10px;
  border-radius: 4px
}

.activerole[data-v-bf067a2a] {
  border: 2px solid #1890ff !important;
  color: #4380f8;
  background: #1890ff !important
}

.activerole .titleT[data-v-bf067a2a] {
  border-top: 1px solid #379fff !important
}

.titleT[data-v-bf067a2a] {
  justify-content: space-between;
  padding-top: 6px;
  border-top: 1px solid #2f2f2f
}

.noerole[data-v-bf067a2a] {
  border: 2px solid #000;
  padding: 6px;
  border-radius: 6px;
  background: #000
}

.nowRole[data-v-bf067a2a] {
  position: absolute;
  right: 0;
  top: 8px;
  gap: 6px;
  z-index: 10
}

.RolesList[data-v-bf067a2a] {
  height: 540px;
  position: relative
}

.roleerList[data-v-bf067a2a] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-gap: 10px;
  max-height: 490px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.demo-tabs[data-v-bf067a2a] {
  display: block !important
}

.aiwai[data-v-bf067a2a] {
  margin-left: 10px
}

.aiwai[data-v-bf067a2a] .el-select__wrapper {
  box-shadow: inset 0 0 0 1px #409eff !important
}

.demo-tabs[data-v-bf067a2a] .el-tabs__item {
  height: 60px
}

.demo-tabs[data-v-bf067a2a] .el-tabs__content {
  display: none !important
}

.demo-tabs[data-v-bf067a2a] .el-tabs__header {
  margin-left: 0 !important
}

.biaoTi[data-v-bf067a2a] {
  text-align: center;
  margin: 5px auto;
  font-size: 12px
}

.luRu textarea[data-v-bf067a2a],
.luRu[data-v-bf067a2a] textarea {
  border: none !important;
  box-shadow: unset !important
}

.luRu[data-v-bf067a2a] {
  border: 1px solid #ddd
}

.duomenu[data-v-bf067a2a] {
  width: 80px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.marquee[data-v-bf067a2a] {
  overflow: hidden;
  position: relative;
  width: 100%;
  white-space: nowrap
}

.marquee-content[data-v-bf067a2a] {
  display: inline-block;
  position: absolute;
  animation: scroll-bf067a2a 10s linear infinite
}

@keyframes scroll-bf067a2a {
  0% {
    transform: translateX(100%)
  }

  to {
    transform: translateX(-100%)
  }
}

.resJie[data-v-bf067a2a] {
  margin: 15px;
  border-radius: 4px;
  background: #fff;
  margin-left: 0
}

.thinkN[data-v-bf067a2a] {
  border-radius: 4px
}

.thinkNei[data-v-bf067a2a] {
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  margin: 20px 0
}

.scrolldiy[data-v-bf067a2a] {
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.thinks[data-v-bf067a2a] {
  font-size: 12px !important;
  color: #9b9b9b;
  text-align: justify;
  white-space: pre-wrap
}

.King[data-v-bf067a2a],
.thinks[data-v-bf067a2a] {
  height: auto;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.loader1[data-v-bf067a2a] {
  display: inline-block;
  font-size: 0;
  padding: 0
}

.loader1 span[data-v-bf067a2a] {
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 3px 2px;
  animation: loader1-bf067a2a .8s linear infinite alternate
}

.loader1 span[data-v-bf067a2a]:first-child {
  animation-delay: -1s;
  background: rgba(245, 103, 115, .6)
}

.loader1 span[data-v-bf067a2a]:nth-child(2) {
  animation-delay: -.8s;
  background: rgba(245, 103, 115, .8)
}

.loader1 span[data-v-bf067a2a]:nth-child(3) {
  animation-delay: -.26666s;
  background: #f56773
}

.loader1 span[data-v-bf067a2a]:nth-child(4) {
  animation-delay: -.8s;
  background: rgba(245, 103, 115, .8)
}

.loader1 span[data-v-bf067a2a]:nth-child(5) {
  animation-delay: -1s;
  background: rgba(245, 103, 115, .4)
}

@keyframes loader1-bf067a2a {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

.loader3[data-v-bf067a2a] {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0;
  text-align: left
}

.loader3 span[data-v-bf067a2a] {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #87d37c;
  animation: loader3-bf067a2a 1.5s linear infinite
}

.loader3 span[data-v-bf067a2a]:last-child {
  animation-delay: -.9s;
  -webkit-animation-delay: -.9s
}

@keyframes loader3-bf067a2a {
  0% {
    transform: scale(0);
    opacity: .8
  }

  to {
    transform: scale(1);
    opacity: 0
  }
}

.loading[data-v-bf067a2a] {
  position: relative;
  width: 64px;
  height: 64px
}

.loading-v2[data-v-bf067a2a] {
  background-color: #3294ea;
  border-radius: 62% 38% 41% 59%/65% 51% 49% 35%;
  animation: blob-bf067a2a 2.5s infinite
}

@keyframes blob-bf067a2a {
  25% {
    border-radius: 48% 52% 60% 40%/44% 61% 39% 56%;
    transform: scale(.9)
  }

  50% {
    background-color: #a65de0;
    border-radius: 36% 64% 35% 65%/55% 44% 56% 45%
  }

  75% {
    border-radius: 24% 76% 53% 47%/34% 58% 42% 66%;
    transform: scale(1.1)
  }
}

.loading-v3[data-v-bf067a2a] {
  border-radius: 50%;
  box-shadow: inset 0 0 0 32px #f8aa12;
  animation: shadow-bf067a2a 4s infinite;
  opacity: .2
}

@keyframes shadow-bf067a2a {
  10% {
    opacity: 1
  }

  to {
    box-shadow: inset 0 0 0 0 #f8aa12
  }
}

.guanBi[data-v-bf067a2a] {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 50;
  transition: transform .2s ease-in-out
}

.guanBi[data-v-bf067a2a]:hover {
  cursor: pointer;
  transform: rotate(180deg)
}

.qieRole[data-v-7d0f8f38] {
  width: 25px;
  height: 25px;
  border-radius: 100px;
  border: 1px solid #ddd
}

.TIjiao[data-v-7d0f8f38] {
  margin: 5px;
  font-family: PuHui;
  background: linear-gradient(193deg, #66b1ff, #456eff);
  padding: 0 30px !important;
  border: none i !important
}

.titfu[data-v-7d0f8f38] {
  font-size: 10px;
  color: #272727;
  font-family: auto;
  font-weight: 400;
  letter-spacing: 5px;
  line-height: 1.2
}

.yuroler[data-v-7d0f8f38] {
  width: 20px;
  height: 20px;
  border-radius: 100px
}

.roleHeader[data-v-7d0f8f38] {
  width: 48px;
  height: 48px;
  border-radius: 100px
}

.roletab[data-v-7d0f8f38] {
  position: relative
}

.QieHuan[data-v-7d0f8f38] {
  position: absolute;
  bottom: 0;
  right: 0
}

.yuanWen[data-v-7d0f8f38] {
  border: 1px solid #fbfbfb;
  padding: 10px;
  margin-top: 10px;
  border-radius: 4px;
  position: relative;
  background: #ededed;
  margin-bottom: 4px
}

.role-tabs[data-v-7d0f8f38] .el-tabs__nav-wrap:after {
  background-color: #414141 !important
}

.role-tabs[data-v-7d0f8f38] .el-tabs__item {
  color: unset
}

.demo-tabs[data-v-7d0f8f38] .el-tabs__nav-wrap:after {
  background-color: #e9e9e9 !important;
  width: 1px !important
}

.yuanWens[data-v-7d0f8f38] {
  position: absolute;
  top: -5px;
  left: 5px;
  background: linear-gradient(193deg, #66b1ff, #456eff);
  color: #fff;
  padding: 0 4px;
  font-size: 10px;
  border-radius: 4px
}

.activerole[data-v-7d0f8f38] {
  border: 2px solid #1890ff !important;
  color: #4380f8;
  background: #1890ff !important
}

.activerole .titleT[data-v-7d0f8f38] {
  border-top: 1px solid #379fff !important
}

.titleT[data-v-7d0f8f38] {
  justify-content: space-between;
  padding-top: 6px;
  border-top: 1px solid #2f2f2f
}

.noerole[data-v-7d0f8f38] {
  border: 2px solid #000;
  padding: 6px;
  border-radius: 6px;
  background: #000
}

.nowRole[data-v-7d0f8f38] {
  position: absolute;
  right: 0;
  top: 8px;
  gap: 6px;
  z-index: 10
}

.RolesList[data-v-7d0f8f38] {
  height: 540px;
  position: relative
}

.roleerList[data-v-7d0f8f38] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-gap: 10px;
  max-height: 490px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.demo-tabs[data-v-7d0f8f38] {
  display: block !important
}

.aiwai[data-v-7d0f8f38] {
  margin-left: 10px
}

.aiwai[data-v-7d0f8f38] .el-select__wrapper {
  box-shadow: inset 0 0 0 1px #409eff !important
}

.demo-tabs[data-v-7d0f8f38] .el-tabs__item {
  height: 60px
}

.demo-tabs[data-v-7d0f8f38] .el-tabs__content {
  display: none !important
}

.demo-tabs[data-v-7d0f8f38] .el-tabs__header {
  margin-left: 0 !important
}

.biaoTi[data-v-7d0f8f38] {
  text-align: center;
  margin: 5px auto;
  font-size: 12px
}

.luRu textarea[data-v-7d0f8f38],
.luRu[data-v-7d0f8f38] textarea {
  border: none !important;
  box-shadow: unset !important
}

.luRu[data-v-7d0f8f38] {
  border: 1px solid #ddd
}

.duomenu[data-v-7d0f8f38] {
  width: 80px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.marquee[data-v-7d0f8f38] {
  overflow: hidden;
  position: relative;
  width: 100%;
  white-space: nowrap
}

.marquee-content[data-v-7d0f8f38] {
  display: inline-block;
  position: absolute;
  animation: scroll-7d0f8f38 10s linear infinite
}

@keyframes scroll-7d0f8f38 {
  0% {
    transform: translateX(100%)
  }

  to {
    transform: translateX(-100%)
  }
}

.resJie[data-v-7d0f8f38] {
  margin: 15px;
  border-radius: 4px;
  background: #fff;
  margin-left: 0
}

.thinkN[data-v-7d0f8f38] {
  border-radius: 4px
}

.thinkNei[data-v-7d0f8f38] {
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  margin: 20px 0
}

.scrolldiy[data-v-7d0f8f38] {
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.thinks[data-v-7d0f8f38] {
  font-size: 12px !important;
  color: #9b9b9b;
  text-align: justify;
  white-space: pre-wrap
}

.King[data-v-7d0f8f38],
.thinks[data-v-7d0f8f38] {
  height: auto;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.loader1[data-v-7d0f8f38] {
  display: inline-block;
  font-size: 0;
  padding: 0
}

.loader1 span[data-v-7d0f8f38] {
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 3px 2px;
  animation: loader1-7d0f8f38 .8s linear infinite alternate
}

.loader1 span[data-v-7d0f8f38]:first-child {
  animation-delay: -1s;
  background: rgba(245, 103, 115, .6)
}

.loader1 span[data-v-7d0f8f38]:nth-child(2) {
  animation-delay: -.8s;
  background: rgba(245, 103, 115, .8)
}

.loader1 span[data-v-7d0f8f38]:nth-child(3) {
  animation-delay: -.26666s;
  background: #f56773
}

.loader1 span[data-v-7d0f8f38]:nth-child(4) {
  animation-delay: -.8s;
  background: rgba(245, 103, 115, .8)
}

.loader1 span[data-v-7d0f8f38]:nth-child(5) {
  animation-delay: -1s;
  background: rgba(245, 103, 115, .4)
}

@keyframes loader1-7d0f8f38 {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

.loader3[data-v-7d0f8f38] {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0;
  text-align: left
}

.loader3 span[data-v-7d0f8f38] {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #87d37c;
  animation: loader3-7d0f8f38 1.5s linear infinite
}

.loader3 span[data-v-7d0f8f38]:last-child {
  animation-delay: -.9s;
  -webkit-animation-delay: -.9s
}

@keyframes loader3-7d0f8f38 {
  0% {
    transform: scale(0);
    opacity: .8
  }

  to {
    transform: scale(1);
    opacity: 0
  }
}

.loading[data-v-7d0f8f38] {
  position: relative;
  width: 64px;
  height: 64px
}

.loading-v2[data-v-7d0f8f38] {
  background-color: #3294ea;
  border-radius: 62% 38% 41% 59%/65% 51% 49% 35%;
  animation: blob-7d0f8f38 2.5s infinite
}

@keyframes blob-7d0f8f38 {
  25% {
    border-radius: 48% 52% 60% 40%/44% 61% 39% 56%;
    transform: scale(.9)
  }

  50% {
    background-color: #a65de0;
    border-radius: 36% 64% 35% 65%/55% 44% 56% 45%
  }

  75% {
    border-radius: 24% 76% 53% 47%/34% 58% 42% 66%;
    transform: scale(1.1)
  }
}

.loading-v3[data-v-7d0f8f38] {
  border-radius: 50%;
  box-shadow: inset 0 0 0 32px #f8aa12;
  animation: shadow-7d0f8f38 4s infinite;
  opacity: .2
}

@keyframes shadow-7d0f8f38 {
  10% {
    opacity: 1
  }

  to {
    box-shadow: inset 0 0 0 0 #f8aa12
  }
}

.guanBi[data-v-7d0f8f38] {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 50;
  transition: transform .2s ease-in-out
}

.guanBi[data-v-7d0f8f38]:hover {
  cursor: pointer;
  transform: rotate(180deg)
}

.cheng[data-v-3d44b052] {
  opacity: 0;
  margin-left: -15px
}

.typing-container[data-v-3d44b052] {
  font-family: PuHui, Arial, sans-serif;
  color: #333;
  text-align: center
}

.typing-text[data-v-3d44b052] {
  position: relative;
  font-family: PuHui;
  font-size: 28px;
  font-weight: 400;
  line-height: 30px;
  color: #222
}

.cursor[data-v-3d44b052] {
  display: inline-block;
  width: 14px;
  height: 2px;
  background-color: #fbb79a;
  margin-left: 4px;
  margin-bottom: 2px;
  vertical-align: middle;
  position: absolute;
  bottom: 5px
}

.blinking[data-v-3d44b052],
.cursor[data-v-3d44b052] {
  animation: blink-3d44b052 1s linear infinite
}

@keyframes blink-3d44b052 {
  20% {
    opacity: .9
  }

  30% {
    opacity: .7
  }

  40% {
    opacity: .6
  }

  50% {
    opacity: .5
  }

  60% {
    opacity: .4
  }

  70% {
    opacity: .3
  }

  80% {
    opacity: .2
  }

  90% {
    opacity: .1
  }

  to {
    opacity: 0
  }
}

.kong[data-v-21724893],
.yulan[data-v-21724893] {
  position: relative
}

.del[data-v-21724893] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  cursor: pointer;
  display: none;
  color: #fff;
  background: #333;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center
}

.yulan:hover .del[data-v-21724893] {
  display: flex
}

.upstyle[data-v-21724893] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5
}

@font-face {
  font-family: PuHui;
  src: url(https://esa.e-w.top/font/PuHuiTi.ttf)
}

#app,
body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f6f8f9;
  font-size: 12px;
  font-family: PuHui
}

a {
  color: #333
}

a,
a:focus,
a:hover {
  text-decoration: none
}

a:focus,
a:hover {
  color: #000
}

a:link {
  text-decoration: none
}

.el-input__inner {
  color: var(--el-text-color-primary) !important
}

a:-webkit-any-link {
  text-decoration: none
}

.el-input__inner {
  color: #333
}

a,
button,
input,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  outline: none !important;
  -webkit-appearance: none
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none
}

.scrolldiy {
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.page-user .menu .el-menu-item-group {
  border: none !important
}

.qieHuanmoshi {
  display: grid;
  background: var(--el-bg-color);
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 6px;
  padding: 4px;
  border-radius: 4px
}

.qieHuanmoshi,
.xingXleftt {
  align-items: center;
  justify-content: center
}

.xingXleftt {
  text-align: center;
  padding: 2.5px 5px;
  color: var(--el-color-white);
  font-size: 12px;
  cursor: pointer;
  border-radius: 5px;
  display: flex
}

.qieHuanmoshi .is-select .xingXleftt {
  background-color: #2196f3;
  color: #fff
}

.el-menu-item-group__title {
  padding: 10px 0 !important;
  text-align: center;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important
}

.relative {
  position: relative
}

.absolute {
  position: absolute
}

.button {
  font-family: PuHui
}

.aminui {
  display: flex;
  flex-flow: column
}

.aminui-wrapper {
  display: flex;
  flex: 1;
  overflow: auto
}

.no-select {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important
}

.out {
  white-space: nowrap;
  text-overflow: ellipsis
}

.out,
.out2 {
  overflow: hidden
}

.out2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.guanBi {
  color: var(--el-text-color-primary) !important;
  border-radius: 4px;
  position: absolute;
  top: 15px;
  right: 30px;
  z-index: 50;
  transition: transform .2s ease-in-out
}

.guanBi:hover {
  cursor: pointer;
  transform: rotate(180deg)
}

.headers {
  padding: 10px 30px !important;
  justify-content: space-between
}

.scroll {
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.cursor {
  cursor: pointer
}

.flex {
  display: flex;
  align-items: center
}

.grid {
  display: grid
}

.between {
  justify-content: space-between
}

.xuanzhuan {
  animation: spin 2s linear infinite
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.dingWei {
  position: absolute;
  right: 15px;
  z-index: 200
}

.keFu {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 20px;
  padding: 8px 15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .078)
}

.Anniu,
.keFu {
  text-align: center
}

.Anniu {
  background: linear-gradient(180deg, #49413e, #1d1817);
  border-radius: 8px 8px 8px 8px;
  color: #f1dccc;
  cursor: pointer;
  font-family: Microsoft YaHei\, Microsoft YaHei;
  font-size: 14px;
  font-weight: 700;
  height: 48px;
  line-height: 48px;
  width: 188px;
  border: none
}

.scrollable {
  -webkit-overflow-scrolling: touch
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, .3)
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(50, 50, 50, .6)
}

::-webkit-scrollbar-track {
  background-color: rgba(50, 50, 50, .1)
}

::-webkit-scrollbar-track:hover {
  background-color: rgba(50, 50, 50, .2)
}

.layout-setting {
  position: fixed;
  width: 40px;
  height: 40px;
  border-radius: 3px 0 0 3px;
  bottom: 100px;
  right: 0;
  z-index: 100;
  background: #409eff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.layout-setting i {
  font-size: 18px;
  color: #fff
}

.adminui-header {
  height: 58px;
  background: #222b45;
  color: #fff;
  display: flex;
  justify-content: space-between
}

.adminui-header-left {
  padding-left: 20px
}

.adminui-header .logo-bar,
.adminui-header-left,
.adminui-header-right {
  display: flex;
  align-items: center
}

.adminui-header .logo-bar {
  font-size: 20px;
  font-weight: 700
}

.adminui-header .logo-bar .logo {
  margin-right: 10px;
  width: 35px;
  height: 35px
}

.adminui-header .nav {
  display: flex;
  height: 100%;
  margin-left: 40px
}

.adminui-header .nav li {
  padding: 0 10px;
  margin: 0 10px 0 0;
  font-size: 14px;
  color: hsla(0, 0%, 100%, .6);
  list-style: none;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer
}

.adminui-header .nav li i {
  margin-right: 5px
}

.adminui-header .nav li:hover {
  color: #fff
}

.adminui-header .nav li.active {
  background: hsla(0, 0%, 100%, .1);
  color: #fff
}

.adminui-header .user-bar .panel-item:hover {
  background: hsla(0, 0%, 100%, .1) !important
}

.adminui-header .user-bar .user label {
  color: #fff
}

.aminui-side-split {
  width: 65px;
  flex-shrink: 0;
  background: #222b45;
  display: flex;
  flex-flow: column
}

.aminui-side-split-top {
  height: 49px
}

.aminui-side-split-top a {
  display: inline-block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.aminui-side-split-top .logo {
  height: 30px;
  vertical-align: bottom
}

.adminui-side-split-scroll {
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
  flex: 1
}

.aminui-side-split li {
  cursor: pointer;
  width: 65px;
  height: 65px;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.aminui-side-split li i {
  font-size: 18px
}

.aminui-side-split li p {
  margin-top: 5px
}

.aminui-side-split li:hover {
  background: hsla(0, 0%, 100%, .1)
}

.aminui-side-split li.active {
  background: #409eff
}

.adminui-side-split-scroll::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, .4);
  border-radius: 5px
}

.adminui-side-split-scroll::-webkit-scrollbar-thumb:hover {
  background-color: hsla(0, 0%, 100%, .5)
}

.adminui-side-split-scroll::-webkit-scrollbar-track,
.adminui-side-split-scroll::-webkit-scrollbar-track:hover {
  background-color: hsla(0, 0%, 100%, 0)
}

.aminui-side {
  display: flex;
  flex-flow: column;
  flex-shrink: 0;
  width: 160px;
  background: #fff;
  box-shadow: 2px 0 8px 0 rgba(29, 35, 41, .05);
  border-right: 1px solid #e6e6e6;
  transition: width .3s;
  height: 100vh;
  overflow: hidden
}

.adminui-side-top {
  border-bottom: 1px solid #ebeef5;
  height: 50px;
  line-height: 50px;
  text-align: center
}

.adminui-side-top h2 {
  padding: 0 20px;
  font-size: 17px;
  color: #3c4a54
}

.adminui-side-scroll {
  overflow: auto;
  overflow-x: hidden;
  flex: 1
}

.adminui-side-bottom {
  border-top: 1px solid #ebeef5;
  height: 51px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}

.adminui-side-bottom i {
  font-size: 16px
}

.adminui-side-bottom:hover {
  color: var(--el-color-primary)
}

.aminui-side.isCollapse {
  width: 65px
}

.el-menu .menu-tag {
  position: absolute;
  height: 18px;
  line-height: 18px;
  background: var(--el-color-danger);
  font-size: 12px;
  color: #fff;
  right: 20px;
  border-radius: 18px;
  padding: 0 6px
}

.el-menu .el-sub-menu__title .menu-tag {
  right: 40px
}

.el-menu--horizontal>li .menu-tag {
  display: none
}

.aminui-body {
  flex: 1;
  display: flex;
  flex-flow: column
}

.adminui-topbar {
  height: 50px;
  border-bottom: 1px solid #ebeef5;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
  display: flex;
  justify-content: space-between
}

.adminui-topbar .left-panel,
.adminui-topbar .right-panel,
.right-panel-search {
  display: flex;
  align-items: center
}

.right-panel-search>*+* {
  margin-left: 10px
}

.adminui-tags {
  height: 35px;
  background: #fff;
  border-bottom: 1px solid #e6e6e6
}

.adminui-tags ul {
  display: flex;
  overflow: hidden
}

.adminui-tags li {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 34px;
  line-height: 34px;
  position: relative;
  flex-shrink: 0
}

.adminui-tags li:after {
  content: " ";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  background-image: linear-gradient(#fff, #e6e6e6)
}

.adminui-tags li a {
  display: inline-block;
  padding: 0 10px;
  width: 100%;
  height: 100%;
  color: #999;
  text-decoration: none;
  display: flex;
  align-items: center
}

.adminui-tags li i {
  margin-left: 10px;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center
}

.adminui-tags li i:hover {
  background: rgba(0, 0, 0, .2);
  color: #fff
}

.adminui-tags li:hover {
  background: #ecf5ff
}

.adminui-tags li.active {
  background: #409eff
}

.adminui-tags li.active a {
  color: #fff
}

.adminui-tags li.sortable-ghost {
  opacity: 0
}

.adminui-main {
  overflow: auto;
  background-color: #f6f8f9;
  flex: 1
}

.aminui.main-maximize .main-maximize-exit {
  display: block
}

.aminui.main-maximize .adminui-header,
.aminui.main-maximize .adminui-tags,
.aminui.main-maximize .adminui-topbar,
.aminui.main-maximize .aminui-side,
.aminui.main-maximize .aminui-side-split {
  display: none
}

.main-maximize-exit {
  display: none;
  position: fixed;
  z-index: 3000;
  top: -20px;
  left: 50%;
  margin-left: -20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: rgba(0, 0, 0, .2);
  text-align: center
}

.main-maximize-exit i {
  font-size: 14px;
  margin-top: 22px;
  color: #fff
}

.main-maximize-exit:hover {
  background: rgba(0, 0, 0, .4)
}

.sc-page {
  width: 1230px;
  margin: 0 auto
}

.pystat {
  top: 15px;
  right: 30px;
  z-index: 20
}

.isState {
  color: #00c853
}

.isState .dongH {
  background-color: #00c853;
  box-shadow: 0 0 8px #00c853
}

.isError {
  color: red
}

.isError .dongH {
  background-color: red;
  box-shadow: 0 0 8px red
}

.dongH {
  width: 12px;
  height: 12px;
  border-radius: 50%
}

@keyframes sk-rotating-plane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  }

  to {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
  }
}

.sk-double-bounce {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto
}

.sk-double-bounce .sk-child {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #337ab7;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-double-bounce 2s ease-in-out infinite
}

.sk-double-bounce .sk-double-bounce-2 {
  animation-delay: -1s
}

@keyframes sk-double-bounce {

  0%,
  to {
    transform: scale(0)
  }

  50% {
    transform: scale(1)
  }
}

.sk-wave {
  width: 6em;
  height: 4em;
  margin: auto;
  text-align: center;
  font-size: 1em
}

.sk-wave .sk-rect {
  background-color: #337ab7;
  height: 100%;
  width: .5em;
  display: inline-block;
  animation: sk-wave-stretch-delay 1.2s ease-in-out infinite
}

.sk-wave .sk-rect-1 {
  animation-delay: -1.2s
}

.sk-wave .sk-rect-2 {
  animation-delay: -1.1s
}

.sk-wave .sk-rect-3 {
  animation-delay: -1s
}

.sk-wave .sk-rect-4 {
  animation-delay: -.9s
}

.sk-wave .sk-rect-5 {
  animation-delay: -.8s
}

@keyframes sk-wave-stretch-delay {

  0%,
  40%,
  to {
    transform: scaleY(.4)
  }

  20% {
    transform: scaleY(1)
  }
}

.sk-wandering-cubes {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto
}

.sk-wandering-cubes .sk-cube {
  background-color: #337ab7;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-wandering-cubes 1.8s ease-in-out -1.8s infinite both
}

.sk-wandering-cubes .sk-cube-2 {
  animation-delay: -.9s
}

@keyframes sk-wandering-cubes {
  0% {
    transform: rotate(0deg)
  }

  25% {
    transform: translateX(2em) rotate(-90deg) scale(.5)
  }

  50% {
    transform: translateX(2em) translateY(2em) rotate(-179deg)
  }

  50.1% {
    transform: translateX(2em) translateY(2em) rotate(-180deg)
  }

  75% {
    transform: translateX(0) translateY(2em) rotate(-270deg) scale(.5)
  }

  to {
    transform: rotate(-1turn)
  }
}

.sk-spinner-pulse {
  width: 4em;
  height: 4em;
  margin: auto;
  background-color: #337ab7;
  border-radius: 100%;
  animation: sk-spinner-pulse 1s ease-in-out infinite
}

@keyframes sk-spinner-pulse {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1);
    opacity: 0
  }
}

.sk-chasing-dots {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto;
  text-align: center;
  animation: sk-chasing-dots-rotate 2s linear infinite
}

.sk-chasing-dots .sk-child {
  width: 2em;
  height: 2em;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #337ab7;
  border-radius: 100%;
  animation: sk-chasing-dots-bounce 2s ease-in-out infinite
}

.sk-chasing-dots .sk-dot-2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s
}

@keyframes sk-chasing-dots-rotate {
  to {
    transform: rotate(1turn)
  }
}

@keyframes sk-chasing-dots-bounce {

  0%,
  to {
    transform: scale(0)
  }

  50% {
    transform: scale(1)
  }
}

.sk-three-bounce {
  width: 8em;
  margin: auto;
  text-align: center
}

.sk-three-bounce .sk-child {
  width: 2em;
  height: 2em;
  background-color: #337ab7;
  border-radius: 100%;
  display: inline-block;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
}

.sk-three-bounce .sk-bounce-1 {
  animation-delay: -.32s
}

.sk-three-bounce .sk-bounce-2 {
  animation-delay: -.16s
}

@keyframes sk-three-bounce {

  0%,
  80%,
  to {
    transform: scale(0)
  }

  40% {
    transform: scale(1)
  }
}

.sk-circle-bounce {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto
}

.sk-circle-bounce .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.sk-circle-bounce .sk-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #337ab7;
  border-radius: 100%;
  animation: sk-circle-bounce-delay 1.2s ease-in-out infinite both
}

.sk-circle-bounce .sk-circle-2 {
  transform: rotate(30deg)
}

.sk-circle-bounce .sk-circle-3 {
  transform: rotate(60deg)
}

.sk-circle-bounce .sk-circle-4 {
  transform: rotate(90deg)
}

.sk-circle-bounce .sk-circle-5 {
  transform: rotate(120deg)
}

.sk-circle-bounce .sk-circle-6 {
  transform: rotate(150deg)
}

.sk-circle-bounce .sk-circle-7 {
  transform: rotate(180deg)
}

.sk-circle-bounce .sk-circle-8 {
  transform: rotate(210deg)
}

.sk-circle-bounce .sk-circle-9 {
  transform: rotate(240deg)
}

.sk-circle-bounce .sk-circle-10 {
  transform: rotate(270deg)
}

.sk-circle-bounce .sk-circle-11 {
  transform: rotate(300deg)
}

.sk-circle-bounce .sk-circle-12 {
  transform: rotate(330deg)
}

.sk-circle-bounce .sk-circle-2:before {
  animation-delay: -1.1s
}

.sk-circle-bounce .sk-circle-3:before {
  animation-delay: -1s
}

.sk-circle-bounce .sk-circle-4:before {
  animation-delay: -.9s
}

.sk-circle-bounce .sk-circle-5:before {
  animation-delay: -.8s
}

.sk-circle-bounce .sk-circle-6:before {
  animation-delay: -.7s
}

.sk-circle-bounce .sk-circle-7:before {
  animation-delay: -.6s
}

.sk-circle-bounce .sk-circle-8:before {
  animation-delay: -.5s
}

.sk-circle-bounce .sk-circle-9:before {
  animation-delay: -.4s
}

.sk-circle-bounce .sk-circle-10:before {
  animation-delay: -.3s
}

.sk-circle-bounce .sk-circle-11:before {
  animation-delay: -.2s
}

.sk-circle-bounce .sk-circle-12:before {
  animation-delay: -.1s
}

@keyframes sk-circle-bounce-delay {

  0%,
  80%,
  to {
    transform: scale(0)
  }

  40% {
    transform: scale(1)
  }
}

.sk-cube-grid {
  width: 3em;
  height: 3em;
  margin: auto
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #fff;
  float: left;
  animation: sk-cube-grid-scale-delay 1.3s ease-in-out infinite
}

.sk-cube-grid .sk-cube-1 {
  animation-delay: .2s
}

.sk-cube-grid .sk-cube-2 {
  animation-delay: .3s
}

.sk-cube-grid .sk-cube-3 {
  animation-delay: .4s
}

.sk-cube-grid .sk-cube-4 {
  animation-delay: .1s
}

.sk-cube-grid .sk-cube-5 {
  animation-delay: .2s
}

.sk-cube-grid .sk-cube-6 {
  animation-delay: .3s
}

.sk-cube-grid .sk-cube-7 {
  animation-delay: 0s
}

.sk-cube-grid .sk-cube-8 {
  animation-delay: .1s
}

.sk-cube-grid .sk-cube-9 {
  animation-delay: .2s
}

@keyframes sk-cube-grid-scale-delay {

  0%,
  70%,
  to {
    transform: scaleX(1)
  }

  35% {
    transform: scale3D(0, 0, 1)
  }
}

.sk-fading-circle {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.sk-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #337ab7;
  border-radius: 100%;
  animation: sk-fading-circle-delay 1.2s ease-in-out infinite both
}

.sk-fading-circle .sk-circle-2 {
  transform: rotate(30deg)
}

.sk-fading-circle .sk-circle-3 {
  transform: rotate(60deg)
}

.sk-fading-circle .sk-circle-4 {
  transform: rotate(90deg)
}

.sk-fading-circle .sk-circle-5 {
  transform: rotate(120deg)
}

.sk-fading-circle .sk-circle-6 {
  transform: rotate(150deg)
}

.sk-fading-circle .sk-circle-7 {
  transform: rotate(180deg)
}

.sk-fading-circle .sk-circle-8 {
  transform: rotate(210deg)
}

.sk-fading-circle .sk-circle-9 {
  transform: rotate(240deg)
}

.sk-fading-circle .sk-circle-10 {
  transform: rotate(270deg)
}

.sk-fading-circle .sk-circle-11 {
  transform: rotate(300deg)
}

.sk-fading-circle .sk-circle-12 {
  transform: rotate(330deg)
}

.sk-fading-circle .sk-circle-2:before {
  animation-delay: -1.1s
}

.sk-fading-circle .sk-circle-3:before {
  animation-delay: -1s
}

.sk-fading-circle .sk-circle-4:before {
  animation-delay: -.9s
}

.sk-fading-circle .sk-circle-5:before {
  animation-delay: -.8s
}

.sk-fading-circle .sk-circle-6:before {
  animation-delay: -.7s
}

.sk-fading-circle .sk-circle-7:before {
  animation-delay: -.6s
}

.sk-fading-circle .sk-circle-8:before {
  animation-delay: -.5s
}

.sk-fading-circle .sk-circle-9:before {
  animation-delay: -.4s
}

.sk-fading-circle .sk-circle-10:before {
  animation-delay: -.3s
}

.sk-fading-circle .sk-circle-11:before {
  animation-delay: -.2s
}

.sk-fading-circle .sk-circle-12:before {
  animation-delay: -.1s
}

@keyframes sk-fading-circle-delay {

  0%,
  39%,
  to {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

.sk-folding-cube {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto;
  transform: rotate(45deg)
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #337ab7;
  animation: sk-folding-cube-angle 2.4s linear infinite both;
  transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube-2 {
  transform: scale(1.1) rotate(90deg)
}

.sk-folding-cube .sk-cube-3 {
  transform: scale(1.1) rotate(180deg)
}

.sk-folding-cube .sk-cube-4 {
  transform: scale(1.1) rotate(270deg)
}

.sk-folding-cube .sk-cube-2:before {
  animation-delay: .3s
}

.sk-folding-cube .sk-cube-3:before {
  animation-delay: .6s
}

.sk-folding-cube .sk-cube-4:before {
  animation-delay: .9s
}

@keyframes sk-folding-cube-angle {

  0%,
  10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0
  }

  25%,
  75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1
  }

  90%,
  to {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0
  }
}

.welcome-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 18px 50px;
  background: linear-gradient(135deg, hsla(0, 0%, 8%, .95), rgba(40, 40, 40, .95));
  cursor: pointer;
  transition: all .3s ease;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
  font-family: PuHui, Microsoft YaHei, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 1;
  animation: fadeInButton .1s ease .5s forwards, heartbeat 1.5s ease-in-out 3.5s infinite;
  position: relative;
  overflow: hidden
}

.dengguan:before,
.welcome-button:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -25%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent 30%, hsla(0, 0%, 100%, .15) 50%, transparent 70%);
  animation: shimmer 3s infinite
}

.welcome-button:hover {
  box-shadow: 0 12px 45px rgba(0, 0, 0, .7);
  transform: translateY(-2px);
  animation: fadeInButton .8s ease 2.5s forwards, heartbeat 1.5s ease-in-out 3.5s infinite
}

.welcome-button:active {
  transform: translateY(0);
  box-shadow: 0 8px 35px rgba(0, 0, 0, .6)
}

@keyframes shimmer {
  0% {
    transform: translate(-50%, -50%) rotate(0deg)
  }

  to {
    transform: translate(-50%, -50%) rotate(1turn)
  }
}

@keyframes heartbeat {

  0%,
  to {
    transform: scale(1)
  }

  10% {
    transform: scale(1.05)
  }

  20% {
    transform: scale(1)
  }

  30% {
    transform: scale(1.05)
  }

  40% {
    transform: scale(1)
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeInButton {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(.95)
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1)
  }
}

.scrollbar-flex-content {
  display: flex;
  gap: 10px;
  overflow: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.scrollbar-demo-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 60px !important;
  text-align: center;
  border-radius: 4px;
  background: #e7f3ff;
  color: #409eff;
  padding: 10px
}

:deep(.el-menu-item-group__title) {
  padding-left: 0 !important;
  text-align: center
}

.paiNew {
  display: grid;
  max-width: 56px;
  text-align: center
}

.paiNew i {
  margin: 0 auto 2px auto !important
}

.paiNew span {
  overflow: hidden;
  white-space: nowrap
}

.menulabel {
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.el-menu-item {
  margin: 15px auto 20px;
  justify-content: center
}

.Xiactive {
  background: #409eff !important;
  color: #e7f3ff !important
}

::-webkit-scrollbar {
  display: none
}

html {
  scrollbar-width: none
}

.light-box {
  position: relative;
  overflow: hidden
}

.light-box:before {
  content: "";
  position: absolute;
  inset: -200%;
  background: conic-gradient(transparent 280deg, #0af, #08f, #0af);
  animation: lightRotate 1.5s linear infinite
}

@keyframes lightRotate {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.loading-box:after {
  inset: 0;
  border-radius: 8px
}

.loading-box {
  position: relative;
  width: 100%
}

.loading-box:after {
  inset: 2px;
  border: 1px solid rgba(0, 255, 255, .2);
  border-radius: inherit
}

.loading-box:after,
.loading-box:before {
  content: "";
  position: absolute;
  pointer-events: none
}

.loading-box:before {
  width: 30px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #0ff, transparent);
  box-shadow: 0 0 8px 2px aqua;
  border-radius: 99px;
  animation: border-round-chase 2.5s linear infinite;
  transform-origin: left center
}

@keyframes border-round-chase {
  0% {
    top: 0;
    left: 0;
    transform: rotate(0deg)
  }

  24% {
    top: 0;
    left: calc(100% - 30px);
    transform: rotate(0deg)
  }

  24.1% {
    top: 0;
    left: calc(100% - 12px);
    transform: rotate(0deg)
  }

  25% {
    top: 0;
    left: 100%;
    transform: rotate(90deg)
  }

  25.1% {
    top: 0;
    left: 100%;
    transform: rotate(90deg)
  }

  49% {
    top: calc(100% - 30px);
    left: 100%;
    transform: rotate(90deg)
  }

  49.1% {
    top: calc(100% - 12px);
    left: 100%;
    transform: rotate(90deg)
  }

  50% {
    top: 100%;
    left: 100%;
    transform: rotate(180deg)
  }

  50.1% {
    top: 100%;
    left: 100%;
    transform: rotate(180deg)
  }

  74% {
    top: 100%;
    left: 30px;
    transform: rotate(180deg)
  }

  74.1% {
    top: 100%;
    left: 12px;
    transform: rotate(180deg)
  }

  75% {
    top: 100%;
    left: 0;
    transform: rotate(270deg)
  }

  75.1% {
    top: 100%;
    left: 0;
    transform: rotate(270deg)
  }

  99% {
    top: 30px;
    left: 0;
    transform: rotate(270deg)
  }

  99.1% {
    top: 12px;
    left: 0;
    transform: rotate(270deg)
  }

  to {
    top: 0;
    left: 0;
    transform: rotate(1turn)
  }
}

div[contenteditable=true]:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1.2em;
  margin-left: 2px;
  background: #000;
  animation: blink-cursor 1.2s step-end infinite
}

@keyframes blink-cursor {

  0%,
  to {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

.typewriter-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  animation: typing 6s steps(22) infinite, deleteText 6s steps(22) infinite
}

@keyframes typing {
  0% {
    width: 0
  }

  30% {
    width: 100%
  }

  70% {
    width: 100%
  }

  to {
    width: 0
  }
}

@keyframes deleteText {
  0% {
    direction: ltr
  }

  70% {
    direction: ltr
  }

  71% {
    direction: rtl
  }

  to {
    direction: rtl
  }
}

:deep(.typing-placeholder) .el-input__inner:-moz-placeholder-shown,
:deep(.typing-placeholder) .el-textarea__inner:-moz-placeholder-shown {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  animation: typeDelete 5s linear infinite
}

:deep(.typing-placeholder) .el-input__inner:placeholder-shown,
:deep(.typing-placeholder) .el-textarea__inner:placeholder-shown {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  animation: typeDelete 5s linear infinite
}

@keyframes typeDelete {
  0% {
    width: 0
  }

  20% {
    width: 100%
  }

  70% {
    width: 100%
  }

  to {
    width: 0
  }
}

:deep(.typing-placeholder) .el-input__inner:not(:-moz-placeholder-shown),
:deep(.typing-placeholder) .el-textarea__inner:not(:-moz-placeholder-shown) {
  animation: none !important;
  width: auto !important
}

:deep(.typing-placeholder) .el-input__inner:not(:placeholder-shown),
:deep(.typing-placeholder) .el-textarea__inner:not(:placeholder-shown) {
  animation: none !important;
  width: auto !important
}

.btn-breath {
  padding: 10px 24px;
  border: none;
  border-radius: 8px;
  background: #409eff;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  transition: all .3s ease;
  transform: translateZ(0);
  will-change: box-shadow, transform;
  animation: breathGlow 2.2s ease-in-out infinite
}

@keyframes breathGlow {
  0% {
    box-shadow: 0 0 8px rgba(64, 158, 255, .4);
    transform: scale(1)
  }

  50% {
    box-shadow: 0 0 20px rgba(64, 158, 255, .8);
    transform: scale(1.03)
  }

  to {
    box-shadow: 0 0 8px rgba(64, 158, 255, .4);
    transform: scale(1)
  }
}

.whiteBody {
  border: 1px solid var(--el-border-color) !important
}

.TITLEdark {
  margin-bottom: 10px;
  background: #2b2525;
  padding: 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #fff
}

.TITLE div:nth-child(2) {
  position: sticky;
  z-index: 10
}

.TITLE {
  position: relative;
  overflow: hidden;
  height: 44px;
  margin-bottom: 10px;
  background: #141414;
  padding: 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #ddd;
  font-size: 14px
}

.TITLE:before {
  width: 400px;
  height: 200px;
  opacity: .15;
  left: 20%;
  top: 0;
  background: linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, 0));
  background: var(--el-color-black)
}

.TITLE:after,
.TITLE:before {
  content: "";
  position: absolute;
  border-radius: 100%
}

.TITLE:after {
  width: 40px;
  height: 40px;
  background: var(--el-border-color-hover);
  opacity: .05;
  right: 10px;
  top: 10px
}

:root {
  --el-color-primary: #409eff;
  --el-color-primary-light-1: #53a7ff;
  --el-color-primary-light-2: #66b1ff;
  --el-color-primary-light-3: #79bbff;
  --el-color-primary-light-4: #8cc4ff;
  --el-color-primary-light-5: #9fceff;
  --el-color-primary-light-6: #b2d8ff;
  --el-color-primary-light-7: #c5e1ff;
  --el-color-primary-light-8: #d8ebff;
  --el-color-primary-light-9: #ebf5ff;
  --el-color-primary-dark-1: #398ee5;
  --el-color-primary-dark-2: #337ecc;
  --el-color-primary-dark-3: #2c6eb2;
  --el-color-primary-dark-4: #265e99;
  --el-color-primary-dark-5: #204f7f;
  --el-color-primary-dark-6: #193f66;
  --el-color-primary-dark-7: #132f4c;
  --el-color-primary-dark-8: #0c1f32;
  --el-color-primary-dark-9: #060f19
}

.el-menu {
  border: none !important
}

.el-menu .el-menu-item a {
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.el-form-item-msg {
  font-size: 12px;
  color: #999;
  clear: both;
  width: 100%
}

.el-container {
  height: 100%
}

.el-aside {
  border-right: 1px solid var(--el-border-color-light)
}

.el-container+.el-aside {
  border-right: 0;
  border-left: 1px solid var(--el-border-color-light)
}

.el-header {
  background: #fff;
  border-bottom: 1px solid var(--el-border-color-light);
  padding: 13px 15px;
  justify-content: space-between
}

.el-header,
.el-header .left-panel,
.el-header .right-panel {
  display: flex;
  align-items: center
}

.el-header .right-panel>*+* {
  margin-left: 10px
}

.el-footer {
  background: #fff;
  border-top: 1px solid var(--el-border-color-light);
  padding: 13px 15px;
  height: 51px
}

.el-main {
  padding: 15px
}

.el-main.nopadding {
  padding: 0;
  background: #fff
}

.el-drawer__body {
  overflow: auto;
  padding: 0
}

.el-popconfirm__main {
  margin: 14px 0
}

.el-card__header {
  border-bottom: 0;
  padding: 15px 20px 0 20px
}

.el-card__header,
.el-dialog__title,
.el-drawer__header>:first-child {
  font-size: 17px;
  font-weight: 700
}

.el-tree.menu .el-tree-node__content {
  height: 36px
}

.el-tree.menu .el-tree-node__content .el-tree-node__label .icon {
  margin-right: 5px
}

.el-progress__text {
  font-size: 12px !important
}

.el-progress__text i {
  font-size: 14.4px !important
}

.el-step.is-horizontal .el-step__line {
  height: 1px
}

.el-step__title {
  font-size: 14px
}

.drawerBG {
  background: #f6f8f9
}

.el-button+.el-dropdown,
.el-button-group+.el-button-group,
.el-button-group+.el-dropdown,
.el-tag+.el-tag {
  margin-left: 10px
}

.el-tabs__nav-wrap:after {
  height: 1px
}

.el-table th.is-sortable {
  transition: .1s
}

.el-table th.is-sortable:hover {
  background: #eee
}

.el-table .el-table__body-wrapper {
  background: #f6f8f9
}

.el-col .el-card {
  margin-bottom: 15px
}

.el-main {
  flex-basis: 100%
}

.el-main>.scTable .el-table--border .el-table__inner-wrapper:after,
.el-main>.scTable .el-table--border:after,
.el-main>.scTable .el-table--border:before,
.el-main>.scTable .el-table__border-left-patch {
  display: none
}

.el-main>.scTable .el-table--border .el-table__inner-wrapper tr:first-child td:first-child,
.el-main>.scTable .el-table--border .el-table__inner-wrapper tr:first-child th:first-child {
  border-left: 0
}

.el-table.el-table--large {
  font-size: 14px
}

.el-checkbox-button__inner,
.el-radio-button__inner,
.el-table,
.el-table.el-table--small {
  font-size: 12px
}

.el-sub-menu .el-icon {
  font-size: 17px
}

.el-sub-menu .el-sub-menu__icon-arrow {
  font-size: 12px
}

.aminui-side-split li.active {
  background-color: var(--el-color-primary)
}

.adminui-tags li:hover {
  background-color: var(--el-color-primary-light-9)
}

.adminui-tags li.active {
  background-color: var(--el-color-primary) !important
}

.contextmenu li:hover {
  background-color: var(--el-color-primary-light-9) !important;
  color: var(--el-color-primary-light-2) !important
}

.data-box .item-background,
.diy-grid-setting,
.layout-setting {
  background-color: var(--el-color-primary) !important
}

.sceditor .tox-tinymce {
  border: 1px solid #dcdfe6;
  border-radius: 0
}

body .tox-tinymce-aux {
  z-index: 5700
}

.page-user .user-info-top {
  text-align: center
}

.page-user .user-info-top h2 {
  font-size: 18px;
  margin-top: 5px
}

.page-user .user-info-top p {
  margin: 8px 0 10px 0
}

.page-user .menu {
  background: none
}

.page-user .menu .el-menu-item {
  font-size: 12px;
  --el-menu-item-height: 50px
}

.page-user .menu .el-menu-item-group {
  border-top: 1px solid var(--el-border-color-light)
}

.page-user .menu .el-menu-item-group:first-child {
  border: 0
}

.static-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  margin-bottom: 45px;
  line-height: 1.5em
}

.static-table th {
  text-align: left;
  white-space: nowrap;
  color: #909399;
  font-weight: 400
}

.static-table td,
.static-table th {
  border-bottom: 1px solid #dcdfe6;
  padding: 15px;
  max-width: 250px
}

.static-table td {
  color: #606266
}

.header-tabs {
  padding: 10px 0 0 0;
  display: block;
  border: 0 !important;
  height: 50px;
  background: none
}

.header-tabs .el-tabs__header {
  padding-left: 10px;
  margin: 0
}

.header-tabs .el-tabs__content {
  display: none
}

.header-tabs .el-tabs__nav {
  border-radius: 0 !important
}

.header-tabs .el-tabs__item {
  font-size: 13px
}

.header-tabs .el-tabs__item.is-active {
  background-color: var(--el-bg-color-overlay)
}

.common-header-left,
.common-header-logo {
  display: flex;
  align-items: center
}

.common-header-logo img {
  height: 30px;
  margin-right: 10px;
  vertical-align: bottom
}

.common-header-logo label {
  font-size: 20px
}

.common-header-title {
  font-size: 16px;
  border-left: 1px solid var(--el-border-color-light);
  margin-left: 15px;
  padding-left: 15px
}

.common-header-right {
  display: flex;
  align-items: center
}

.common-header-right a {
  font-size: 14px;
  color: var(--el-color-primary);
  cursor: pointer
}

.common-header-right a:hover {
  color: var(--el-color-primary-light-3)
}

.common-container {
  max-width: 1240px;
  margin: 30px auto 30px auto
}

.common-main {
  padding: 20px
}

.common-title {
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: 400
}

.common-main .el-form {
  width: 500px;
  margin: 30px auto
}

.common-main .el-steps .el-step__title {
  font-size: 14px
}

.common-main .el-steps .el-step__icon {
  border: 1px solid
}

.common-main .yzm {
  display: flex;
  width: 100%
}

.common-main .yzm .el-button {
  margin-left: 10px
}

.common-main .link {
  color: var(--el-color-primary);
  cursor: pointer
}

.common-main .link:hover {
  color: var(--el-color-primary-light-3)
}

@media(max-width:992px) {
  .el-form-item {
    display: block
  }

  .el-form-item__label {
    display: block;
    text-align: left;
    padding: 0 0 10px
  }

  .el-dialog {
    width: 90% !important
  }

  .el-dialog.is-fullscreen {
    width: 100% !important
  }

  .el-drawer.rtl {
    width: 90% !important
  }

  .el-form-item__content {
    margin-left: 0 !important
  }

  .adminui-main>.el-container {
    display: block;
    height: auto
  }

  .adminui-main>.el-container>.el-aside {
    width: 100% !important;
    border: 0
  }

  .scTable .el-table,
  .scTable .el-table__body-wrapper {
    display: block !important;
    height: auto !important
  }

  .scTable .el-scrollbar__wrap {
    height: auto !important
  }

  .scTable .scTable-page {
    padding: 0 5px !important
  }

  .scTable .el-pagination__jump,
  .scTable .el-pagination__sizes,
  .scTable .el-pagination__total {
    display: none !important
  }

  .adminui-main>.el-container>.el-container>.el-header,
  .adminui-main>.el-container>.el-header,
  .headerPublic {
    height: auto !important;
    display: block
  }

  .adminui-main>.el-container>.el-container>.el-header .left-panel,
  .adminui-main>.el-container>.el-header .left-panel,
  .headerPublic .left-panel {
    overflow: auto
  }

  .adminui-main>.el-container>.el-container>.el-header .left-panel::-webkit-scrollbar,
  .adminui-main>.el-container>.el-header .left-panel::-webkit-scrollbar,
  .headerPublic .left-panel::-webkit-scrollbar {
    display: none
  }

  .adminui-main>.el-container>.el-container>.el-header .right-panel,
  .adminui-main>.el-container>.el-header .right-panel,
  .headerPublic .right-panel {
    display: block;
    border-top: 1px solid var(--el-border-color-light);
    margin-top: 15px
  }

  .adminui-main>.el-container>.el-container>.el-header .right-panel .right-panel-search,
  .adminui-main>.el-container>.el-header .right-panel .right-panel-search,
  .headerPublic .right-panel .right-panel-search {
    display: block
  }

  .adminui-main>.el-container>.el-container>.el-header .right-panel .right-panel-search>*,
  .adminui-main>.el-container>.el-header .right-panel .right-panel-search>*,
  .headerPublic .right-panel .right-panel-search>* {
    width: 100%;
    margin: 0;
    margin-top: 15px
  }

  .adminui-main>.el-container>:first-child:not(.el-aside):not(.el-header) {
    border: 0;
    margin-top: 0
  }

  .adminui-main>.el-container>:first-child:not(.el-aside):not(.el-header)+.el-aside {
    margin-top: 0
  }

  .adminui-main>.el-container>.el-aside {
    border-bottom: 1px solid var(--el-border-color-light) !important
  }

  .adminui-main>.el-container>.el-container {
    border-bottom: 1px solid var(--el-border-color-light)
  }

  .adminui-main>.el-container>.el-container,
  .adminui-main>.el-container>.el-container+.el-aside,
  .adminui-main>.el-container>.el-main.nopadding {
    border-top: 1px solid var(--el-border-color-light);
    margin-top: 15px
  }

  .adminui-main>.el-container>.el-main.nopadding {
    border-bottom: 1px solid var(--el-border-color-light)
  }

  .adminui-main>.el-container>.el-main+.el-aside {
    border-left: 0 !important;
    border-top: 1px solid var(--el-border-color-light);
    margin-top: 15px
  }

  .adminui-main>.el-container>.el-footer {
    margin-top: 15px;
    border-bottom: 1px solid var(--el-border-color-light)
  }

  .adminui-main>.el-container>.el-container>.el-header .left-panel {
    display: block
  }

  .adminui-main>.el-container>.el-container>.el-header .right-panel {
    display: block;
    margin-top: 15px
  }

  .sc-page {
    width: 100%;
    margin: 0
  }

  .common-main .el-form {
    width: 100% !important
  }

  .common-header-logo label,
  .common-header-title {
    display: none
  }
}

html.dark {
  color-scheme: dark;
  --el-color-primary: #409eff;
  --el-color-primary-light-3: #3375b9;
  --el-color-primary-light-5: #2a598a;
  --el-color-primary-light-7: #213d5b;
  --el-color-primary-light-8: #1d3043;
  --el-color-primary-light-9: #18222b;
  --el-color-primary-dark-2: #66b1ff;
  --el-color-success: #67c23a;
  --el-color-success-light-3: #4e8e2f;
  --el-color-success-light-5: #3e6b27;
  --el-color-success-light-7: #2d481f;
  --el-color-success-light-8: #25371c;
  --el-color-success-light-9: #1c2518;
  --el-color-success-dark-2: #85ce61;
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: #a77730;
  --el-color-warning-light-5: #7d5b28;
  --el-color-warning-light-7: #533f20;
  --el-color-warning-light-8: #3e301c;
  --el-color-warning-light-9: #292218;
  --el-color-warning-dark-2: #ebb563;
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: #b25252;
  --el-color-danger-light-5: #854040;
  --el-color-danger-light-7: #582e2e;
  --el-color-danger-light-8: #412626;
  --el-color-danger-light-9: #2a1d1d;
  --el-color-danger-dark-2: #f78989;
  --el-color-error: #f56c6c;
  --el-color-error-light-3: #b25252;
  --el-color-error-light-5: #854040;
  --el-color-error-light-7: #582e2e;
  --el-color-error-light-8: #412626;
  --el-color-error-light-9: #2a1d1d;
  --el-color-error-dark-2: #f78989;
  --el-color-info: #909399;
  --el-color-info-light-3: #6b6d71;
  --el-color-info-light-5: #525457;
  --el-color-info-light-7: #393a3c;
  --el-color-info-light-8: #2d2d2f;
  --el-color-info-light-9: #202121;
  --el-color-info-dark-2: #a6a9ad;
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000, 0px 8px 16px -8px #000;
  --el-bg-color-page: #0a0a0a;
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #e5eaf3;
  --el-text-color-regular: #cfd3dc;
  --el-text-color-secondary: #a3a6ad;
  --el-text-color-placeholder: #8d9095;
  --el-text-color-disabled: #6c6e72;
  --el-border-color-darker: #636466;
  --el-border-color-dark: #58585b;
  --el-border-color: #4c4d4f;
  --el-border-color-light: #414243;
  --el-border-color-lighter: #363637;
  --el-border-color-extra-light: #2b2b2c;
  --el-fill-color-darker: #424243;
  --el-fill-color-dark: #39393a;
  --el-fill-color: #303030;
  --el-fill-color-light: #262727;
  --el-fill-color-lighter: #1d1d1d;
  --el-fill-color-extra-light: #191919;
  --el-fill-color-blank: transparent;
  --el-mask-color: rgba(0, 0, 0, .8);
  --el-mask-color-extra-light: rgba(0, 0, 0, .3)
}

html.dark .el-button {
  --el-button-disabled-text-color: hsla(0, 0%, 100%, .5)
}

html.dark .el-card {
  --el-card-bg-color: var(--el-bg-color-overlay)
}

html.dark .el-empty {
  --el-empty-fill-color-0: var(--el-color-black);
  --el-empty-fill-color-1: #4b4b52;
  --el-empty-fill-color-2: #36383d;
  --el-empty-fill-color-3: #1e1e20;
  --el-empty-fill-color-4: #262629;
  --el-empty-fill-color-5: #202124;
  --el-empty-fill-color-6: #212224;
  --el-empty-fill-color-7: #1b1c1f;
  --el-empty-fill-color-8: #1c1d1f;
  --el-empty-fill-color-9: #18181a
}

html.dark {
  --el-text-color-primary: #d0d0d0;
  --el-color-primary-dark-2: var(--el-color-primary-light-2) !important;
  --el-color-primary-light-9: var(--el-color-primary-dark-8) !important;
  --el-color-primary-light-8: var(--el-color-primary-dark-7) !important;
  --el-color-primary-light-7: var(--el-color-primary-dark-6) !important;
  --el-color-primary-light-5: var(--el-color-primary-dark-4) !important;
  --el-color-primary-light-3: var(--el-color-primary-dark-3) !important
}

html.dark #app,
html.dark .login_bg {
  background: var(--el-bg-color)
}

html.dark .adminui-header {
  background: var(--el-bg-color-overlay);
  border-bottom: 1px solid var(--el-border-color-light);
  height: 59px
}

html.dark .aminui-side-split {
  background: var(--el-bg-color)
}

html.dark .aminui-side-split li {
  color: var(--el-text-color-primary)
}

html.dark .aminui-side {
  background: var(--el-bg-color-overlay)
}

html.dark .adminui-side-bottom,
html.dark .adminui-side-top,
html.dark .aminui-side {
  border-color: var(--el-border-color-light)
}

html.dark .adminui-side-top h2 {
  color: var(--el-text-color-primary)
}

html.dark .adminui-tags,
html.dark .adminui-topbar {
  background: var(--el-bg-color-overlay);
  border-color: var(--el-border-color-light)
}

html.dark .adminui-main,
html.dark .drawerBG {
  background: var(--el-bg-color)
}

html.dark .adminui-header-menu .el-menu {
  --el-menu-bg-color: var(--el-bg-color-overlay) !important;
  --el-menu-hover-bg-color: #171819 !important
}

html.dark .el-footer,
html.dark .el-header,
html.dark .el-main.nopadding {
  background: var(--el-bg-color-overlay);
  border-color: var(--el-border-color-light)
}

html.dark .el-main {
  background: var(--el-bg-color)
}

html.dark .el-aside {
  background: var(--el-bg-color-overlay);
  border-color: var(--el-border-color-light)
}

html.dark .el-table .el-table__body-wrapper {
  background: var(--el-bg-color)
}

html.dark .el-table th.is-sortable:hover {
  background: #111
}

@font-face {
  font-family: PuHui;
  src: url(/s/fonts/PuHuiTi.51eda78e.ttf)
}