:export {
  menuText: #bfcbd9;
  menuActiveText: #409eff;
  menuBg: #304156;
  menuHover: #263445;
  menuLightBg: #ffffff;
  menuLightHover: #f0f1f5;
  menuLightText: #303133;
  menuLightActiveText: #409EFF;
  sideBarWidth: 200px;
  blue: #324157;
  lightBlue: #333c46;
  red: #C03639;
  pink: #E65D6E;
  green: #30B08F;
  tiffany: #4AB7BD;
  yellow: #FEC171;
  panGreen: #30B08F;
  colorPrimary: #409EFF;
  colorSuccess: #67C23A;
  colorWarning: #E6A23C;
  colorDanger: #F56C6C;
  colorInfo: #909399;
}

:root {
  /* 亮色模式变量 */
  --sidebar-bg: #304156;
  --sidebar-text: #bfcbd9;
  --menu-hover: #263445;
  --navbar-bg: #ffffff;
  --navbar-text: #303133;
  /* splitpanes default-theme 变量 */
  --splitpanes-default-bg: #ffffff;
}

html.dark {
  /* 默认通用 */
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #d0d0d0;
  --el-border-color: #434343;
  --el-border-color-light: #434343;
  /* 侧边栏 */
  --sidebar-bg: #141414;
  --sidebar-text: #ffffff;
  --menu-hover: #2d2d2d;
  --menu-active-text: #409eff;
  /* 顶部导航栏 */
  --navbar-bg: #141414;
  --navbar-text: #ffffff;
  --navbar-hover: #141414;
  /* 标签栏 */
  --tags-bg: #141414;
  --tags-item-bg: #1d1e1f;
  --tags-item-border: #303030;
  --tags-item-text: #d0d0d0;
  --tags-item-hover: #2d2d2d;
  --tags-close-hover: #64666a;
  /* splitpanes 组件暗黑模式变量 */
  --splitpanes-bg: #141414;
  --splitpanes-border: #303030;
  --splitpanes-splitter-bg: #1d1e1f;
  --splitpanes-splitter-hover-bg: #2d2d2d;
  /* blockquote 暗黑模式变量 */
  --blockquote-bg: #1d1e1f;
  --blockquote-border: #303030;
  --blockquote-text: #d0d0d0;
  /* Cron 时间表达式 模式变量 */
  --cron-border: #303030;
  /* splitpanes default-theme 暗黑模式变量 */
  --splitpanes-default-bg: #141414;
  /* 侧边栏菜单覆盖 */
  /* 顶部栏栏菜单覆盖 */
  /* 分割窗格覆盖 */
  /* 表格样式覆盖 */
  /* 树组件高亮样式覆盖 */
  /* 下拉菜单样式覆盖 */
  /* blockquote样式覆盖 */
  /* 时间表达式标题样式覆盖 */
}
html.dark .sidebar-container .el-menu-item, html.dark .sidebar-container .menu-title {
  color: var(--el-text-color-regular);
}
html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item {
  background-color: var(--el-bg-color) !important;
}
html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):hover, html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  background-color: var(--navbar-hover) !important;
}
html.dark .splitpanes {
  background-color: var(--splitpanes-bg);
}
html.dark .splitpanes .splitpanes__pane {
  background-color: var(--splitpanes-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter {
  background-color: var(--splitpanes-splitter-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter:hover {
  background-color: var(--splitpanes-splitter-hover-bg);
}
html.dark .splitpanes .splitpanes__splitter:before, html.dark .splitpanes .splitpanes__splitter:after {
  background-color: var(--splitpanes-border);
}
html.dark .el-table {
  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
  --el-table-header-text-color: var(--el-text-color-regular) !important;
  --el-table-border-color: var(--el-border-color-light) !important;
  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
}
html.dark .el-table .el-table__header-wrapper th, html.dark .el-table .el-table__fixed-header-wrapper th {
  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
  color: var(--el-text-color-regular, #515a6e);
}
html.dark .el-tree .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--el-bg-color-overlay) !important;
  color: var(--el-color-primary);
}
html.dark .el-tree .el-tree-node__content:hover {
  background-color: var(--el-bg-color-overlay);
}
html.dark .el-dropdown-menu__item:not(.is-disabled):focus, html.dark .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--navbar-hover) !important;
}
html.dark blockquote {
  background-color: var(--blockquote-bg) !important;
  border-left-color: var(--blockquote-border) !important;
  color: var(--blockquote-text) !important;
}
html.dark .popup-result .title {
  background: var(--cron-border);
}

/* fade */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

/* fade-transform */
.fade-transform--move,
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all 0.5s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  transition: all 0.5s;
}

.breadcrumb-enter,
.breadcrumb-leave-active {
  opacity: 0;
  transform: translateX(20px);
}

.breadcrumb-move {
  transition: all 0.5s;
}

.breadcrumb-leave-active {
  position: absolute;
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload input[type=file] {
  display: none !important;
}

.el-upload__input {
  display: none;
}

.cell .el-tag {
  margin-right: 0px;
}

.small-padding .cell {
  padding-left: 5px;
  padding-right: 5px;
}

.fixed-width .el-button--mini {
  padding: 7px 10px;
  width: 60px;
}

.status-col .cell {
  padding: 0 10px;
  text-align: center;
}
.status-col .cell .el-tag {
  margin-right: 0px;
}

.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

.upload-container .el-upload {
  width: 100%;
}
.upload-container .el-upload .el-upload-dragger {
  width: 100%;
  height: 200px;
}

.el-dropdown-menu a {
  display: block;
}

.el-range-editor.el-input__inner {
  display: inline-flex !important;
}

.el-range-separator {
  box-sizing: content-box;
}

.el-menu--collapse > div > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}

.el-dropdown .el-dropdown-link {
  color: var(--el-color-primary) !important;
}

#app .main-container {
  min-height: 100%;
  transition: margin-left 0.28s;
  margin-left: 200px;
  position: relative;
}
#app .sidebarHide {
  margin-left: 0 !important;
}
#app .sidebar-container {
  transition: width 0.28s;
  width: 200px !important;
  height: 100%;
  position: fixed;
  font-size: 0px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  overflow: hidden;
  -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
}
#app .sidebar-container .horizontal-collapse-transition {
  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}
#app .sidebar-container .scrollbar-wrapper {
  overflow-x: hidden !important;
}
#app .sidebar-container .el-scrollbar__bar.is-vertical {
  right: 0px;
}
#app .sidebar-container .el-scrollbar {
  height: 100%;
}
#app .sidebar-container.has-logo .el-scrollbar {
  height: calc(100% - 50px);
}
#app .sidebar-container .is-horizontal {
  display: none;
}
#app .sidebar-container a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
#app .sidebar-container .svg-icon {
  margin-right: 16px;
}
#app .sidebar-container .el-menu {
  border: none;
  height: 100%;
  width: 100% !important;
}
#app .sidebar-container .el-menu-item, #app .sidebar-container .menu-title {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#app .sidebar-container .el-menu-item .el-menu-tooltip__trigger {
  display: inline-block !important;
}
#app .sidebar-container .sub-menu-title-noDropdown:hover,
#app .sidebar-container .el-sub-menu__title:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
#app .sidebar-container .theme-dark .is-active > .el-sub-menu__title {
  color: #f4f4f5 !important;
}
#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title, #app .sidebar-container .el-sub-menu .el-menu-item {
  min-width: 200px !important;
}
#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title:hover, #app .sidebar-container .el-sub-menu .el-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
#app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, #app .sidebar-container .theme-dark .el-sub-menu .el-menu-item {
  background-color: #1f2d3d;
}
#app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title:hover, #app .sidebar-container .theme-dark .el-sub-menu .el-menu-item:hover {
  background-color: #001528 !important;
}
#app .hideSidebar .sidebar-container {
  width: 54px !important;
}
#app .hideSidebar .main-container {
  margin-left: 54px;
}
#app .hideSidebar .sub-menu-title-noDropdown {
  padding: 0 !important;
  position: relative;
}
#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip {
  padding: 0 !important;
}
#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip .svg-icon {
  margin-left: 20px;
}
#app .hideSidebar .el-sub-menu {
  overflow: hidden;
}
#app .hideSidebar .el-sub-menu > .el-sub-menu__title {
  padding: 0 !important;
}
#app .hideSidebar .el-sub-menu > .el-sub-menu__title .svg-icon {
  margin-left: 20px;
}
#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > i {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
#app .el-menu--collapse .el-menu .el-sub-menu {
  min-width: 200px !important;
}
#app .mobile .main-container {
  margin-left: 0px;
}
#app .mobile .sidebar-container {
  transition: transform 0.28s;
  width: 200px !important;
}
#app .mobile.hideSidebar .sidebar-container {
  pointer-events: none;
  transition-duration: 0.3s;
  transform: translate3d(-200px, 0, 0);
}
#app .withoutAnimation .main-container,
#app .withoutAnimation .sidebar-container {
  transition: none;
}

.el-menu--vertical > .el-menu .svg-icon {
  margin-right: 16px;
}
.el-menu--vertical .nest-menu .el-sub-menu > .el-sub-menu__title:hover,
.el-menu--vertical .el-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.el-menu--vertical > .el-menu--popup {
  max-height: 100vh;
  overflow-y: auto;
}
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
  background: #d3dce6;
}
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
  width: 6px;
}
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
  background: #99a9bf;
  border-radius: 20px;
}

:export {
  menuText: #bfcbd9;
  menuActiveText: #409eff;
  menuBg: #304156;
  menuHover: #263445;
  menuLightBg: #ffffff;
  menuLightHover: #f0f1f5;
  menuLightText: #303133;
  menuLightActiveText: #409EFF;
  sideBarWidth: 200px;
  blue: #324157;
  lightBlue: #333c46;
  red: #C03639;
  pink: #E65D6E;
  green: #30B08F;
  tiffany: #4AB7BD;
  yellow: #FEC171;
  panGreen: #30B08F;
  colorPrimary: #409EFF;
  colorSuccess: #67C23A;
  colorWarning: #E6A23C;
  colorDanger: #F56C6C;
  colorInfo: #909399;
}

:root {
  /* 亮色模式变量 */
  --sidebar-bg: #304156;
  --sidebar-text: #bfcbd9;
  --menu-hover: #263445;
  --navbar-bg: #ffffff;
  --navbar-text: #303133;
  /* splitpanes default-theme 变量 */
  --splitpanes-default-bg: #ffffff;
}

html.dark {
  /* 默认通用 */
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #d0d0d0;
  --el-border-color: #434343;
  --el-border-color-light: #434343;
  /* 侧边栏 */
  --sidebar-bg: #141414;
  --sidebar-text: #ffffff;
  --menu-hover: #2d2d2d;
  --menu-active-text: #409eff;
  /* 顶部导航栏 */
  --navbar-bg: #141414;
  --navbar-text: #ffffff;
  --navbar-hover: #141414;
  /* 标签栏 */
  --tags-bg: #141414;
  --tags-item-bg: #1d1e1f;
  --tags-item-border: #303030;
  --tags-item-text: #d0d0d0;
  --tags-item-hover: #2d2d2d;
  --tags-close-hover: #64666a;
  /* splitpanes 组件暗黑模式变量 */
  --splitpanes-bg: #141414;
  --splitpanes-border: #303030;
  --splitpanes-splitter-bg: #1d1e1f;
  --splitpanes-splitter-hover-bg: #2d2d2d;
  /* blockquote 暗黑模式变量 */
  --blockquote-bg: #1d1e1f;
  --blockquote-border: #303030;
  --blockquote-text: #d0d0d0;
  /* Cron 时间表达式 模式变量 */
  --cron-border: #303030;
  /* splitpanes default-theme 暗黑模式变量 */
  --splitpanes-default-bg: #141414;
  /* 侧边栏菜单覆盖 */
  /* 顶部栏栏菜单覆盖 */
  /* 分割窗格覆盖 */
  /* 表格样式覆盖 */
  /* 树组件高亮样式覆盖 */
  /* 下拉菜单样式覆盖 */
  /* blockquote样式覆盖 */
  /* 时间表达式标题样式覆盖 */
}
html.dark .sidebar-container .el-menu-item, html.dark .sidebar-container .menu-title {
  color: var(--el-text-color-regular);
}
html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item {
  background-color: var(--el-bg-color) !important;
}
html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):hover, html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  background-color: var(--navbar-hover) !important;
}
html.dark .splitpanes {
  background-color: var(--splitpanes-bg);
}
html.dark .splitpanes .splitpanes__pane {
  background-color: var(--splitpanes-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter {
  background-color: var(--splitpanes-splitter-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter:hover {
  background-color: var(--splitpanes-splitter-hover-bg);
}
html.dark .splitpanes .splitpanes__splitter:before, html.dark .splitpanes .splitpanes__splitter:after {
  background-color: var(--splitpanes-border);
}
html.dark .el-table {
  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
  --el-table-header-text-color: var(--el-text-color-regular) !important;
  --el-table-border-color: var(--el-border-color-light) !important;
  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
}
html.dark .el-table .el-table__header-wrapper th, html.dark .el-table .el-table__fixed-header-wrapper th {
  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
  color: var(--el-text-color-regular, #515a6e);
}
html.dark .el-tree .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--el-bg-color-overlay) !important;
  color: var(--el-color-primary);
}
html.dark .el-tree .el-tree-node__content:hover {
  background-color: var(--el-bg-color-overlay);
}
html.dark .el-dropdown-menu__item:not(.is-disabled):focus, html.dark .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--navbar-hover) !important;
}
html.dark blockquote {
  background-color: var(--blockquote-bg) !important;
  border-left-color: var(--blockquote-border) !important;
  color: var(--blockquote-text) !important;
}
html.dark .popup-result .title {
  background: var(--cron-border);
}

.blue-btn {
  background: #324157;
}
.blue-btn:hover {
  color: #324157;
}
.blue-btn:hover:before, .blue-btn:hover:after {
  background: #324157;
}

.light-blue-btn {
  background: #333c46;
}
.light-blue-btn:hover {
  color: #333c46;
}
.light-blue-btn:hover:before, .light-blue-btn:hover:after {
  background: #333c46;
}

.red-btn {
  background: #C03639;
}
.red-btn:hover {
  color: #C03639;
}
.red-btn:hover:before, .red-btn:hover:after {
  background: #C03639;
}

.pink-btn {
  background: #E65D6E;
}
.pink-btn:hover {
  color: #E65D6E;
}
.pink-btn:hover:before, .pink-btn:hover:after {
  background: #E65D6E;
}

.green-btn {
  background: #30B08F;
}
.green-btn:hover {
  color: #30B08F;
}
.green-btn:hover:before, .green-btn:hover:after {
  background: #30B08F;
}

.tiffany-btn {
  background: #4AB7BD;
}
.tiffany-btn:hover {
  color: #4AB7BD;
}
.tiffany-btn:hover:before, .tiffany-btn:hover:after {
  background: #4AB7BD;
}

.yellow-btn {
  background: #FEC171;
}
.yellow-btn:hover {
  color: #FEC171;
}
.yellow-btn:hover:before, .yellow-btn:hover:after {
  background: #FEC171;
}

.pan-btn {
  font-size: 14px;
  color: #fff;
  padding: 14px 36px;
  border-radius: 8px;
  border: none;
  outline: none;
  transition: 600ms ease all;
  position: relative;
  display: inline-block;
}
.pan-btn:hover {
  background: #fff;
}
.pan-btn:hover:before, .pan-btn:hover:after {
  width: 100%;
  transition: 600ms ease all;
}
.pan-btn:before, .pan-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 0;
  transition: 400ms ease all;
}
.pan-btn::after {
  right: inherit;
  top: inherit;
  left: 0;
  bottom: 0;
}

.custom-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  color: #fff;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 4px;
}

/**
 * 通用css样式布局处理
 * Copyright (c) 2019 ruoyi
 */
/** 基础通用 **/
.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb8 {
  margin-bottom: 8px;
}

.ml5 {
  margin-left: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.el-form .el-form-item__label {
  font-weight: 700;
}

.el-dialog:not(.is-fullscreen) {
  margin-top: 6vh !important;
}

.el-dialog.scrollbar .el-dialog__body {
  overflow: auto;
  overflow-x: hidden;
  max-height: 70vh;
  padding: 10px 20px 0;
}

.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
  word-break: break-word;
  background-color: #f8f8f9 !important;
  color: #515a6e;
  height: 40px !important;
  font-size: 13px;
}
.el-table .el-table__body-wrapper .el-button [class*=el-icon-] + span {
  margin-left: 1px;
}

/** 表单布局 **/
.form-header {
  font-size: 15px;
  color: #6379bb;
  border-bottom: 1px solid #ddd;
  margin: 8px 10px 25px 10px;
  padding-bottom: 5px;
}

/** 表格布局 **/
.pagination-container {
  position: relative;
  height: 25px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding: 10px 20px !important;
  background-color: transparent !important;
}

/* 分页器定位 */
.pagination-container .el-pagination {
  position: absolute;
  right: 0;
  top: 0;
}

/* 弹窗中的分页器 */
.el-dialog .pagination-container {
  position: static !important;
  margin: 10px 0 0 0;
  padding: 0 !important;
}
.el-dialog .pagination-container .el-pagination {
  position: static;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .pagination-container .el-pagination > .el-pagination__jump {
    display: none !important;
  }
  .pagination-container .el-pagination > .el-pagination__sizes {
    display: none !important;
  }
}
/* tree border */
.tree-border {
  margin-top: 5px;
  border: 1px solid var(--el-border-color-light, #e5e6e7);
  background: var(--el-bg-color, #FFFFFF) none;
  border-radius: 4px;
  width: 100%;
}

.el-table .fixed-width .el-button--small {
  padding-left: 0;
  padding-right: 0;
  width: inherit;
}

/** 表格更多操作下拉样式 */
.el-table .el-dropdown-link {
  cursor: pointer;
  color: #409EFF;
  margin-left: 10px;
}

.el-table .el-dropdown, .el-icon-arrow-down {
  font-size: 12px;
}

.el-tree-node__content > .el-checkbox {
  margin-right: 8px;
}

.list-group-striped > .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.list-group {
  padding-left: 0px;
  list-style: none;
}

.list-group-item {
  border-bottom: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  margin-bottom: -1px;
  padding: 11px 0px;
  font-size: 13px;
}

.pull-right {
  float: right !important;
}

.el-card__header {
  padding: 14px 15px 7px !important;
  min-height: 40px;
}

.el-card__body {
  padding: 15px 20px 20px 20px !important;
}

.card-box {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 10px;
}

/* button color */
.el-button--cyan.is-active,
.el-button--cyan:active {
  background: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}

.el-button--cyan:focus,
.el-button--cyan:hover {
  background: #48D1CC;
  border-color: #48D1CC;
  color: #FFFFFF;
}

.el-button--cyan {
  background-color: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}

/* text color */
.text-navy {
  color: #1ab394;
}

.text-primary {
  color: inherit;
}

.text-success {
  color: #1c84c6;
}

.text-info {
  color: #23c6c8;
}

.text-warning {
  color: #f8ac59;
}

.text-danger {
  color: #ed5565;
}

.text-muted {
  color: #888888;
}

/* image */
.img-circle {
  border-radius: 50%;
}

.img-lg {
  width: 120px;
  height: 120px;
}

.avatar-upload-preview {
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  box-shadow: 0 0 4px #ccc;
  overflow: hidden;
}

/* 拖拽列样式 */
.sortable-ghost {
  opacity: 0.8;
  color: #fff !important;
  background: #42b983 !important;
}

/* 表格右侧工具栏样式 */
.top-right-btn {
  margin-left: auto;
}

/* 分割面板样式 */
.splitpanes.default-theme .splitpanes__pane {
  background-color: var(--splitpanes-default-bg) !important;
}

body {
  height: 100%;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inlineBlock {
  display: block;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

aside {
  background: #eef1f6;
  padding: 8px 24px;
  margin-bottom: 20px;
  border-radius: 2px;
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
aside a {
  color: #337ab7;
  cursor: pointer;
}
aside a:hover {
  color: rgb(32, 160, 255);
}

.app-container {
  padding: 20px;
}

.components-container {
  margin: 30px 50px;
  position: relative;
}

.pagination-container {
  margin-top: 30px;
}

.text-center {
  text-align: center;
}

.sub-navbar {
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  transition: 600ms ease position;
  background: linear-gradient(90deg, rgb(32, 182, 249) 0%, rgb(32, 182, 249) 0%, rgb(33, 120, 241) 100%, rgb(33, 120, 241) 100%);
}
.sub-navbar .subtitle {
  font-size: 20px;
  color: #fff;
}
.sub-navbar.draft {
  background: #d0d0d0;
}
.sub-navbar.deleted {
  background: #d0d0d0;
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;
}
.link-type:hover,
.link-type:focus:hover {
  color: rgb(32, 160, 255);
}

.filter-container {
  padding-bottom: 10px;
}
.filter-container .filter-item {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

.text-line {
  display: -webkit-box;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line-box5 {
  -webkit-line-clamp: 5;
}

.narrow-tooltip {
  font-size: 16px;
  max-width: 300px;
  word-wrap: break-word;
  word-break: break-all;
}

.man-color {
  color: #4BA1F1;
}

.woman-color {
  color: #FF4A55;
}

.select-left {
  float: left;
}

.select-right {
  float: right;
  font-size: 13px;
  color: var(--el-text-color-secondary);
}:root {
  /* 亮色模式变量 */
  --sidebar-bg: #304156;
  --sidebar-text: #bfcbd9;
  --menu-hover: #263445;
  --navbar-bg: #ffffff;
  --navbar-text: #303133;
  /* splitpanes default-theme 变量 */
  --splitpanes-default-bg: #ffffff;
}

html._dark_10wv8_38 {
  /* 默认通用 */
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #d0d0d0;
  --el-border-color: #434343;
  --el-border-color-light: #434343;
  /* 侧边栏 */
  --sidebar-bg: #141414;
  --sidebar-text: #ffffff;
  --menu-hover: #2d2d2d;
  --menu-active-text: #409eff;
  /* 顶部导航栏 */
  --navbar-bg: #141414;
  --navbar-text: #ffffff;
  --navbar-hover: #141414;
  /* 标签栏 */
  --tags-bg: #141414;
  --tags-item-bg: #1d1e1f;
  --tags-item-border: #303030;
  --tags-item-text: #d0d0d0;
  --tags-item-hover: #2d2d2d;
  --tags-close-hover: #64666a;
  /* splitpanes 组件暗黑模式变量 */
  --splitpanes-bg: #141414;
  --splitpanes-border: #303030;
  --splitpanes-splitter-bg: #1d1e1f;
  --splitpanes-splitter-hover-bg: #2d2d2d;
  /* blockquote 暗黑模式变量 */
  --blockquote-bg: #1d1e1f;
  --blockquote-border: #303030;
  --blockquote-text: #d0d0d0;
  /* Cron 时间表达式 模式变量 */
  --cron-border: #303030;
  /* splitpanes default-theme 暗黑模式变量 */
  --splitpanes-default-bg: #141414;
  /* 侧边栏菜单覆盖 */
  /* 顶部栏栏菜单覆盖 */
  /* 分割窗格覆盖 */
  /* 表格样式覆盖 */
  /* 树组件高亮样式覆盖 */
  /* 下拉菜单样式覆盖 */
  /* blockquote样式覆盖 */
  /* 时间表达式标题样式覆盖 */
}
html._dark_10wv8_38 ._sidebar-container_10wv8_84 ._el-menu-item_10wv8_84, html._dark_10wv8_38 ._sidebar-container_10wv8_84 ._menu-title_10wv8_84 {
  color: var(--el-text-color-regular);
}
html._dark_10wv8_38 ._sidebar-container_10wv8_84 ._theme-dark_10wv8_87 ._nest-menu_10wv8_87 ._el-sub-menu_10wv8_87 > ._el-sub-menu__title_10wv8_87, html._dark_10wv8_38 ._sidebar-container_10wv8_84 ._theme-dark_10wv8_87 ._el-sub-menu_10wv8_87 ._el-menu-item_10wv8_84 {
  background-color: var(--el-bg-color) !important;
}
html._dark_10wv8_38 ._el-menu--horizontal_10wv8_90 ._el-menu-item_10wv8_84:not(._is-disabled_10wv8_90):hover, html._dark_10wv8_38 ._el-menu--horizontal_10wv8_90 ._el-menu-item_10wv8_84:not(._is-disabled_10wv8_90):focus {
  background-color: var(--navbar-hover) !important;
}
html._dark_10wv8_38 ._splitpanes_10wv8_93 {
  background-color: var(--splitpanes-bg);
}
html._dark_10wv8_38 ._splitpanes_10wv8_93 ._splitpanes__pane_10wv8_96 {
  background-color: var(--splitpanes-bg);
  border-color: var(--splitpanes-border);
}
html._dark_10wv8_38 ._splitpanes_10wv8_93 ._splitpanes__splitter_10wv8_100 {
  background-color: var(--splitpanes-splitter-bg);
  border-color: var(--splitpanes-border);
}
html._dark_10wv8_38 ._splitpanes_10wv8_93 ._splitpanes__splitter_10wv8_100:hover {
  background-color: var(--splitpanes-splitter-hover-bg);
}
html._dark_10wv8_38 ._splitpanes_10wv8_93 ._splitpanes__splitter_10wv8_100:before, html._dark_10wv8_38 ._splitpanes_10wv8_93 ._splitpanes__splitter_10wv8_100:after {
  background-color: var(--splitpanes-border);
}
html._dark_10wv8_38 ._el-table_10wv8_110 {
  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
  --el-table-header-text-color: var(--el-text-color-regular) !important;
  --el-table-border-color: var(--el-border-color-light) !important;
  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
}
html._dark_10wv8_38 ._el-table_10wv8_110 ._el-table__header-wrapper_10wv8_116 th, html._dark_10wv8_38 ._el-table_10wv8_110 ._el-table__fixed-header-wrapper_10wv8_116 th {
  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
  color: var(--el-text-color-regular, #515a6e);
}
html._dark_10wv8_38 ._el-tree_10wv8_120 ._el-tree-node_10wv8_120._is-current_10wv8_120 > ._el-tree-node__content_10wv8_120 {
  background-color: var(--el-bg-color-overlay) !important;
  color: var(--el-color-primary);
}
html._dark_10wv8_38 ._el-tree_10wv8_120 ._el-tree-node__content_10wv8_120:hover {
  background-color: var(--el-bg-color-overlay);
}
html._dark_10wv8_38 ._el-dropdown-menu__item_10wv8_127:not(._is-disabled_10wv8_90):focus, html._dark_10wv8_38 ._el-dropdown-menu__item_10wv8_127:not(._is-disabled_10wv8_90):hover {
  background-color: var(--navbar-hover) !important;
}
html._dark_10wv8_38 blockquote {
  background-color: var(--blockquote-bg) !important;
  border-left-color: var(--blockquote-border) !important;
  color: var(--blockquote-text) !important;
}
html._dark_10wv8_38 ._popup-result_10wv8_135 ._title_10wv8_135 {
  background: var(--cron-border);
}[data-v-7f9c9a1e]:export {
  menuText: #bfcbd9;
  menuActiveText: #409eff;
  menuBg: #304156;
  menuHover: #263445;
  menuLightBg: #ffffff;
  menuLightHover: #f0f1f5;
  menuLightText: #303133;
  menuLightActiveText: #409EFF;
  sideBarWidth: 200px;
  blue: #324157;
  lightBlue: #333c46;
  red: #C03639;
  pink: #E65D6E;
  green: #30B08F;
  tiffany: #4AB7BD;
  yellow: #FEC171;
  panGreen: #30B08F;
  colorPrimary: #409EFF;
  colorSuccess: #67C23A;
  colorWarning: #E6A23C;
  colorDanger: #F56C6C;
  colorInfo: #909399;
}
[data-v-7f9c9a1e]:root {
  /* 亮色模式变量 */
  --sidebar-bg: #304156;
  --sidebar-text: #bfcbd9;
  --menu-hover: #263445;
  --navbar-bg: #ffffff;
  --navbar-text: #303133;
  /* splitpanes default-theme 变量 */
  --splitpanes-default-bg: #ffffff;
}
html.dark[data-v-7f9c9a1e] {
  /* 默认通用 */
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #d0d0d0;
  --el-border-color: #434343;
  --el-border-color-light: #434343;
  /* 侧边栏 */
  --sidebar-bg: #141414;
  --sidebar-text: #ffffff;
  --menu-hover: #2d2d2d;
  --menu-active-text: #409eff;
  /* 顶部导航栏 */
  --navbar-bg: #141414;
  --navbar-text: #ffffff;
  --navbar-hover: #141414;
  /* 标签栏 */
  --tags-bg: #141414;
  --tags-item-bg: #1d1e1f;
  --tags-item-border: #303030;
  --tags-item-text: #d0d0d0;
  --tags-item-hover: #2d2d2d;
  --tags-close-hover: #64666a;
  /* splitpanes 组件暗黑模式变量 */
  --splitpanes-bg: #141414;
  --splitpanes-border: #303030;
  --splitpanes-splitter-bg: #1d1e1f;
  --splitpanes-splitter-hover-bg: #2d2d2d;
  /* blockquote 暗黑模式变量 */
  --blockquote-bg: #1d1e1f;
  --blockquote-border: #303030;
  --blockquote-text: #d0d0d0;
  /* Cron 时间表达式 模式变量 */
  --cron-border: #303030;
  /* splitpanes default-theme 暗黑模式变量 */
  --splitpanes-default-bg: #141414;
  /* 侧边栏菜单覆盖 */
  /* 顶部栏栏菜单覆盖 */
  /* 分割窗格覆盖 */
  /* 表格样式覆盖 */
  /* 树组件高亮样式覆盖 */
  /* 下拉菜单样式覆盖 */
  /* blockquote样式覆盖 */
  /* 时间表达式标题样式覆盖 */
}
html.dark .sidebar-container .el-menu-item[data-v-7f9c9a1e], html.dark .sidebar-container .menu-title[data-v-7f9c9a1e] {
  color: var(--el-text-color-regular);
}
html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title[data-v-7f9c9a1e], html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item[data-v-7f9c9a1e] {
  background-color: var(--el-bg-color) !important;
}
html.dark .el-menu--horizontal .el-menu-item[data-v-7f9c9a1e]:not(.is-disabled):hover, html.dark .el-menu--horizontal .el-menu-item[data-v-7f9c9a1e]:not(.is-disabled):focus {
  background-color: var(--navbar-hover) !important;
}
html.dark .splitpanes[data-v-7f9c9a1e] {
  background-color: var(--splitpanes-bg);
}
html.dark .splitpanes .splitpanes__pane[data-v-7f9c9a1e] {
  background-color: var(--splitpanes-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter[data-v-7f9c9a1e] {
  background-color: var(--splitpanes-splitter-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter[data-v-7f9c9a1e]:hover {
  background-color: var(--splitpanes-splitter-hover-bg);
}
html.dark .splitpanes .splitpanes__splitter[data-v-7f9c9a1e]:before, html.dark .splitpanes .splitpanes__splitter[data-v-7f9c9a1e]:after {
  background-color: var(--splitpanes-border);
}
html.dark .el-table[data-v-7f9c9a1e] {
  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
  --el-table-header-text-color: var(--el-text-color-regular) !important;
  --el-table-border-color: var(--el-border-color-light) !important;
  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
}
html.dark .el-table .el-table__header-wrapper th[data-v-7f9c9a1e], html.dark .el-table .el-table__fixed-header-wrapper th[data-v-7f9c9a1e] {
  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
  color: var(--el-text-color-regular, #515a6e);
}
html.dark .el-tree .el-tree-node.is-current > .el-tree-node__content[data-v-7f9c9a1e] {
  background-color: var(--el-bg-color-overlay) !important;
  color: var(--el-color-primary);
}
html.dark .el-tree .el-tree-node__content[data-v-7f9c9a1e]:hover {
  background-color: var(--el-bg-color-overlay);
}
html.dark .el-dropdown-menu__item[data-v-7f9c9a1e]:not(.is-disabled):focus, html.dark .el-dropdown-menu__item[data-v-7f9c9a1e]:not(.is-disabled):hover {
  background-color: var(--navbar-hover) !important;
}
html.dark blockquote[data-v-7f9c9a1e] {
  background-color: var(--blockquote-bg) !important;
  border-left-color: var(--blockquote-border) !important;
  color: var(--blockquote-text) !important;
}
html.dark .popup-result .title[data-v-7f9c9a1e] {
  background: var(--cron-border);
}
.sidebarLogoFade-enter-active[data-v-7f9c9a1e] {
  transition: opacity 1.5s;
}
.sidebarLogoFade-enter[data-v-7f9c9a1e],
.sidebarLogoFade-leave-to[data-v-7f9c9a1e] {
  opacity: 0;
}
.sidebar-logo-container[data-v-7f9c9a1e] {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: var(--c9359c38);
  text-align: center;
  overflow: hidden;
}
.sidebar-logo-container .sidebar-logo-link[data-v-7f9c9a1e] {
  height: 100%;
  width: 100%;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-7f9c9a1e] {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 12px;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-7f9c9a1e] {
  display: inline-block;
  margin: 0;
  color: var(--v2304e2c0);
  font-weight: 600;
  line-height: 50px;
  font-size: 14px;
  font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}
.sidebar-logo-container.collapse .sidebar-logo[data-v-7f9c9a1e] {
  margin-right: 0px;
}.menu-disabled[data-v-1a5aa39f] {
  pointer-events: none;
  cursor: not-allowed;
}
.menu-disabled[data-v-1a5aa39f] .el-menu-item {
  opacity: 0.6;
  color: #999;
}.sidebar-container[data-v-8910b709] {
  background-color: var(--v664a8faf);
}
.sidebar-container .scrollbar-wrapper[data-v-8910b709] {
  background-color: var(--v664a8faf);
}
.sidebar-container .el-menu[data-v-8910b709] {
  border: none;
  height: 100%;
  width: 100% !important;
}
.sidebar-container .el-menu .el-menu-item[data-v-8910b709]:hover, .sidebar-container .el-menu .el-sub-menu__title[data-v-8910b709]:hover {
  background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
}
.sidebar-container .el-menu .el-menu-item[data-v-8910b709] {
  color: var(--f731c0d6);
}
.sidebar-container .el-menu .el-menu-item.is-active[data-v-8910b709] {
  color: var(--menu-active-text, #409eff);
  background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
}
.sidebar-container .el-menu .el-sub-menu__title[data-v-8910b709] {
  color: var(--f731c0d6);
}.app-main[data-v-2e8e226c] {
  /* 50= navbar  50  */
  min-height: calc(100vh - 50px);
  width: 100%;
  position: relative;
  overflow: hidden;
}
.fixed-header + .app-main[data-v-2e8e226c] {
  padding-top: 50px;
}
.hasTagsView .app-main[data-v-2e8e226c] {
  /* 84 = navbar + tags-view = 50 + 34 */
  min-height: calc(100vh - 84px);
}
.hasTagsView .fixed-header + .app-main[data-v-2e8e226c] {
  padding-top: 84px;
}.el-popup-parent--hidden .fixed-header {
  padding-right: 6px;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 3px;
}.app-breadcrumb.el-breadcrumb[data-v-58b8cd5c] {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  margin-left: 8px;
}
.app-breadcrumb.el-breadcrumb .no-redirect[data-v-58b8cd5c] {
  color: #97a8be;
  cursor: text;
}.topmenu-container.el-menu--horizontal > .el-menu-item {
  float: left;
  height: 50px !important;
  line-height: 50px !important;
  color: #999093 !important;
  padding: 0 5px !important;
  margin: 0 10px !important;
}
.topmenu-container.el-menu--horizontal > .el-menu-item.is-active, .el-menu--horizontal > .el-sub-menu.is-active .el-submenu__title {
  border-bottom: 2px solid var(--theme) !important;
  color: #303133;
}

/* sub-menu item */
.topmenu-container.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
  float: left;
  height: 50px !important;
  line-height: 50px !important;
  color: #999093 !important;
  padding: 0 5px !important;
  margin: 0 10px !important;
}

/* 背景色隐藏 */
.topmenu-container.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .topmenu-container.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .topmenu-container.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: #ffffff;
}

/* 图标右间距 */
.topmenu-container .svg-icon {
  margin-right: 4px;
}

/* topmenu more arrow */
.topmenu-container .el-sub-menu .el-sub-menu__icon-arrow {
  position: static;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: 0px;
}
.hamburger[data-v-bb1713a2] {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.hamburger.is-active[data-v-bb1713a2] {
  transform: rotate(180deg);
}
.screenfull-svg[data-v-54fa6e06] {
  display: inline-block;
  cursor: pointer;
  fill: #5a5e66;
  width: 20px;
  height: 20px;
  vertical-align: 10px;
}.size-icon--style[data-v-800c162f] {
  font-size: 18px;
  line-height: 50px;
  padding-right: 7px;
}.header-search[data-v-e7437bb8] {
  font-size: 0 !important;
}
.header-search .search-icon[data-v-e7437bb8] {
  cursor: pointer;
  font-size: 18px;
  vertical-align: middle;
}
.header-search .header-search-select[data-v-e7437bb8] {
  font-size: 18px;
  transition: width 0.2s;
  width: 0;
  overflow: hidden;
  background: transparent;
  border-radius: 0;
  display: inline-block;
  vertical-align: middle;
}
.header-search .header-search-select[data-v-e7437bb8] .el-input__inner {
  border-radius: 0;
  border: 0;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none !important;
  border-bottom: 1px solid #d9d9d9;
  vertical-align: middle;
}
.header-search.show .header-search-select[data-v-e7437bb8] {
  width: 210px;
  margin-left: 10px;
}.navbar[data-v-84468331] {
  height: 50px;
  overflow: hidden;
  position: relative;
  background: var(--navbar-bg);
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
}
.navbar .hamburger-container[data-v-84468331] {
  line-height: 46px;
  height: 100%;
  float: left;
  cursor: pointer;
  transition: background 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.navbar .hamburger-container[data-v-84468331]:hover {
  background: rgba(0, 0, 0, 0.025);
}
.navbar .breadcrumb-container[data-v-84468331] {
  float: left;
}
.navbar .topmenu-container[data-v-84468331] {
  position: absolute;
  left: 50px;
}
.navbar .errLog-container[data-v-84468331] {
  display: inline-block;
  vertical-align: top;
}
.navbar .right-menu[data-v-84468331] {
  float: right;
  height: 100%;
  line-height: 50px;
  display: flex;
}
.navbar .right-menu[data-v-84468331]:focus {
  outline: none;
}
.navbar .right-menu .right-menu-item[data-v-84468331] {
  display: inline-block;
  padding: 0 8px;
  height: 100%;
  font-size: 18px;
  color: var(--navbar-text);
  vertical-align: text-bottom;
}
.navbar .right-menu .right-menu-item.hover-effect[data-v-84468331] {
  cursor: pointer;
  transition: background 0.3s;
}
.navbar .right-menu .right-menu-item.hover-effect[data-v-84468331]:hover {
  background: rgba(0, 0, 0, 0.025);
}
.navbar .right-menu .right-menu-item.theme-switch-wrapper[data-v-84468331] {
  display: flex;
  align-items: center;
}
.navbar .right-menu .right-menu-item.theme-switch-wrapper svg[data-v-84468331] {
  transition: transform 0.3s;
}
.navbar .right-menu .right-menu-item.theme-switch-wrapper svg[data-v-84468331]:hover {
  transform: scale(1.15);
}
.navbar .right-menu .avatar-container[data-v-84468331] {
  margin-right: 40px;
}
.navbar .right-menu .avatar-container .avatar-wrapper[data-v-84468331] {
  margin-top: 5px;
  position: relative;
}
.navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-84468331] {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
.navbar .right-menu .avatar-container .avatar-wrapper i[data-v-84468331] {
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: 25px;
  font-size: 12px;
}
.navbar .right-menu .pt3[data-v-84468331] {
  padding-top: 3px;
}
.navbar .right-menu[data-v-84468331] .el-badge__content {
  margin-top: 15px;
  margin-right: 7px;
}
.navbar .right-menu .badge-custom[data-v-84468331] {
  animation: blink-animation-84468331 0.5s infinite alternate; /* 设置闪烁动画 */
}
@keyframes blink-animation-84468331 {
0% {
    opacity: 1;
} /* 定义动画起始状态 */
100% {
    opacity: 0.1;
} /* 定义动画结束状态 */
}.setting-drawer-title[data-v-f9ef98bb] {
  margin-bottom: 12px;
  color: var(--el-text-color-primary, rgba(0, 0, 0, 0.85));
  line-height: 22px;
  font-weight: bold;
}
.setting-drawer-title .drawer-title[data-v-f9ef98bb] {
  font-size: 14px;
}
.setting-drawer-block-checbox[data-v-f9ef98bb] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.setting-drawer-block-checbox .setting-drawer-block-checbox-item[data-v-f9ef98bb] {
  position: relative;
  margin-right: 16px;
  border-radius: 2px;
  cursor: pointer;
}
.setting-drawer-block-checbox .setting-drawer-block-checbox-item img[data-v-f9ef98bb] {
  width: 48px;
  height: 48px;
}
.setting-drawer-block-checbox .setting-drawer-block-checbox-item .setting-drawer-block-checbox-selectIcon[data-v-f9ef98bb] {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-top: 15px;
  padding-left: 24px;
  color: #1890ff;
  font-weight: 700;
  font-size: 14px;
}
.drawer-item[data-v-f9ef98bb] {
  color: var(--el-text-color-regular, rgba(0, 0, 0, 0.65));
  padding: 12px 0;
  font-size: 14px;
}
.drawer-item .comp-style[data-v-f9ef98bb] {
  float: right;
  margin: -3px 8px 0px 0px;
}.scroll-container[data-v-9b32051e] {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.scroll-container[data-v-9b32051e] .el-scrollbar__bar {
  bottom: 0px;
}
.scroll-container[data-v-9b32051e] .el-scrollbar__wrap {
  height: 39px;
}.tags-view-container[data-v-d64a6472] {
  height: 34px;
  width: 100%;
  background: var(--tags-bg, #fff);
  border-bottom: 1px solid var(--tags-item-border, #d8dce5);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-d64a6472] {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  border: 1px solid var(--tags-item-border, #d8dce5);
  color: var(--tags-item-text, #495060);
  background: var(--tags-item-bg, #fff);
  padding: 0 8px;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 4px;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-d64a6472]:first-of-type {
  margin-left: 15px;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-d64a6472]:last-of-type {
  margin-right: 15px;
}
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-d64a6472] {
  background-color: #42b983;
  color: #fff;
  border-color: #42b983;
}
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-d64a6472]::before {
  content: "";
  background: #fff;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
}
.tags-view-container .contextmenu[data-v-d64a6472] {
  margin: 0;
  background: var(--el-bg-color-overlay, #fff);
  z-index: 3000;
  position: absolute;
  list-style-type: none;
  padding: 5px 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: var(--tags-item-text, #333);
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid var(--el-border-color-light, #e4e7ed);
}
.tags-view-container .contextmenu li[data-v-d64a6472] {
  margin: 0;
  padding: 7px 16px;
  cursor: pointer;
}
.tags-view-container .contextmenu li[data-v-d64a6472]:hover {
  background: var(--tags-item-hover, #eee);
}.tags-view-wrapper .tags-view-item .el-icon-close {
  width: 16px;
  height: 16px;
  vertical-align: 2px;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform-origin: 100% 50%;
}
.tags-view-wrapper .tags-view-item .el-icon-close:before {
  transform: scale(0.6);
  display: inline-block;
  vertical-align: -3px;
}
.tags-view-wrapper .tags-view-item .el-icon-close:hover {
  background-color: var(--tags-close-hover, #b4bccc);
  color: #fff;
  width: 12px !important;
  height: 12px !important;
}[data-v-c5491b42]:export {
  menuText: #bfcbd9;
  menuActiveText: #409eff;
  menuBg: #304156;
  menuHover: #263445;
  menuLightBg: #ffffff;
  menuLightHover: #f0f1f5;
  menuLightText: #303133;
  menuLightActiveText: #409EFF;
  sideBarWidth: 200px;
  blue: #324157;
  lightBlue: #333c46;
  red: #C03639;
  pink: #E65D6E;
  green: #30B08F;
  tiffany: #4AB7BD;
  yellow: #FEC171;
  panGreen: #30B08F;
  colorPrimary: #409EFF;
  colorSuccess: #67C23A;
  colorWarning: #E6A23C;
  colorDanger: #F56C6C;
  colorInfo: #909399;
}
[data-v-c5491b42]:root {
  /* 亮色模式变量 */
  --sidebar-bg: #304156;
  --sidebar-text: #bfcbd9;
  --menu-hover: #263445;
  --navbar-bg: #ffffff;
  --navbar-text: #303133;
  /* splitpanes default-theme 变量 */
  --splitpanes-default-bg: #ffffff;
}
html.dark[data-v-c5491b42] {
  /* 默认通用 */
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #d0d0d0;
  --el-border-color: #434343;
  --el-border-color-light: #434343;
  /* 侧边栏 */
  --sidebar-bg: #141414;
  --sidebar-text: #ffffff;
  --menu-hover: #2d2d2d;
  --menu-active-text: #409eff;
  /* 顶部导航栏 */
  --navbar-bg: #141414;
  --navbar-text: #ffffff;
  --navbar-hover: #141414;
  /* 标签栏 */
  --tags-bg: #141414;
  --tags-item-bg: #1d1e1f;
  --tags-item-border: #303030;
  --tags-item-text: #d0d0d0;
  --tags-item-hover: #2d2d2d;
  --tags-close-hover: #64666a;
  /* splitpanes 组件暗黑模式变量 */
  --splitpanes-bg: #141414;
  --splitpanes-border: #303030;
  --splitpanes-splitter-bg: #1d1e1f;
  --splitpanes-splitter-hover-bg: #2d2d2d;
  /* blockquote 暗黑模式变量 */
  --blockquote-bg: #1d1e1f;
  --blockquote-border: #303030;
  --blockquote-text: #d0d0d0;
  /* Cron 时间表达式 模式变量 */
  --cron-border: #303030;
  /* splitpanes default-theme 暗黑模式变量 */
  --splitpanes-default-bg: #141414;
  /* 侧边栏菜单覆盖 */
  /* 顶部栏栏菜单覆盖 */
  /* 分割窗格覆盖 */
  /* 表格样式覆盖 */
  /* 树组件高亮样式覆盖 */
  /* 下拉菜单样式覆盖 */
  /* blockquote样式覆盖 */
  /* 时间表达式标题样式覆盖 */
}
html.dark .sidebar-container .el-menu-item[data-v-c5491b42], html.dark .sidebar-container .menu-title[data-v-c5491b42] {
  color: var(--el-text-color-regular);
}
html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title[data-v-c5491b42], html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item[data-v-c5491b42] {
  background-color: var(--el-bg-color) !important;
}
html.dark .el-menu--horizontal .el-menu-item[data-v-c5491b42]:not(.is-disabled):hover, html.dark .el-menu--horizontal .el-menu-item[data-v-c5491b42]:not(.is-disabled):focus {
  background-color: var(--navbar-hover) !important;
}
html.dark .splitpanes[data-v-c5491b42] {
  background-color: var(--splitpanes-bg);
}
html.dark .splitpanes .splitpanes__pane[data-v-c5491b42] {
  background-color: var(--splitpanes-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter[data-v-c5491b42] {
  background-color: var(--splitpanes-splitter-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter[data-v-c5491b42]:hover {
  background-color: var(--splitpanes-splitter-hover-bg);
}
html.dark .splitpanes .splitpanes__splitter[data-v-c5491b42]:before, html.dark .splitpanes .splitpanes__splitter[data-v-c5491b42]:after {
  background-color: var(--splitpanes-border);
}
html.dark .el-table[data-v-c5491b42] {
  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
  --el-table-header-text-color: var(--el-text-color-regular) !important;
  --el-table-border-color: var(--el-border-color-light) !important;
  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
}
html.dark .el-table .el-table__header-wrapper th[data-v-c5491b42], html.dark .el-table .el-table__fixed-header-wrapper th[data-v-c5491b42] {
  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
  color: var(--el-text-color-regular, #515a6e);
}
html.dark .el-tree .el-tree-node.is-current > .el-tree-node__content[data-v-c5491b42] {
  background-color: var(--el-bg-color-overlay) !important;
  color: var(--el-color-primary);
}
html.dark .el-tree .el-tree-node__content[data-v-c5491b42]:hover {
  background-color: var(--el-bg-color-overlay);
}
html.dark .el-dropdown-menu__item[data-v-c5491b42]:not(.is-disabled):focus, html.dark .el-dropdown-menu__item[data-v-c5491b42]:not(.is-disabled):hover {
  background-color: var(--navbar-hover) !important;
}
html.dark blockquote[data-v-c5491b42] {
  background-color: var(--blockquote-bg) !important;
  border-left-color: var(--blockquote-border) !important;
  color: var(--blockquote-text) !important;
}
html.dark .popup-result .title[data-v-c5491b42] {
  background: var(--cron-border);
}
.app-wrapper[data-v-c5491b42] {
  position: relative;
  height: 100%;
  width: 100%;
}
.app-wrapper[data-v-c5491b42]:after {
  content: "";
  display: table;
  clear: both;
}
.app-wrapper.mobile.openSidebar[data-v-c5491b42] {
  position: fixed;
  top: 0;
}
.drawer-bg[data-v-c5491b42] {
  background: #000;
  opacity: 0.3;
  width: 100%;
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 999;
}
.fixed-header[data-v-c5491b42] {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: calc(100% - 200px);
  transition: width 0.28s;
}
.hideSidebar .fixed-header[data-v-c5491b42] {
  width: calc(100% - 54px);
}
.sidebarHide .fixed-header[data-v-c5491b42] {
  width: 100%;
}
.mobile .fixed-header[data-v-c5491b42] {
  width: 100%;
}.el-popper__content {
  max-width: 400px !important;
}
.payload-tooltip.el-popper {
  max-width: 400px !important;
}
.el-table__body-wrapper .el-tooltip__trigger .el-popper {
  max-width: 400px !important;
}
el-popper.is-dark .el-popper__content,
el-popper[data-popper-placement] .el-popper__content {
  max-width: 400px !important;
}.sub-el-icon,
.nav-icon {
  display: inline-block;
  font-size: 15px;
  margin-right: 12px;
  position: relative;
}
.svg-icon {
  width: 1em;
  height: 1em;
  position: relative;
  fill: currentColor;
  vertical-align: -2px;
}/* 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); }
}


.pagination-container[data-v-00e7355e] {
  background: #fff;
  padding: 32px 16px;
}
.pagination-container.hidden[data-v-00e7355e] {
  display: none;
}
[data-v-9f51f504] .el-transfer__button {
  border-radius: 50%;
  display: block;
  margin-left: 0px;
}
[data-v-9f51f504] .el-transfer__button:first-child {
  margin-bottom: 10px;
}
[data-v-9f51f504] .el-dropdown-menu__item {
  line-height: 30px;
  padding: 0 17px;
}.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
  margin-left: 1px;
  margin-right: 1px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover {
  background-color: #f3f4f6;
}
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  background-color: #dbeafe;
  color: #2563eb;
}
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #2563eb;
}
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #2563eb;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #4b5563;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #4b5563;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #4b5563;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #4b5563;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #4b5563;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #4b5563;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #4b5563;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
  margin-right: 1px;
  margin-left: 1px;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding: 5px 8px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #d1d5db;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #d1d5db;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #d1d5db;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 3px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
  margin: 2px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #d1d5db;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #d1d5db;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #d1d5db;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #d1d5db;
  box-shadow: 0px 0px 5px #d1d5db;
  color: #4b5563;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #d1d5db;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #d1d5db;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #2563eb;
}
.ql-container.ql-snow {
  border: 1px solid #d1d5db;
}

.ql-editor img {
  max-width: 100%;
  height: auto;
}
.editor-img-uploader {
  display: none;
}
.editor, .ql-toolbar {
  white-space: pre-wrap !important;
  line-height: normal !important;
}
.quill-img {
  display: none;
}
.ql-snow .ql-tooltip[data-mode="link"]::before {
  content: "请输入链接地址:";
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "保存";
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode="video"]::before {
  content: "请输入视频地址:";
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "14px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
  content: "10px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
  content: "18px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
  content: "32px";
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "文本";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "标题1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "标题2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "标题3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "标题4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "标题5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "标题6";
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "标准字体";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
  content: "衬线字体";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
  content: "等宽字体";
}
.upload-file-uploader[data-v-d870e3af] {
  margin-bottom: 5px;
}
.upload-file-list .el-upload-list__item[data-v-d870e3af] {
  border: 1px solid #e4e7ed;
  line-height: 2;
  margin-bottom: 10px;
  position: relative;
}
.upload-file-list .ele-upload-list__item-content[data-v-d870e3af] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
}
.ele-upload-list__item-content-action .el-link[data-v-d870e3af] {
  margin-right: 10px;
}[data-v-ef13171c] .hide .el-upload--picture-card {
  display: none;
}.el-image[data-v-0088a207] {
  border-radius: 5px;
  background-color: #ebeef5;
  box-shadow: 0 0 5px 1px #ccc;
}
.el-image[data-v-0088a207] .el-image__inner {
  transition: all 0.3s;
  cursor: pointer;
}
.el-image[data-v-0088a207] .el-image__inner:hover {
  transform: scale(1.2);
}
.el-image[data-v-0088a207] .image-slot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #909399;
  font-size: 30px;
}
.el-tag + .el-tag[data-v-2ab6af68] {
  margin-left: 10px;
}