/* Copyright (c) 2024 Your Company */
@charset "UTF-8"
                             
                                @charset "UTF-8";
/* Element Chalk Variables */
/**
 * @description 全局主题变量配置
 */
[data-v-ae794c4a]:export {
  menu-color: hsla(0, 0%, 100%, 0.95);
  menu-color-active: hsla(0, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
  vab-border-radius: 2.5px;
  menu-self-color: rgba(0, 0, 0, 0.85);
  menu-self-color-active: #3348f6;
  menu-self-background: #ffffff;
}
.vab-theme-setting[data-v-ae794c4a] {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 1997;
  padding: 10px 0 0 0;
  margin: 0;
  text-align: center;
  cursor: pointer;
  background: var(--el-color-white);
  border: 1px solid #dcdfe6;
  border-top-left-radius: 5.5px;
  border-bottom-left-radius: 5.5px;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  transform: translateY(-50%);
}
.vab-theme-setting > li[data-v-ae794c4a] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px 10px 10px;
  margin: 0;
  list-style: none;
}
.vab-theme-setting > li:nth-child(2) [class*=ri-][data-v-ae794c4a] {
  animation: rotate 6s linear infinite;
}
.vab-theme-setting > li:nth-child(1) a[data-v-ae794c4a] {
  color: #3698fd;
  background: rgb(234.9, 244.7, 254.8);
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.vab-theme-setting > li:nth-child(1) a[data-v-ae794c4a]:hover {
  color: var(--el-color-white);
  background: #3698fd;
}
.vab-theme-setting > li:nth-child(2) a[data-v-ae794c4a] {
  color: #1bc3bb;
  background: rgb(232.2, 249, 248.2);
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.vab-theme-setting > li:nth-child(2) a[data-v-ae794c4a]:hover {
  color: var(--el-color-white);
  background: #1bc3bb;
}
.vab-theme-setting > li:nth-child(3) a[data-v-ae794c4a] {
  color: #faa500;
  background: rgb(254.5, 246, 229.5);
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.vab-theme-setting > li:nth-child(3) a[data-v-ae794c4a]:hover {
  color: var(--el-color-white);
  background: #faa500;
}
.vab-theme-setting > li:nth-child(4) a[data-v-ae794c4a] {
  color: #b37feb;
  background: rgb(247.4, 242.2, 253);
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.vab-theme-setting > li:nth-child(4) a[data-v-ae794c4a]:hover {
  color: var(--el-color-white);
  background: #b37feb;
}
.vab-theme-setting > li:nth-child(5) a[data-v-ae794c4a] {
  color: #ef4c5d;
  background: rgb(253.4, 237.1, 238.8);
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.vab-theme-setting > li:nth-child(5) a[data-v-ae794c4a]:hover {
  color: var(--el-color-white);
  background: #ef4c5d;
}
.vab-theme-setting > li a[data-v-ae794c4a] {
  display: inline-block;
  width: 60px;
  height: 60px;
  padding-top: 10px;
  text-align: center;
  background: #f6f8f9;
  border-radius: 5.5px;
}
.vab-theme-setting > li a p[data-v-ae794c4a] {
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Element Chalk Variables */
/**
 * @description 全局主题变量配置
 */
:export {
  menu-color: hsla(0, 0%, 100%, 0.95);
  menu-color-active: hsla(0, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
  vab-border-radius: 2.5px;
  menu-self-color: rgba(0, 0, 0, 0.85);
  menu-self-color-active: #3348f6;
  menu-self-background: #ffffff;
}
.vab-drawer .el-drawer__header {
  padding: 20px 20px 0 20px;
  margin-bottom: 0;
}
.vab-drawer .el-drawer__body {
  padding-right: 0;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap {
  height: calc(100vh - 80px);
  padding-right: 20px;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-divider--horizontal {
  margin: 48px 0 48px 0;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item {
  display: flex;
  align-items: center;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item__label {
  flex: 1 1;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item__label i {
  cursor: pointer;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item__content {
  flex: 0 0 auto;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item.vab-item-custom {
  display: block !important;
  height: 130px;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item .el-radio-button {
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  margin: 10px;
  cursor: pointer;
  border-radius: 5px;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item .el-radio-button.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item .el-radio-button.is-active {
  box-shadow: 0 0 2px 2px #3348f6;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item .el-radio-button .el-radio-button__orig-radio,
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item .el-radio-button .el-radio-button__inner {
  display: none;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item .el-radio-button.none {
  font-family: "remixicon", sans-serif !important;
  font-size: 16px;
  font-weight: 580;
  line-height: 80px;
  text-align: center;
  background: #f7f7f7 none;
  background-size: cover;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item .el-radio-button.none:before {
  content: "\eace";
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item .el-radio-button.vab-background {
  background: url(/assets/img/background-1-DSCdjwnz.png);
  background-size: cover;
}
.vab-drawer .el-drawer__body .el-scrollbar__wrap .el-form-item .el-input__inner {
  width: 115px;
}
.vab-drawer .el-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  padding: 10px;
  background: var(--el-color-white);
  border-top: 1px solid #dcdfe6;
}
/* Element Chalk Variables */
/**
 * @description 全局主题变量配置
 */
[data-v-42273ddf]:export {
  menu-color: hsla(0, 0%, 100%, 0.95);
  menu-color-active: hsla(0, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
  vab-border-radius: 2.5px;
  menu-self-color: rgba(0, 0, 0, 0.85);
  menu-self-color-active: #3348f6;
  menu-self-background: #ffffff;
}
.vue-admin-better-wrapper[data-v-42273ddf] {
  position: relative;
  width: 100%;
  height: 100%;
  /* 手机端开始 */
  /* 手机端结束 */
}
.vue-admin-better-wrapper [class*=vab-layout-][data-v-42273ddf] .vab-layout-header {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.vue-admin-better-wrapper [class*=vab-layout-].fixed[data-v-42273ddf] {
  padding-top: 98px;
}
.vue-admin-better-wrapper [class*=vab-layout-].fixed.no-tabs-bar[data-v-42273ddf] {
  padding-top: 48px;
}
.vue-admin-better-wrapper[data-v-42273ddf] .fixed .fixed-header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1998;
  width: 100%;
}
.vue-admin-better-wrapper[data-v-42273ddf] .fixed .vab-main {
  position: relative;
  width: auto;
  min-height: calc(100vh - 48px - 50px);
  margin-left: var(--el-left-menu-width);
}
.vue-admin-better-wrapper[data-v-42273ddf] .fixed .vab-main.is-collapse-main {
  margin-left: 64px;
}
.vue-admin-better-wrapper[data-v-42273ddf] .fixed .vab-main.is-collapse-main .fixed-header {
  width: calc(100% - 64px);
}
.vue-admin-better-wrapper[data-v-42273ddf] .fixed .vab-main:not(.is-collapse-main) .fixed-header {
  width: calc(100% - var(--el-left-menu-width));
}
.vue-admin-better-wrapper.mobile[data-v-42273ddf] .vab-layout-vertical {
  /* 隐藏分页和页码跳转 */
}
.vue-admin-better-wrapper.mobile[data-v-42273ddf] .vab-layout-vertical .el-scrollbar.vab-side-bar.is-collapse {
  width: 0;
}
.vue-admin-better-wrapper.mobile[data-v-42273ddf] .vab-layout-vertical .vab-main {
  margin-left: 0;
}
.vue-admin-better-wrapper.mobile[data-v-42273ddf] .vab-layout-vertical .vab-main .fixed-header {
  width: 100%;
}
.vue-admin-better-wrapper.mobile[data-v-42273ddf] .vab-layout-vertical .el-pager,
.vue-admin-better-wrapper.mobile[data-v-42273ddf] .vab-layout-vertical .el-pagination__jump {
  display: none;
}
.vue-admin-better-wrapper .right-icon[data-v-42273ddf] {
  right: 40px;
  bottom: 8%;
  z-index: 2000;
  position: fixed;
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.vue-admin-better-wrapper .right-icon .icon[data-v-42273ddf] {
  width: 20px;
  height: 20px;
  margin-top: 8px;
}/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

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