@charset "UTF-8";
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 47, 84, 235;
  --el-color-success-rgb: 82, 196, 26;
  --el-color-warning-rgb: 250, 173, 20;
  --el-color-danger-rgb: 255, 77, 79;
  --el-color-error-rgb: 255, 77, 79;
  --el-color-info-rgb: 144, 147, 153;
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-font-family: -apple-system, BlinkMacSystemFont, Roboto, Arial, Helvetica, 'Segoe UI', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --el-font-weight-primary: 500;
  --el-font-line-height-primary: 24px;
  --el-index-normal: 1;
  --el-index-top: 1000;
  --el-index-popper: 2000;
  --el-border-radius-base: 3px;
  --el-border-radius-small: 2px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
  --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-component-size-large: 40px;
  --el-component-size: 32px;
  --el-component-size-small: 24px;
}

:root {
  color-scheme: light;
  --el-color-primary: #2f54eb;
  --el-color-primary-light-3: rgb(109, 135, 241);
  --el-color-primary-light-5: rgb(151, 170, 245);
  --el-color-primary-light-7: rgb(193, 204, 249);
  --el-color-primary-light-8: rgb(213, 221, 251);
  --el-color-primary-light-9: rgb(234, 238, 253);
  --el-color-primary-dark-2: rgb(38, 67, 188);
  --el-color-success: #52c41a;
  --el-color-success-light-3: rgb(134, 214, 95);
  --el-color-success-light-5: rgb(169, 226, 141);
  --el-color-success-light-7: rgb(203, 237, 186);
  --el-color-success-light-8: rgb(220, 243, 209);
  --el-color-success-light-9: rgb(238, 249, 232);
  --el-color-success-dark-2: rgb(66, 157, 21);
  --el-color-warning: #faad14;
  --el-color-warning-light-3: rgb(252, 198, 91);
  --el-color-warning-light-5: rgb(253, 214, 138);
  --el-color-warning-light-7: rgb(254, 230, 185);
  --el-color-warning-light-8: rgb(254, 239, 208);
  --el-color-warning-light-9: rgb(255, 247, 232);
  --el-color-warning-dark-2: rgb(200, 138, 16);
  --el-color-danger: #ff4d4f;
  --el-color-danger-light-3: rgb(255, 130, 132);
  --el-color-danger-light-5: rgb(255, 166, 167);
  --el-color-danger-light-7: rgb(255, 202, 202);
  --el-color-danger-light-8: rgb(255, 219, 220);
  --el-color-danger-light-9: rgb(255, 237, 237);
  --el-color-danger-dark-2: rgb(204, 62, 63);
  --el-color-error: #ff4d4f;
  --el-color-error-light-3: rgb(255, 130, 132);
  --el-color-error-light-5: rgb(255, 166, 167);
  --el-color-error-light-7: rgb(255, 202, 202);
  --el-color-error-light-8: rgb(255, 219, 220);
  --el-color-error-light-9: rgb(255, 237, 237);
  --el-color-error-dark-2: rgb(204, 62, 63);
  --el-color-info: #909399;
  --el-color-info-light-3: rgb(177, 179, 184);
  --el-color-info-light-5: rgb(200, 201, 204);
  --el-color-info-light-7: rgb(222, 223, 224);
  --el-color-info-light-8: rgb(233, 233, 235);
  --el-color-info-light-9: rgb(244, 244, 245);
  --el-color-info-dark-2: rgb(115, 118, 122);
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f7f7f9;
  --el-bg-color-overlay: #ffffff;
  --el-text-color-primary: rgba(0, 0, 0, 0.92);
  --el-text-color-regular: rgba(0, 0, 0, 0.88);
  --el-text-color-secondary: rgba(0, 0, 0, 0.6);
  --el-text-color-placeholder: rgba(0, 0, 0, 0.36);
  --el-text-color-disabled: rgba(0, 0, 0, 0.28);
  --el-border-color: #d9d9d9;
  --el-border-color-light: #e3e3e3;
  --el-border-color-lighter: #e8e8e8;
  --el-border-color-extra-light: #f0f0f0;
  --el-border-color-dark: #d5d5d5;
  --el-border-color-darker: #d1d1d1;
  --el-fill-color: #f0f0f0;
  --el-fill-color-light: #f5f5f5;
  --el-fill-color-lighter: #f7f7f7;
  --el-fill-color-extra-light: #fafafa;
  --el-fill-color-dark: #e9e9e9;
  --el-fill-color-darker: #e3e3e3;
  --el-fill-color-blank: #ffffff;
  --el-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  --el-box-shadow-light: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --el-box-shadow-lighter: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --el-box-shadow-dark: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --el-disabled-bg-color: var(--el-fill-color-light);
  --el-disabled-text-color: var(--el-text-color-placeholder);
  --el-disabled-border-color: var(--el-border-color-light);
  --el-overlay-color: rgba(0, 0, 0, 0.8);
  --el-overlay-color-light: rgba(0, 0, 0, 0.6);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.45);
  --el-mask-color: rgba(255, 255, 255, 0.4);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.6);
  --el-border-width: 1px;
  --el-border-style: solid;
  --el-border-color-hover: var(--el-text-color-disabled);
  --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  --el-svg-monochrome-grey: var(--el-border-color);
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

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

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center top;
}
.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: var(--el-transition-md-fade);
  transform-origin: top left;
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.el-collapse-transition-leave-active,
.el-collapse-transition-enter-active {
  transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter-from,
.el-list-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}

.el-list-leave-active {
  position: absolute !important;
}

.el-opacity-transition {
  transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.el-icon {
  --color: inherit;
  height: 1em;
  width: 1em;
  line-height: 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}
.el-icon.is-loading {
  animation: rotating 2s linear infinite;
}

.el-icon svg {
  height: 1em;
  width: 1em;
}

.el-affix--fixed {
  position: fixed;
}

.el-alert {
  --el-alert-padding: 8px 16px;
  --el-alert-border-radius-base: var(--el-border-radius-base);
  --el-alert-title-font-size: 14px;
  --el-alert-title-with-description-font-size: 16px;
  --el-alert-description-font-size: 14px;
  --el-alert-close-font-size: 16px;
  --el-alert-close-customed-font-size: 14px;
  --el-alert-icon-size: 16px;
  --el-alert-icon-large-size: 28px;
  width: 100%;
  padding: var(--el-alert-padding);
  margin: 0;
  box-sizing: border-box;
  border-radius: var(--el-alert-border-radius-base);
  position: relative;
  background-color: var(--el-color-white);
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: opacity var(--el-transition-duration-fast);
}
.el-alert.is-light .el-alert__close-btn {
  color: var(--el-text-color-placeholder);
}

.el-alert.is-dark .el-alert__close-btn {
  color: var(--el-color-white);
}
.el-alert.is-dark .el-alert__description {
  color: var(--el-color-white);
}

.el-alert.is-center {
  justify-content: center;
}

.el-alert--primary {
  --el-alert-bg-color: var(--el-color-primary-light-9);
}
.el-alert--primary.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-primary);
}
.el-alert--primary.is-light .el-alert__description {
  color: var(--el-color-primary);
}
.el-alert--primary.is-dark {
  background-color: var(--el-color-primary);
  color: var(--el-color-white);
}

.el-alert--success {
  --el-alert-bg-color: var(--el-color-success-light-9);
}
.el-alert--success.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-success);
}
.el-alert--success.is-light .el-alert__description {
  color: var(--el-color-success);
}
.el-alert--success.is-dark {
  background-color: var(--el-color-success);
  color: var(--el-color-white);
}

.el-alert--info {
  --el-alert-bg-color: var(--el-color-info-light-9);
}
.el-alert--info.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-info);
}
.el-alert--info.is-light .el-alert__description {
  color: var(--el-color-info);
}
.el-alert--info.is-dark {
  background-color: var(--el-color-info);
  color: var(--el-color-white);
}

.el-alert--warning {
  --el-alert-bg-color: var(--el-color-warning-light-9);
}
.el-alert--warning.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-warning);
}
.el-alert--warning.is-light .el-alert__description {
  color: var(--el-color-warning);
}
.el-alert--warning.is-dark {
  background-color: var(--el-color-warning);
  color: var(--el-color-white);
}

.el-alert--error {
  --el-alert-bg-color: var(--el-color-error-light-9);
}
.el-alert--error.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-error);
}
.el-alert--error.is-light .el-alert__description {
  color: var(--el-color-error);
}
.el-alert--error.is-dark {
  background-color: var(--el-color-error);
  color: var(--el-color-white);
}

.el-alert__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.el-alert .el-alert__icon {
  font-size: var(--el-alert-icon-size);
  width: var(--el-alert-icon-size);
  margin-right: 8px;
}
.el-alert .el-alert__icon.is-big {
  font-size: var(--el-alert-icon-large-size);
  width: var(--el-alert-icon-large-size);
  margin-right: 12px;
}

.el-alert__title {
  font-size: var(--el-alert-title-font-size);
  line-height: 24px;
}
.el-alert__title.with-description {
  font-size: var(--el-alert-title-with-description-font-size);
}

.el-alert .el-alert__description {
  font-size: var(--el-alert-description-font-size);
  margin: 0;
}
.el-alert .el-alert__close-btn {
  font-size: var(--el-alert-close-font-size);
  opacity: 1;
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}
.el-alert .el-alert__close-btn.is-customed {
  font-style: normal;
  font-size: var(--el-alert-close-customed-font-size);
  line-height: 24px;
  top: 8px;
}

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

.el-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
  width: var(--el-aside-width, 300px);
}

.el-autocomplete {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: var(--el-border);
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-autocomplete {
  width: var(--el-input-width);
  position: relative;
  display: inline-block;
}
.el-autocomplete__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-box-shadow-light);
}
.el-autocomplete__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-autocomplete-suggestion {
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}
.el-autocomplete-suggestion__header {
  padding: 10px;
  border-bottom: 1px solid var(--el-border-color-lighter);
}

.el-autocomplete-suggestion__footer {
  padding: 10px;
  border-top: 1px solid var(--el-border-color-lighter);
}

.el-autocomplete-suggestion__wrap {
  max-height: 280px;
  padding: 10px 0;
  box-sizing: border-box;
}

.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}

.el-autocomplete-suggestion li {
  padding: 0 20px;
  margin: 0;
  line-height: 34px;
  cursor: pointer;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  list-style: none;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-autocomplete-suggestion li:hover {
  background-color: var(--el-fill-color-light);
}
.el-autocomplete-suggestion li.highlighted {
  background-color: var(--el-fill-color-light);
}
.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid var(--el-color-black);
}
.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}
.el-autocomplete-suggestion.is-loading li {
  cursor: default;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--el-text-color-secondary);
}
.el-autocomplete-suggestion.is-loading li:hover {
  background-color: var(--el-bg-color-overlay);
}

.el-avatar {
  --el-avatar-text-color: var(--el-color-white);
  --el-avatar-bg-color: var(--el-text-color-disabled);
  --el-avatar-text-size: 14px;
  --el-avatar-icon-size: 18px;
  --el-avatar-border-radius: var(--el-border-radius-base);
  --el-avatar-size-large: 56px;
  --el-avatar-size: 40px;
  --el-avatar-size-small: 24px;
  --el-avatar-size: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  outline: none;
  color: var(--el-avatar-text-color);
  background: var(--el-avatar-bg-color);
  width: var(--el-avatar-size);
  height: var(--el-avatar-size);
  font-size: var(--el-avatar-text-size);
}
.el-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-avatar--circle {
  border-radius: 50%;
}

.el-avatar--square {
  border-radius: var(--el-avatar-border-radius);
}

.el-avatar--icon {
  font-size: var(--el-avatar-icon-size);
}

.el-avatar--small {
  --el-avatar-size: 24px;
}

.el-avatar--large {
  --el-avatar-size: 56px;
}

.el-avatar-group {
  --el-avatar-group-item-gap: -8px;
  --el-avatar-group-collapse-item-gap: 4px;
  display: inline-flex;
}
.el-avatar-group .el-avatar {
  border: 1px solid var(--el-border-color-extra-light);
}
.el-avatar-group .el-avatar:not(:first-child) {
  margin-left: var(--el-avatar-group-item-gap);
}
.el-avatar-group__collapse-avatars {
  --el-avatar-group-item-gap: -8px;
  --el-avatar-group-collapse-item-gap: 4px;
}
.el-avatar-group__collapse-avatars .el-avatar:not(:first-child) {
  margin-left: var(--el-avatar-group-collapse-item-gap);
}

.el-backtop {
  --el-backtop-bg-color: var(--el-bg-color-overlay);
  --el-backtop-text-color: var(--el-color-primary);
  --el-backtop-hover-bg-color: var(--el-border-color-extra-light);
  position: fixed;
  background-color: var(--el-backtop-bg-color);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--el-backtop-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: var(--el-box-shadow-lighter);
  cursor: pointer;
  z-index: 5;
}
.el-backtop:hover {
  background-color: var(--el-backtop-hover-bg-color);
}
.el-backtop__icon {
  font-size: 20px;
}

.el-badge {
  --el-badge-bg-color: var(--el-color-danger);
  --el-badge-radius: 10px;
  --el-badge-font-size: 12px;
  --el-badge-padding: 6px;
  --el-badge-size: 18px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: fit-content;
}
.el-badge__content {
  background-color: var(--el-badge-bg-color);
  border-radius: var(--el-badge-radius);
  color: var(--el-color-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-badge-font-size);
  height: var(--el-badge-size);
  padding: 0 var(--el-badge-padding);
  white-space: nowrap;
  border: 1px solid var(--el-bg-color);
}
.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: calc(1px + var(--el-badge-size) / 2);
  transform: translateY(-50%) translateX(100%);
  z-index: var(--el-index-normal);
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}

.el-badge__content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}

.el-badge__content.is-hide-zero {
  display: none;
}

.el-badge__content--primary {
  background-color: var(--el-color-primary);
}

.el-badge__content--success {
  background-color: var(--el-color-success);
}

.el-badge__content--warning {
  background-color: var(--el-color-warning);
}

.el-badge__content--info {
  background-color: var(--el-color-info);
}

.el-badge__content--danger {
  background-color: var(--el-color-danger);
}

.el-breadcrumb__separator {
  margin: 0 9px;
  font-weight: bold;
  color: var(--el-text-color-placeholder);
}
.el-breadcrumb__separator.el-icon {
  margin: 0 6px;
  font-weight: normal;
}
.el-breadcrumb__separator.el-icon svg {
  vertical-align: middle;
}

.el-breadcrumb__item {
  float: left;
  display: inline-flex;
  align-items: center;
}
.el-breadcrumb__inner {
  color: var(--el-text-color-regular);
}
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
  font-weight: bold;
  text-decoration: none;
  transition: var(--el-transition-color);
  color: var(--el-text-color-primary);
}
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
  font-weight: normal;
  color: var(--el-text-color-regular);
  cursor: text;
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none;
}

.el-breadcrumb {
  font-size: 14px;
  line-height: 1;
}
.el-breadcrumb::before,
.el-breadcrumb::after {
  display: table;
  content: "";
}

.el-breadcrumb::after {
  clear: both;
}

.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
  border-top-left-radius: var(--el-border-radius-base);
  border-bottom-left-radius: var(--el-border-radius-base);
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: var(--el-border-radius-round);
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group--horizontal {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group--horizontal::before,
.el-button-group--horizontal::after {
  display: table;
  content: "";
}

.el-button-group--horizontal::after {
  clear: both;
}

.el-button-group--horizontal > .el-button {
  float: left;
  position: relative;
}
.el-button-group--horizontal > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group--horizontal > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group--horizontal > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group--horizontal .el-button--primary:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--primary:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--success:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--success:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--warning:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--warning:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--danger:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--danger:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--info:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--info:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: var(--el-button-divide-border-color);
}

.el-button-group--vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
}
.el-button-group--vertical > .el-button {
  margin-top: -1px;
}
.el-button-group--vertical > .el-button:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group--vertical > .el-button:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.el-button-group--vertical > .el-dropdown {
  margin-top: -1px;
}
.el-button-group--vertical > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--primary:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--primary:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--primary:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--success:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--success:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--success:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--warning:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--warning:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--warning:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--danger:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--danger:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--danger:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--info:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--info:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--info:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}

.el-button {
  --el-button-font-weight: normal;
  --el-button-border-color: var(--el-border-color);
  --el-button-bg-color: var(--el-fill-color-blank);
  --el-button-text-color: var(--el-text-color-regular);
  --el-button-disabled-text-color: var(--el-disabled-text-color);
  --el-button-disabled-bg-color: var(--el-fill-color-blank);
  --el-button-disabled-border-color: var(--el-border-color-light);
  --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-7);
  --el-button-active-text-color: var(--el-button-hover-text-color);
  --el-button-active-border-color: var(--el-color-primary);
  --el-button-active-bg-color: var(--el-button-hover-bg-color);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-hover-link-text-color: var(--el-text-color-secondary);
  --el-button-active-color: var(--el-text-color-primary);
}

.el-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  height: 32px;
  white-space: nowrap;
  cursor: pointer;
  color: var(--el-button-text-color);
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: 0.1s;
  font-weight: var(--el-button-font-weight);
  user-select: none;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: var(--el-button-bg-color);
  border: var(--el-border);
  border-color: var(--el-button-border-color);
}
.el-button:hover {
  color: var(--el-button-hover-text-color);
  border-color: var(--el-button-hover-border-color);
  background-color: var(--el-button-hover-bg-color);
  outline: none;
}
.el-button:active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}
.el-button:focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button > span {
  display: inline-flex;
  align-items: center;
}
.el-button + .el-button {
  margin-left: 12px;
}
.el-button {
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: var(--el-border-radius-base);
}
.el-button.is-round {
  padding: 8px 15px;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon] + span {
  margin-left: 6px;
}
.el-button [class*=el-icon] svg {
  vertical-align: bottom;
}
.el-button.is-plain {
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}

.el-button.is-disabled, .el-button.is-disabled:hover {
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color);
  border-color: var(--el-button-disabled-border-color);
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  z-index: 1;
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: var(--el-mask-color-extra-light);
}

.el-button.is-round {
  border-radius: var(--el-border-radius-round);
}

.el-button.is-dashed {
  border-style: dashed;
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-circle {
  width: 32px;
  border-radius: 50%;
  padding: 8px;
}

.el-button.is-text {
  color: var(--el-button-text-color);
  border: 0 solid transparent;
  background-color: transparent;
}
.el-button.is-text.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
}

.el-button.is-text:not(.is-disabled):hover {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled):focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button.is-text:not(.is-disabled):active {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled).is-has-bg:hover {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg:active {
  background-color: var(--el-fill-color-dark);
}

.el-button__text--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.el-button.is-link {
  border-color: transparent;
  color: var(--el-button-text-color);
  background: transparent;
  padding: 2px;
  height: auto;
}
.el-button.is-link:hover {
  color: var(--el-button-hover-link-text-color);
}
.el-button.is-link.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-button.is-link:not(.is-disabled):hover {
  border-color: transparent;
  background-color: transparent;
}
.el-button.is-link:not(.is-disabled):active {
  color: var(--el-button-active-color);
  border-color: transparent;
  background-color: transparent;
}

.el-button--text {
  border-color: transparent;
  background: transparent;
  color: var(--el-color-primary);
  padding-left: 0;
  padding-right: 0;
}
.el-button--text.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-button--text:not(.is-disabled):hover {
  color: var(--el-color-primary-light-3);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:not(.is-disabled):active {
  color: var(--el-color-primary-dark-2);
  border-color: transparent;
  background-color: transparent;
}

.el-button__link--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.el-button--primary {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-active-color: var(--el-color-primary-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  --el-button-hover-bg-color: var(--el-color-primary-light-3);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-bg-color: var(--el-color-primary-dark-2);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  --el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.el-button--primary.is-plain, .el-button--primary.is-text, .el-button--primary.is-link {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-primary);
  --el-button-hover-border-color: var(--el-color-primary);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-text.is-disabled, .el-button--primary.is-text.is-disabled:hover, .el-button--primary.is-text.is-disabled:focus, .el-button--primary.is-text.is-disabled:active, .el-button--primary.is-link.is-disabled, .el-button--primary.is-link.is-disabled:hover, .el-button--primary.is-link.is-disabled:focus, .el-button--primary.is-link.is-disabled:active {
  color: var(--el-color-primary-light-5);
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
}
.el-button--primary.is-dashed {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-text-color: var(--el-color-primary-dark-2);
  --el-button-active-bg-color: var(--el-color-primary-light-9);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
}
.el-button--primary.is-dashed.is-disabled, .el-button--primary.is-dashed.is-disabled:hover, .el-button--primary.is-dashed.is-disabled:focus, .el-button--primary.is-dashed.is-disabled:active {
  color: var(--el-color-primary-light-5);
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
}

.el-button--success {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success);
  --el-button-outline-color: var(--el-color-success-light-5);
  --el-button-active-color: var(--el-color-success-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
  --el-button-hover-bg-color: var(--el-color-success-light-3);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-bg-color: var(--el-color-success-dark-2);
  --el-button-active-border-color: var(--el-color-success-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-success-light-5);
  --el-button-disabled-border-color: var(--el-color-success-light-5);
}
.el-button--success.is-plain, .el-button--success.is-text, .el-button--success.is-link {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-success);
  --el-button-hover-border-color: var(--el-color-success);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-text.is-disabled, .el-button--success.is-text.is-disabled:hover, .el-button--success.is-text.is-disabled:focus, .el-button--success.is-text.is-disabled:active, .el-button--success.is-link.is-disabled, .el-button--success.is-link.is-disabled:hover, .el-button--success.is-link.is-disabled:focus, .el-button--success.is-link.is-disabled:active {
  color: var(--el-color-success-light-5);
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
}
.el-button--success.is-dashed {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-success);
  --el-button-hover-bg-color: var(--el-color-success-light-9);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-text-color: var(--el-color-success-dark-2);
  --el-button-active-bg-color: var(--el-color-success-light-9);
  --el-button-active-border-color: var(--el-color-success-dark-2);
}
.el-button--success.is-dashed.is-disabled, .el-button--success.is-dashed.is-disabled:hover, .el-button--success.is-dashed.is-disabled:focus, .el-button--success.is-dashed.is-disabled:active {
  color: var(--el-color-success-light-5);
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
}

.el-button--warning {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning);
  --el-button-outline-color: var(--el-color-warning-light-5);
  --el-button-active-color: var(--el-color-warning-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
  --el-button-hover-bg-color: var(--el-color-warning-light-3);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-bg-color: var(--el-color-warning-dark-2);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  --el-button-disabled-border-color: var(--el-color-warning-light-5);
}
.el-button--warning.is-plain, .el-button--warning.is-text, .el-button--warning.is-link {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-warning);
  --el-button-hover-border-color: var(--el-color-warning);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-text.is-disabled, .el-button--warning.is-text.is-disabled:hover, .el-button--warning.is-text.is-disabled:focus, .el-button--warning.is-text.is-disabled:active, .el-button--warning.is-link.is-disabled, .el-button--warning.is-link.is-disabled:hover, .el-button--warning.is-link.is-disabled:focus, .el-button--warning.is-link.is-disabled:active {
  color: var(--el-color-warning-light-5);
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
}
.el-button--warning.is-dashed {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-warning);
  --el-button-hover-bg-color: var(--el-color-warning-light-9);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-text-color: var(--el-color-warning-dark-2);
  --el-button-active-bg-color: var(--el-color-warning-light-9);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
}
.el-button--warning.is-dashed.is-disabled, .el-button--warning.is-dashed.is-disabled:hover, .el-button--warning.is-dashed.is-disabled:focus, .el-button--warning.is-dashed.is-disabled:active {
  color: var(--el-color-warning-light-5);
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
}

.el-button--danger {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-danger);
  --el-button-border-color: var(--el-color-danger);
  --el-button-outline-color: var(--el-color-danger-light-5);
  --el-button-active-color: var(--el-color-danger-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
  --el-button-hover-bg-color: var(--el-color-danger-light-3);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-bg-color: var(--el-color-danger-dark-2);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-danger-light-5);
  --el-button-disabled-border-color: var(--el-color-danger-light-5);
}
.el-button--danger.is-plain, .el-button--danger.is-text, .el-button--danger.is-link {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-danger);
  --el-button-hover-border-color: var(--el-color-danger);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-text.is-disabled, .el-button--danger.is-text.is-disabled:hover, .el-button--danger.is-text.is-disabled:focus, .el-button--danger.is-text.is-disabled:active, .el-button--danger.is-link.is-disabled, .el-button--danger.is-link.is-disabled:hover, .el-button--danger.is-link.is-disabled:focus, .el-button--danger.is-link.is-disabled:active {
  color: var(--el-color-danger-light-5);
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
}
.el-button--danger.is-dashed {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-danger);
  --el-button-hover-bg-color: var(--el-color-danger-light-9);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-text-color: var(--el-color-danger-dark-2);
  --el-button-active-bg-color: var(--el-color-danger-light-9);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
}
.el-button--danger.is-dashed.is-disabled, .el-button--danger.is-dashed.is-disabled:hover, .el-button--danger.is-dashed.is-disabled:focus, .el-button--danger.is-dashed.is-disabled:active {
  color: var(--el-color-danger-light-5);
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
}

.el-button--info {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info);
  --el-button-outline-color: var(--el-color-info-light-5);
  --el-button-active-color: var(--el-color-info-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
  --el-button-hover-bg-color: var(--el-color-info-light-3);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-bg-color: var(--el-color-info-dark-2);
  --el-button-active-border-color: var(--el-color-info-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-info-light-5);
  --el-button-disabled-border-color: var(--el-color-info-light-5);
}
.el-button--info.is-plain, .el-button--info.is-text, .el-button--info.is-link {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-info);
  --el-button-hover-border-color: var(--el-color-info);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-text.is-disabled, .el-button--info.is-text.is-disabled:hover, .el-button--info.is-text.is-disabled:focus, .el-button--info.is-text.is-disabled:active, .el-button--info.is-link.is-disabled, .el-button--info.is-link.is-disabled:hover, .el-button--info.is-link.is-disabled:focus, .el-button--info.is-link.is-disabled:active {
  color: var(--el-color-info-light-5);
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
}
.el-button--info.is-dashed {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-info);
  --el-button-hover-bg-color: var(--el-color-info-light-9);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-text-color: var(--el-color-info-dark-2);
  --el-button-active-bg-color: var(--el-color-info-light-9);
  --el-button-active-border-color: var(--el-color-info-dark-2);
}
.el-button--info.is-dashed.is-disabled, .el-button--info.is-dashed.is-disabled:hover, .el-button--info.is-dashed.is-disabled:focus, .el-button--info.is-dashed.is-disabled:active {
  color: var(--el-color-info-light-5);
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
}

.el-button--large {
  --el-button-size: 40px;
  height: var(--el-button-size);
}
.el-button--large [class*=el-icon] + span {
  margin-left: 8px;
}
.el-button--large {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: var(--el-border-radius-base);
}
.el-button--large.is-round {
  padding: 12px 19px;
}
.el-button--large.is-circle {
  width: var(--el-button-size);
  padding: 12px;
}

.el-button--small {
  --el-button-size: 24px;
  height: var(--el-button-size);
}
.el-button--small [class*=el-icon] + span {
  margin-left: 4px;
}
.el-button--small {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-button--small.is-round {
  padding: 5px 11px;
}
.el-button--small.is-circle {
  width: var(--el-button-size);
  padding: 5px;
}

.el-calendar {
  --el-calendar-border: var(--el-table-border, 1px solid var(--el-border-color-lighter));
  --el-calendar-header-border-bottom: var(--el-calendar-border);
  --el-calendar-selected-bg-color: var(--el-color-primary-light-9);
  --el-calendar-cell-width: 85px;
  background-color: var(--el-fill-color-blank);
}
.el-calendar__header {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: var(--el-calendar-header-border-bottom);
}

.el-calendar__title {
  color: var(--el-text-color);
  align-self: center;
}

.el-calendar__body {
  padding: 12px 20px 35px;
}

.el-calendar__select-controller .el-select {
  margin-right: 8px;
}
.el-calendar__select-controller .el-calendar-select__year {
  width: 120px;
}
.el-calendar__select-controller .el-calendar-select__month {
  width: 60px;
}

.el-calendar-table {
  table-layout: fixed;
  width: 100%;
}
.el-calendar-table thead th {
  padding: 12px 0;
  color: var(--el-text-color-regular);
  font-weight: normal;
}
.el-calendar-table:not(.is-range) td.prev,
.el-calendar-table:not(.is-range) td.next {
  color: var(--el-text-color-placeholder);
}
.el-calendar-table td {
  border-bottom: var(--el-calendar-border);
  border-right: var(--el-calendar-border);
  vertical-align: top;
  transition: background-color var(--el-transition-duration-fast) ease;
}
.el-calendar-table td.is-selected {
  background-color: var(--el-calendar-selected-bg-color);
}

.el-calendar-table td.is-today {
  color: var(--el-color-primary);
}

.el-calendar-table tr:first-child td {
  border-top: var(--el-calendar-border);
}
.el-calendar-table tr td:first-child {
  border-left: var(--el-calendar-border);
}
.el-calendar-table tr.el-calendar-table__row--hide-border td {
  border-top: none;
}
.el-calendar-table .el-calendar-day {
  box-sizing: border-box;
  padding: 8px;
  height: var(--el-calendar-cell-width);
}
.el-calendar-table .el-calendar-day:hover {
  cursor: pointer;
  background-color: var(--el-calendar-selected-bg-color);
}

.el-card {
  --el-card-border-color: var(--el-border-color-light);
  --el-card-border-radius: 4px;
  --el-card-padding: 20px;
  --el-card-bg-color: var(--el-fill-color-blank);
}

.el-card {
  display: flex;
  flex-direction: column;
  border-radius: var(--el-card-border-radius);
  border: 1px solid var(--el-card-border-color);
  background-color: var(--el-card-bg-color);
  overflow: hidden;
  color: var(--el-text-color-primary);
  transition: var(--el-transition-duration);
}
.el-card.is-always-shadow {
  box-shadow: var(--el-box-shadow-light);
}

.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus {
  box-shadow: var(--el-box-shadow-light);
}

.el-card__header {
  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
  border-bottom: 1px solid var(--el-card-border-color);
  box-sizing: border-box;
}

.el-card__body {
  flex-grow: 1;
  overflow: auto;
  padding: var(--el-card-padding);
}

.el-card__footer {
  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
  border-top: 1px solid var(--el-card-border-color);
  box-sizing: border-box;
}

.el-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: calc(var(--el-index-normal) - 1);
}
.el-carousel__item.is-active {
  z-index: calc(var(--el-index-normal) - 1);
}

.el-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}

.el-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: var(--el-index-normal);
}
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
  opacity: 0.12;
}
.el-carousel__item--card.is-active {
  z-index: calc(var(--el-index-normal) + 1);
}

.el-carousel__item--card-vertical {
  width: 100%;
  height: 50%;
}

.el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--el-color-white);
  opacity: 0.24;
  transition: var(--el-transition-duration-fast);
}

.el-carousel {
  --el-carousel-arrow-font-size: 12px;
  --el-carousel-arrow-size: 36px;
  --el-carousel-arrow-background: rgba(31, 45, 61, 0.11);
  --el-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
  --el-carousel-indicator-width: 30px;
  --el-carousel-indicator-height: 2px;
  --el-carousel-indicator-padding-horizontal: 4px;
  --el-carousel-indicator-padding-vertical: 12px;
  --el-carousel-indicator-out-color: var(--el-border-color-hover);
  position: relative;
}
.el-carousel--horizontal {
  overflow: hidden;
}

.el-carousel--vertical {
  overflow: hidden;
}

.el-carousel.is-vertical-outside {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.el-carousel.is-vertical-outside .el-carousel__container {
  flex: 1;
}

.el-carousel__container {
  position: relative;
  height: 300px;
}

.el-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: var(--el-carousel-arrow-size);
  width: var(--el-carousel-arrow-size);
  cursor: pointer;
  transition: var(--el-transition-duration);
  border-radius: 50%;
  background-color: var(--el-carousel-arrow-background);
  color: #ffffff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: var(--el-carousel-arrow-font-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.el-carousel__arrow--left {
  left: 16px;
}

.el-carousel__arrow--right {
  right: 16px;
}

.el-carousel__arrow:hover {
  background-color: var(--el-carousel-arrow-hover-background);
}
.el-carousel__arrow i {
  cursor: pointer;
}

.el-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.el-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.el-carousel__indicators--outside {
  text-align: center;
  position: static;
  transform: none;
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: 0.64;
}
.el-carousel__indicators--outside button {
  background-color: var(--el-carousel-indicator-out-color);
  opacity: 0.24;
}

.el-carousel__indicators--right {
  right: 0;
}

.el-carousel__indicators--labels .el-carousel__button {
  padding: 2px 18px;
  font-size: 12px;
  color: #000000;
}
.el-carousel__indicators--labels .el-carousel__indicator {
  padding: 6px 4px;
}

.el-carousel__indicator {
  background-color: transparent;
  cursor: pointer;
}
.el-carousel__indicator:hover button {
  opacity: 0.72;
}
.el-carousel__indicator--horizontal {
  display: inline-block;
  padding: var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal);
}

.el-carousel__indicator--vertical {
  padding: var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical);
}
.el-carousel__indicator--vertical .el-carousel__button {
  width: var(--el-carousel-indicator-height);
  height: calc(var(--el-carousel-indicator-width) / 2);
}

.el-carousel__indicator.is-active button {
  opacity: 1;
}

.el-carousel__button {
  display: block;
  opacity: 0.48;
  width: var(--el-carousel-indicator-width);
  height: var(--el-carousel-indicator-height);
  background-color: #ffffff;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: var(--el-transition-duration);
}
.el-carousel__indicators--labels .el-carousel__button {
  height: auto;
  width: auto;
}

.carousel-arrow-left-enter-from,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}

.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}

.el-transitioning {
  filter: url("#elCarouselHorizontal");
}

.el-transitioning-vertical {
  filter: url("#elCarouselVertical");
}

.el-cascader-panel {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
}

.el-cascader-panel {
  display: flex;
  width: fit-content;
  border-radius: var(--el-cascader-menu-radius);
  font-size: var(--el-cascader-menu-font-size);
}
.el-cascader-panel.is-bordered {
  border: var(--el-cascader-menu-border);
  border-radius: var(--el-cascader-menu-radius);
}

.el-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: var(--el-cascader-menu-text-color);
  border-right: var(--el-cascader-menu-border);
}
.el-cascader-menu:last-child {
  border-right: none;
}
.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px;
}
.el-cascader-menu__wrap.el-scrollbar__wrap {
  height: 204px;
}

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}
.el-cascader-menu__list.el-vl__window {
  margin: 6px 0;
  padding: 0;
}
.el-cascader-menu__list.el-vl__window ul {
  margin: 0;
  padding: 0;
}

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  color: var(--el-cascader-color-empty);
}
.el-cascader-menu__empty-text .is-loading {
  margin-right: 2px;
}

.el-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: none;
  box-sizing: border-box;
}
.el-cascader-node.is-selectable.in-active-path {
  color: var(--el-cascader-menu-text-color);
}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  color: var(--el-cascader-menu-selected-text-color);
  font-weight: bold;
}
.el-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
  background: var(--el-cascader-node-background-hover);
}
.el-cascader-node.is-disabled {
  color: var(--el-cascader-node-color-disabled);
  cursor: not-allowed;
}

.el-cascader-node__prefix {
  position: absolute;
  left: 10px;
}

.el-cascader-node__postfix {
  position: absolute;
  right: 10px;
}

.el-cascader-node__label {
  flex: 1;
  text-align: left;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-cascader-node > .el-checkbox {
  margin-right: 0;
}
.el-cascader-node > .el-radio {
  margin-right: 0;
}
.el-cascader-node > .el-radio .el-radio__label {
  padding-left: 0;
}

.el-cascader {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: var(--el-font-size-base);
  line-height: 32px;
  outline: none;
}
.el-cascader:not(.is-disabled):hover .el-input__wrapper {
  cursor: pointer;
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-cascader .el-input {
  display: flex;
  cursor: pointer;
}
.el-cascader .el-input .el-input__inner {
  text-overflow: ellipsis;
}
.el-cascader .el-input .el-input__inner:read-only {
  cursor: pointer;
}
.el-cascader .el-input .el-input__inner:disabled {
  cursor: not-allowed;
}
.el-cascader .el-input .el-input__suffix-inner .el-icon svg {
  vertical-align: middle;
}
.el-cascader .el-input .icon-arrow-down {
  transition: transform var(--el-transition-duration);
  font-size: 14px;
}
.el-cascader .el-input .icon-arrow-down.is-reverse {
  transform: rotateZ(180deg);
}

.el-cascader .el-input .icon-circle-close:hover {
  color: var(--el-input-clear-hover-color, var(--el-text-color-secondary));
}
.el-cascader .el-input.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset;
}

.el-cascader--large {
  font-size: 14px;
  line-height: 40px;
}
.el-cascader--large .el-cascader__tags {
  gap: 6px;
  padding: 8px;
}

.el-cascader--large .el-cascader__search-input {
  height: 24px;
  margin-left: 7px;
}

.el-cascader--small {
  font-size: 12px;
  line-height: 24px;
}
.el-cascader--small .el-cascader__tags {
  gap: 4px;
  padding: 2px;
}

.el-cascader--small .el-cascader__search-input {
  height: 20px;
  margin-left: 5px;
}

.el-cascader.is-disabled .el-cascader__label {
  z-index: calc(var(--el-index-normal) + 1);
  color: var(--el-disabled-text-color);
}

.el-cascader__dropdown {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
}

.el-cascader__dropdown {
  font-size: var(--el-cascader-menu-font-size);
  border-radius: var(--el-cascader-menu-radius);
}
.el-cascader__dropdown.el-popper {
  background: var(--el-cascader-menu-fill);
  border: var(--el-cascader-menu-border);
  box-shadow: var(--el-cascader-menu-shadow);
}
.el-cascader__dropdown.el-popper .el-popper__arrow::before {
  border: var(--el-cascader-menu-border);
}
.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-cascader__dropdown.el-popper {
  box-shadow: var(--el-cascader-menu-shadow);
}

.el-cascader__header {
  padding: 10px;
  border-bottom: 1px solid var(--el-border-color-light);
}

.el-cascader__footer {
  padding: 10px;
  border-top: 1px solid var(--el-border-color-light);
}

.el-cascader__tags {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  padding: 4px;
  gap: 6px;
  line-height: normal;
  text-align: left;
  box-sizing: border-box;
}
.el-cascader__tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  text-overflow: ellipsis;
  background: var(--el-cascader-tag-background);
}
.el-cascader__tags .el-tag.el-tag--dark, .el-cascader__tags .el-tag.el-tag--plain {
  background-color: var(--el-tag-bg-color);
}
.el-cascader__tags .el-tag:not(.is-hit) {
  border-color: transparent;
}
.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark, .el-cascader__tags .el-tag:not(.is-hit).el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-cascader__tags .el-tag > span {
  flex: 1;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-cascader__tags .el-tag .el-icon-close {
  flex: none;
  background-color: var(--el-text-color-placeholder);
  color: var(--el-color-white);
}
.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: var(--el-text-color-secondary);
}
.el-cascader__tags .el-tag + input {
  margin-left: 0;
}
.el-cascader__tags.is-validate {
  right: 55px;
}

.el-cascader__collapse-tags {
  white-space: normal;
  z-index: var(--el-index-normal);
}
.el-cascader__collapse-tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  text-overflow: ellipsis;
  background: var(--el-fill-color);
}
.el-cascader__collapse-tags .el-tag.el-tag--dark, .el-cascader__collapse-tags .el-tag.el-tag--plain {
  background-color: var(--el-tag-bg-color);
}
.el-cascader__collapse-tags .el-tag:not(.is-hit) {
  border-color: transparent;
}
.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark, .el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-cascader__collapse-tags .el-tag > span {
  flex: 1;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-cascader__collapse-tags .el-tag .el-icon-close {
  flex: none;
  background-color: var(--el-text-color-placeholder);
  color: var(--el-color-white);
}
.el-cascader__collapse-tags .el-tag .el-icon-close:hover {
  background-color: var(--el-text-color-secondary);
}
.el-cascader__collapse-tags .el-tag + input {
  margin-left: 0;
}
.el-cascader__collapse-tags .el-tag {
  margin: 2px 0;
}

.el-cascader__suggestion-panel {
  border-radius: var(--el-cascader-menu-radius);
}

.el-cascader__suggestion-wrap {
  max-height: 204px;
}

.el-cascader__suggestion-list {
  list-style: none;
  margin: 0;
  padding: 6px 0;
  font-size: var(--el-font-size-base);
  color: var(--el-cascader-menu-text-color);
  text-align: center;
}
.el-cascader__suggestion-list.el-vl__window {
  margin: 6px 0;
  padding: 0;
}
.el-cascader__suggestion-list.el-vl__window ul {
  margin: 0;
  padding: 0;
}

.el-cascader__suggestion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  text-align: left;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}
.el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus {
  background: var(--el-cascader-node-background-hover);
}
.el-cascader__suggestion-item.is-checked {
  color: var(--el-cascader-menu-selected-text-color);
  font-weight: bold;
}
.el-cascader__suggestion-item > :not(.el-icon) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.el-cascader__suggestion-item > span {
  margin-right: 10px;
}
.el-cascader__suggestion-item .el-icon {
  flex-shrink: 0;
}

.el-cascader__empty-text {
  margin: 10px 0;
  color: var(--el-cascader-color-empty);
}

.el-cascader__search-input {
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin-left: 7px;
  padding: 0;
  color: var(--el-cascader-menu-text-color);
  border: none;
  outline: none;
  box-sizing: border-box;
  background: transparent;
}
.el-cascader__search-input::placeholder {
  color: transparent;
}

.el-check-tag {
  background-color: var(--el-color-info-light-9);
  border-radius: var(--el-border-radius-base);
  color: var(--el-color-info);
  cursor: pointer;
  display: inline-block;
  font-size: var(--el-font-size-base);
  line-height: var(--el-font-size-base);
  padding: 7px 15px;
  transition: var(--el-transition-all);
  font-weight: bold;
}
.el-check-tag:hover {
  background-color: var(--el-color-info-light-7);
}
.el-check-tag.el-check-tag--primary.is-checked {
  background-color: var(--el-color-primary-light-8);
  color: var(--el-color-primary);
}
.el-check-tag.el-check-tag--primary.is-checked:hover {
  background-color: var(--el-color-primary-light-7);
}
.el-check-tag.el-check-tag--primary.is-checked.is-disabled {
  background-color: var(--el-color-primary-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--primary.is-checked.is-disabled:hover {
  background-color: var(--el-color-primary-light-8);
}

.el-check-tag.el-check-tag--primary.is-disabled {
  background-color: var(--el-color-info-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--primary.is-disabled:hover {
  background-color: var(--el-color-info-light-9);
}

.el-check-tag.el-check-tag--success.is-checked {
  background-color: var(--el-color-success-light-8);
  color: var(--el-color-success);
}
.el-check-tag.el-check-tag--success.is-checked:hover {
  background-color: var(--el-color-success-light-7);
}
.el-check-tag.el-check-tag--success.is-checked.is-disabled {
  background-color: var(--el-color-success-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--success.is-checked.is-disabled:hover {
  background-color: var(--el-color-success-light-8);
}

.el-check-tag.el-check-tag--success.is-disabled {
  background-color: var(--el-color-success-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--success.is-disabled:hover {
  background-color: var(--el-color-success-light-9);
}

.el-check-tag.el-check-tag--warning.is-checked {
  background-color: var(--el-color-warning-light-8);
  color: var(--el-color-warning);
}
.el-check-tag.el-check-tag--warning.is-checked:hover {
  background-color: var(--el-color-warning-light-7);
}
.el-check-tag.el-check-tag--warning.is-checked.is-disabled {
  background-color: var(--el-color-warning-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--warning.is-checked.is-disabled:hover {
  background-color: var(--el-color-warning-light-8);
}

.el-check-tag.el-check-tag--warning.is-disabled {
  background-color: var(--el-color-warning-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--warning.is-disabled:hover {
  background-color: var(--el-color-warning-light-9);
}

.el-check-tag.el-check-tag--danger.is-checked {
  background-color: var(--el-color-danger-light-8);
  color: var(--el-color-danger);
}
.el-check-tag.el-check-tag--danger.is-checked:hover {
  background-color: var(--el-color-danger-light-7);
}
.el-check-tag.el-check-tag--danger.is-checked.is-disabled {
  background-color: var(--el-color-danger-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--danger.is-checked.is-disabled:hover {
  background-color: var(--el-color-danger-light-8);
}

.el-check-tag.el-check-tag--danger.is-disabled {
  background-color: var(--el-color-danger-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--danger.is-disabled:hover {
  background-color: var(--el-color-danger-light-9);
}

.el-check-tag.el-check-tag--error.is-checked {
  background-color: var(--el-color-error-light-8);
  color: var(--el-color-error);
}
.el-check-tag.el-check-tag--error.is-checked:hover {
  background-color: var(--el-color-error-light-7);
}
.el-check-tag.el-check-tag--error.is-checked.is-disabled {
  background-color: var(--el-color-error-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--error.is-checked.is-disabled:hover {
  background-color: var(--el-color-error-light-8);
}

.el-check-tag.el-check-tag--error.is-disabled {
  background-color: var(--el-color-error-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--error.is-disabled:hover {
  background-color: var(--el-color-error-light-9);
}

.el-check-tag.el-check-tag--info.is-checked {
  background-color: var(--el-color-info-light-8);
  color: var(--el-color-info);
}
.el-check-tag.el-check-tag--info.is-checked:hover {
  background-color: var(--el-color-info-light-7);
}
.el-check-tag.el-check-tag--info.is-checked.is-disabled {
  background-color: var(--el-color-info-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--info.is-checked.is-disabled:hover {
  background-color: var(--el-color-info-light-8);
}

.el-check-tag.el-check-tag--info.is-disabled {
  background-color: var(--el-color-info-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--info.is-disabled:hover {
  background-color: var(--el-color-info-light-9);
}

.el-checkbox-button {
  --el-checkbox-button-checked-bg-color: var(--el-color-primary);
  --el-checkbox-button-checked-text-color: var(--el-color-white);
  --el-checkbox-button-checked-border-color: var(--el-color-primary);
  --el-checkbox-button-disabled-checked-fill: var(--el-border-color-extra-light);
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: var(--el-checkbox-font-weight);
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
  outline: var(--el-border);
  color: var(--el-button-text-color, var(--el-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  transition: var(--el-transition-all);
  user-select: none;
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 8px 15px;
}
.el-checkbox-button__inner:hover {
  color: var(--el-color-primary);
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: var(--el-checkbox-button-checked-text-color);
  background-color: var(--el-checkbox-button-checked-bg-color);
  border-color: var(--el-checkbox-button-checked-border-color);
  box-shadow: -1px 0 0 0 var(--el-color-primary-light-7);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
}
.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
  background-color: var(--el-checkbox-button-disabled-checked-fill);
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-top-left-radius: var(--el-border-radius-base);
  border-bottom-left-radius: var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-top-right-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
}
.el-checkbox-button--large .el-checkbox-button__inner {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-checkbox-button--large .el-checkbox-button__inner.is-round {
  padding: 12px 19px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 5px 11px;
}

.el-checkbox-group {
  font-size: 0;
  line-height: 0;
}

.el-checkbox {
  --el-checkbox-font-size: 14px;
  --el-checkbox-font-weight: normal;
  --el-checkbox-text-color: var(--el-text-color-regular);
  --el-checkbox-input-height: 14px;
  --el-checkbox-input-width: 14px;
  --el-checkbox-border-radius: var(--el-border-radius-small);
  --el-checkbox-bg-color: var(--el-fill-color-blank);
  --el-checkbox-input-border: var(--el-border);
  --el-checkbox-disabled-border-color: var(--el-border-color);
  --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
  --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
  --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
  --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-checked-text-color: var(--el-color-primary);
  --el-checkbox-checked-input-border-color: var(--el-color-primary);
  --el-checkbox-checked-bg-color: var(--el-color-primary);
  --el-checkbox-checked-icon-color: var(--el-color-white);
  --el-checkbox-input-border-color-hover: var(--el-color-primary);
}

.el-checkbox {
  color: var(--el-checkbox-text-color);
  font-weight: var(--el-checkbox-font-weight);
  font-size: var(--el-font-size-base);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  user-select: none;
  margin-right: 30px;
  height: var(--el-checkbox-height, 32px);
}
.el-checkbox.is-disabled {
  cursor: not-allowed;
}

.el-checkbox.is-bordered {
  padding: 0 15px 0 9px;
  border-radius: var(--el-border-radius-base);
  border: var(--el-border);
  box-sizing: border-box;
}
.el-checkbox.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-checkbox.is-bordered.is-disabled {
  border-color: var(--el-border-color-lighter);
}
.el-checkbox.is-bordered.el-checkbox--large {
  padding: 0 19px 0 11px;
  border-radius: var(--el-border-radius-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
  font-size: var(--el-font-size-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 0 11px 0 7px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox input:focus-visible + .el-checkbox__inner {
  outline: 2px solid var(--el-checkbox-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--el-checkbox-border-radius);
}
.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-input-fill);
  border-color: var(--el-checkbox-disabled-border-color);
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: var(--el-checkbox-disabled-icon-color);
  will-change: transform;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: var(--el-checkbox-disabled-checked-icon-color);
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: translate(-45%, -60%) rotate(45deg) scaleY(1);
  border-color: var(--el-checkbox-checked-icon-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--el-checkbox-checked-text-color);
}

.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
  border-color: var(--el-checkbox-input-border-color-hover);
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--el-checkbox-checked-icon-color);
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: var(--el-checkbox-input-border);
  border-radius: var(--el-checkbox-border-radius);
  box-sizing: border-box;
  width: var(--el-checkbox-input-width);
  height: var(--el-checkbox-input-height);
  background-color: var(--el-checkbox-bg-color);
  z-index: var(--el-index-normal);
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: var(--el-checkbox-input-border-color-hover);
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid transparent;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-45%, -60%) rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 8px;
  line-height: 1;
  font-size: var(--el-checkbox-font-size);
}

.el-checkbox.el-checkbox--large {
  height: 40px;
}
.el-checkbox.el-checkbox--large .el-checkbox__label {
  font-size: 14px;
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
  width: 14px;
  height: 14px;
}

.el-checkbox.el-checkbox--small {
  height: 24px;
}
.el-checkbox.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
  width: 12px;
  height: 12px;
}

.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 4px;
}

.el-checkbox.el-checkbox--small .el-checkbox__inner::after {
  width: 2px;
  height: 6px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

[class*=el-col-] {
  box-sizing: border-box;
}
[class*=el-col-].is-guttered {
  display: block;
  min-height: 1px;
}

.el-col-0 {
  display: none;
  max-width: 0%;
  flex: 0 0 0%;
}
.el-col-0.is-guttered {
  display: none;
}

.el-col-offset-0 {
  margin-left: 0%;
}

.el-col-pull-0 {
  position: relative;
  right: 0%;
}

.el-col-push-0 {
  position: relative;
  left: 0%;
}

.el-col-1 {
  display: block;
  max-width: 4.1666666667%;
  flex: 0 0 4.1666666667%;
}
.el-col-1.is-guttered {
  display: block;
}

.el-col-offset-1 {
  margin-left: 4.1666666667%;
}

.el-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.el-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.el-col-2 {
  display: block;
  max-width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
}
.el-col-2.is-guttered {
  display: block;
}

.el-col-offset-2 {
  margin-left: 8.3333333333%;
}

.el-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.el-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.el-col-3 {
  display: block;
  max-width: 12.5%;
  flex: 0 0 12.5%;
}
.el-col-3.is-guttered {
  display: block;
}

.el-col-offset-3 {
  margin-left: 12.5%;
}

.el-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.el-col-push-3 {
  position: relative;
  left: 12.5%;
}

.el-col-4 {
  display: block;
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
}
.el-col-4.is-guttered {
  display: block;
}

.el-col-offset-4 {
  margin-left: 16.6666666667%;
}

.el-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.el-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.el-col-5 {
  display: block;
  max-width: 20.8333333333%;
  flex: 0 0 20.8333333333%;
}
.el-col-5.is-guttered {
  display: block;
}

.el-col-offset-5 {
  margin-left: 20.8333333333%;
}

.el-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.el-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.el-col-6 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}
.el-col-6.is-guttered {
  display: block;
}

.el-col-offset-6 {
  margin-left: 25%;
}

.el-col-pull-6 {
  position: relative;
  right: 25%;
}

.el-col-push-6 {
  position: relative;
  left: 25%;
}

.el-col-7 {
  display: block;
  max-width: 29.1666666667%;
  flex: 0 0 29.1666666667%;
}
.el-col-7.is-guttered {
  display: block;
}

.el-col-offset-7 {
  margin-left: 29.1666666667%;
}

.el-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.el-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.el-col-8 {
  display: block;
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
.el-col-8.is-guttered {
  display: block;
}

.el-col-offset-8 {
  margin-left: 33.3333333333%;
}

.el-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.el-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.el-col-9 {
  display: block;
  max-width: 37.5%;
  flex: 0 0 37.5%;
}
.el-col-9.is-guttered {
  display: block;
}

.el-col-offset-9 {
  margin-left: 37.5%;
}

.el-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.el-col-push-9 {
  position: relative;
  left: 37.5%;
}

.el-col-10 {
  display: block;
  max-width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
}
.el-col-10.is-guttered {
  display: block;
}

.el-col-offset-10 {
  margin-left: 41.6666666667%;
}

.el-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.el-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.el-col-11 {
  display: block;
  max-width: 45.8333333333%;
  flex: 0 0 45.8333333333%;
}
.el-col-11.is-guttered {
  display: block;
}

.el-col-offset-11 {
  margin-left: 45.8333333333%;
}

.el-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.el-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.el-col-12 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}
.el-col-12.is-guttered {
  display: block;
}

.el-col-offset-12 {
  margin-left: 50%;
}

.el-col-pull-12 {
  position: relative;
  right: 50%;
}

.el-col-push-12 {
  position: relative;
  left: 50%;
}

.el-col-13 {
  display: block;
  max-width: 54.1666666667%;
  flex: 0 0 54.1666666667%;
}
.el-col-13.is-guttered {
  display: block;
}

.el-col-offset-13 {
  margin-left: 54.1666666667%;
}

.el-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.el-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.el-col-14 {
  display: block;
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
}
.el-col-14.is-guttered {
  display: block;
}

.el-col-offset-14 {
  margin-left: 58.3333333333%;
}

.el-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.el-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.el-col-15 {
  display: block;
  max-width: 62.5%;
  flex: 0 0 62.5%;
}
.el-col-15.is-guttered {
  display: block;
}

.el-col-offset-15 {
  margin-left: 62.5%;
}

.el-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.el-col-push-15 {
  position: relative;
  left: 62.5%;
}

.el-col-16 {
  display: block;
  max-width: 66.6666666667%;
  flex: 0 0 66.6666666667%;
}
.el-col-16.is-guttered {
  display: block;
}

.el-col-offset-16 {
  margin-left: 66.6666666667%;
}

.el-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.el-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.el-col-17 {
  display: block;
  max-width: 70.8333333333%;
  flex: 0 0 70.8333333333%;
}
.el-col-17.is-guttered {
  display: block;
}

.el-col-offset-17 {
  margin-left: 70.8333333333%;
}

.el-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.el-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.el-col-18 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}
.el-col-18.is-guttered {
  display: block;
}

.el-col-offset-18 {
  margin-left: 75%;
}

.el-col-pull-18 {
  position: relative;
  right: 75%;
}

.el-col-push-18 {
  position: relative;
  left: 75%;
}

.el-col-19 {
  display: block;
  max-width: 79.1666666667%;
  flex: 0 0 79.1666666667%;
}
.el-col-19.is-guttered {
  display: block;
}

.el-col-offset-19 {
  margin-left: 79.1666666667%;
}

.el-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.el-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.el-col-20 {
  display: block;
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
}
.el-col-20.is-guttered {
  display: block;
}

.el-col-offset-20 {
  margin-left: 83.3333333333%;
}

.el-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.el-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.el-col-21 {
  display: block;
  max-width: 87.5%;
  flex: 0 0 87.5%;
}
.el-col-21.is-guttered {
  display: block;
}

.el-col-offset-21 {
  margin-left: 87.5%;
}

.el-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.el-col-push-21 {
  position: relative;
  left: 87.5%;
}

.el-col-22 {
  display: block;
  max-width: 91.6666666667%;
  flex: 0 0 91.6666666667%;
}
.el-col-22.is-guttered {
  display: block;
}

.el-col-offset-22 {
  margin-left: 91.6666666667%;
}

.el-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.el-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.el-col-23 {
  display: block;
  max-width: 95.8333333333%;
  flex: 0 0 95.8333333333%;
}
.el-col-23.is-guttered {
  display: block;
}

.el-col-offset-23 {
  margin-left: 95.8333333333%;
}

.el-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.el-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.el-col-24 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}
.el-col-24.is-guttered {
  display: block;
}

.el-col-offset-24 {
  margin-left: 100%;
}

.el-col-pull-24 {
  position: relative;
  right: 100%;
}

.el-col-push-24 {
  position: relative;
  left: 100%;
}

@media only screen and (max-width: 767px) {
  .el-col-xs-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-xs-0.is-guttered {
    display: none;
  }
  .el-col-xs-offset-0 {
    margin-left: 0%;
  }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xs-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-xs-1.is-guttered {
    display: block;
  }
  .el-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xs-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-xs-2.is-guttered {
    display: block;
  }
  .el-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xs-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-xs-3.is-guttered {
    display: block;
  }
  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xs-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-xs-4.is-guttered {
    display: block;
  }
  .el-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xs-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-xs-5.is-guttered {
    display: block;
  }
  .el-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xs-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-xs-6.is-guttered {
    display: block;
  }
  .el-col-xs-offset-6 {
    margin-left: 25%;
  }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xs-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-xs-7.is-guttered {
    display: block;
  }
  .el-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xs-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-xs-8.is-guttered {
    display: block;
  }
  .el-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xs-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-xs-9.is-guttered {
    display: block;
  }
  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xs-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-xs-10.is-guttered {
    display: block;
  }
  .el-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xs-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-xs-11.is-guttered {
    display: block;
  }
  .el-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xs-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-xs-12.is-guttered {
    display: block;
  }
  .el-col-xs-offset-12 {
    margin-left: 50%;
  }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xs-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-xs-13.is-guttered {
    display: block;
  }
  .el-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xs-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-xs-14.is-guttered {
    display: block;
  }
  .el-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xs-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-xs-15.is-guttered {
    display: block;
  }
  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xs-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-xs-16.is-guttered {
    display: block;
  }
  .el-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xs-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-xs-17.is-guttered {
    display: block;
  }
  .el-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xs-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-xs-18.is-guttered {
    display: block;
  }
  .el-col-xs-offset-18 {
    margin-left: 75%;
  }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xs-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-xs-19.is-guttered {
    display: block;
  }
  .el-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xs-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-xs-20.is-guttered {
    display: block;
  }
  .el-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xs-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-xs-21.is-guttered {
    display: block;
  }
  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xs-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-xs-22.is-guttered {
    display: block;
  }
  .el-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xs-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-xs-23.is-guttered {
    display: block;
  }
  .el-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xs-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-xs-24.is-guttered {
    display: block;
  }
  .el-col-xs-offset-24 {
    margin-left: 100%;
  }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .el-col-sm-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-sm-0.is-guttered {
    display: none;
  }
  .el-col-sm-offset-0 {
    margin-left: 0%;
  }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-sm-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-sm-1.is-guttered {
    display: block;
  }
  .el-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-sm-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-sm-2.is-guttered {
    display: block;
  }
  .el-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-sm-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-sm-3.is-guttered {
    display: block;
  }
  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-sm-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-sm-4.is-guttered {
    display: block;
  }
  .el-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-sm-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-sm-5.is-guttered {
    display: block;
  }
  .el-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-sm-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-sm-6.is-guttered {
    display: block;
  }
  .el-col-sm-offset-6 {
    margin-left: 25%;
  }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-sm-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-sm-7.is-guttered {
    display: block;
  }
  .el-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-sm-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-sm-8.is-guttered {
    display: block;
  }
  .el-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-sm-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-sm-9.is-guttered {
    display: block;
  }
  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-sm-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-sm-10.is-guttered {
    display: block;
  }
  .el-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-sm-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-sm-11.is-guttered {
    display: block;
  }
  .el-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-sm-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-sm-12.is-guttered {
    display: block;
  }
  .el-col-sm-offset-12 {
    margin-left: 50%;
  }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-sm-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-sm-13.is-guttered {
    display: block;
  }
  .el-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-sm-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-sm-14.is-guttered {
    display: block;
  }
  .el-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-sm-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-sm-15.is-guttered {
    display: block;
  }
  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-sm-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-sm-16.is-guttered {
    display: block;
  }
  .el-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-sm-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-sm-17.is-guttered {
    display: block;
  }
  .el-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-sm-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-sm-18.is-guttered {
    display: block;
  }
  .el-col-sm-offset-18 {
    margin-left: 75%;
  }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-sm-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-sm-19.is-guttered {
    display: block;
  }
  .el-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-sm-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-sm-20.is-guttered {
    display: block;
  }
  .el-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-sm-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-sm-21.is-guttered {
    display: block;
  }
  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-sm-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-sm-22.is-guttered {
    display: block;
  }
  .el-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-sm-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-sm-23.is-guttered {
    display: block;
  }
  .el-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-sm-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-sm-24.is-guttered {
    display: block;
  }
  .el-col-sm-offset-24 {
    margin-left: 100%;
  }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .el-col-md-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-md-0.is-guttered {
    display: none;
  }
  .el-col-md-offset-0 {
    margin-left: 0%;
  }
  .el-col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-md-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-md-1.is-guttered {
    display: block;
  }
  .el-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-md-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-md-2.is-guttered {
    display: block;
  }
  .el-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-md-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-md-3.is-guttered {
    display: block;
  }
  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-md-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-md-4.is-guttered {
    display: block;
  }
  .el-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-md-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-md-5.is-guttered {
    display: block;
  }
  .el-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-md-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-md-6.is-guttered {
    display: block;
  }
  .el-col-md-offset-6 {
    margin-left: 25%;
  }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-md-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-md-7.is-guttered {
    display: block;
  }
  .el-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-md-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-md-8.is-guttered {
    display: block;
  }
  .el-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-md-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-md-9.is-guttered {
    display: block;
  }
  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-md-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-md-10.is-guttered {
    display: block;
  }
  .el-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-md-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-md-11.is-guttered {
    display: block;
  }
  .el-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-md-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-md-12.is-guttered {
    display: block;
  }
  .el-col-md-offset-12 {
    margin-left: 50%;
  }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-md-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-md-13.is-guttered {
    display: block;
  }
  .el-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-md-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-md-14.is-guttered {
    display: block;
  }
  .el-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-md-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-md-15.is-guttered {
    display: block;
  }
  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-md-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-md-16.is-guttered {
    display: block;
  }
  .el-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-md-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-md-17.is-guttered {
    display: block;
  }
  .el-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-md-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-md-18.is-guttered {
    display: block;
  }
  .el-col-md-offset-18 {
    margin-left: 75%;
  }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-md-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-md-19.is-guttered {
    display: block;
  }
  .el-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-md-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-md-20.is-guttered {
    display: block;
  }
  .el-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-md-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-md-21.is-guttered {
    display: block;
  }
  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-md-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-md-22.is-guttered {
    display: block;
  }
  .el-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-md-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-md-23.is-guttered {
    display: block;
  }
  .el-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-md-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-md-24.is-guttered {
    display: block;
  }
  .el-col-md-offset-24 {
    margin-left: 100%;
  }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .el-col-lg-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-lg-0.is-guttered {
    display: none;
  }
  .el-col-lg-offset-0 {
    margin-left: 0%;
  }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-lg-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-lg-1.is-guttered {
    display: block;
  }
  .el-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-lg-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-lg-2.is-guttered {
    display: block;
  }
  .el-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-lg-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-lg-3.is-guttered {
    display: block;
  }
  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-lg-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-lg-4.is-guttered {
    display: block;
  }
  .el-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-lg-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-lg-5.is-guttered {
    display: block;
  }
  .el-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-lg-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-lg-6.is-guttered {
    display: block;
  }
  .el-col-lg-offset-6 {
    margin-left: 25%;
  }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-lg-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-lg-7.is-guttered {
    display: block;
  }
  .el-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-lg-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-lg-8.is-guttered {
    display: block;
  }
  .el-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-lg-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-lg-9.is-guttered {
    display: block;
  }
  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-lg-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-lg-10.is-guttered {
    display: block;
  }
  .el-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-lg-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-lg-11.is-guttered {
    display: block;
  }
  .el-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-lg-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-lg-12.is-guttered {
    display: block;
  }
  .el-col-lg-offset-12 {
    margin-left: 50%;
  }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-lg-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-lg-13.is-guttered {
    display: block;
  }
  .el-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-lg-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-lg-14.is-guttered {
    display: block;
  }
  .el-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-lg-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-lg-15.is-guttered {
    display: block;
  }
  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-lg-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-lg-16.is-guttered {
    display: block;
  }
  .el-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-lg-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-lg-17.is-guttered {
    display: block;
  }
  .el-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-lg-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-lg-18.is-guttered {
    display: block;
  }
  .el-col-lg-offset-18 {
    margin-left: 75%;
  }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-lg-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-lg-19.is-guttered {
    display: block;
  }
  .el-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-lg-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-lg-20.is-guttered {
    display: block;
  }
  .el-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-lg-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-lg-21.is-guttered {
    display: block;
  }
  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-lg-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-lg-22.is-guttered {
    display: block;
  }
  .el-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-lg-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-lg-23.is-guttered {
    display: block;
  }
  .el-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-lg-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-lg-24.is-guttered {
    display: block;
  }
  .el-col-lg-offset-24 {
    margin-left: 100%;
  }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .el-col-xl-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-xl-0.is-guttered {
    display: none;
  }
  .el-col-xl-offset-0 {
    margin-left: 0%;
  }
  .el-col-xl-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xl-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xl-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-xl-1.is-guttered {
    display: block;
  }
  .el-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xl-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-xl-2.is-guttered {
    display: block;
  }
  .el-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xl-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-xl-3.is-guttered {
    display: block;
  }
  .el-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xl-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-xl-4.is-guttered {
    display: block;
  }
  .el-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xl-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-xl-5.is-guttered {
    display: block;
  }
  .el-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xl-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-xl-6.is-guttered {
    display: block;
  }
  .el-col-xl-offset-6 {
    margin-left: 25%;
  }
  .el-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xl-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-xl-7.is-guttered {
    display: block;
  }
  .el-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xl-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-xl-8.is-guttered {
    display: block;
  }
  .el-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xl-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-xl-9.is-guttered {
    display: block;
  }
  .el-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xl-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-xl-10.is-guttered {
    display: block;
  }
  .el-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xl-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-xl-11.is-guttered {
    display: block;
  }
  .el-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xl-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-xl-12.is-guttered {
    display: block;
  }
  .el-col-xl-offset-12 {
    margin-left: 50%;
  }
  .el-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xl-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-xl-13.is-guttered {
    display: block;
  }
  .el-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xl-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-xl-14.is-guttered {
    display: block;
  }
  .el-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xl-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-xl-15.is-guttered {
    display: block;
  }
  .el-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xl-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-xl-16.is-guttered {
    display: block;
  }
  .el-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xl-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-xl-17.is-guttered {
    display: block;
  }
  .el-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xl-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-xl-18.is-guttered {
    display: block;
  }
  .el-col-xl-offset-18 {
    margin-left: 75%;
  }
  .el-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xl-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-xl-19.is-guttered {
    display: block;
  }
  .el-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xl-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-xl-20.is-guttered {
    display: block;
  }
  .el-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xl-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-xl-21.is-guttered {
    display: block;
  }
  .el-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xl-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-xl-22.is-guttered {
    display: block;
  }
  .el-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xl-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-xl-23.is-guttered {
    display: block;
  }
  .el-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xl-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-xl-24.is-guttered {
    display: block;
  }
  .el-col-xl-offset-24 {
    margin-left: 100%;
  }
  .el-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xl-push-24 {
    position: relative;
    left: 100%;
  }
}
.el-collapse-item.is-disabled .el-collapse-item__header {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-collapse-item__header {
  width: 100%;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  min-height: var(--el-collapse-header-height);
  line-height: var(--el-collapse-header-height);
  background-color: var(--el-collapse-header-bg-color);
  color: var(--el-collapse-header-text-color);
  cursor: pointer;
  border-bottom: 1px solid var(--el-collapse-border-color);
  font-size: var(--el-collapse-header-font-size);
  font-weight: 500;
  transition: border-bottom-color var(--el-transition-duration);
  outline: none;
  box-sizing: border-box;
}
.el-collapse-item__arrow {
  transition: transform var(--el-transition-duration);
  font-weight: 300;
}
.el-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}

.el-collapse-item__title {
  text-align: left;
  flex: auto;
}

.el-collapse-item__header.focusing:focus:not(:hover) {
  color: var(--el-color-primary);
}
.el-collapse-item__header.is-active {
  border-bottom-color: transparent;
}

.el-collapse-item__wrap {
  will-change: height;
  background-color: var(--el-collapse-content-bg-color);
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid var(--el-collapse-border-color);
}

.el-collapse-item__content {
  padding-bottom: 25px;
  font-size: var(--el-collapse-content-font-size);
  color: var(--el-collapse-content-text-color);
  line-height: 1.7692307692;
}

.el-collapse-item:last-child {
  margin-bottom: -1px;
}

.el-collapse {
  --el-collapse-border-color: var(--el-border-color-lighter);
  --el-collapse-header-height: 48px;
  --el-collapse-header-bg-color: var(--el-fill-color-blank);
  --el-collapse-header-text-color: var(--el-text-color-primary);
  --el-collapse-header-font-size: 13px;
  --el-collapse-content-bg-color: var(--el-fill-color-blank);
  --el-collapse-content-font-size: 13px;
  --el-collapse-content-text-color: var(--el-text-color-primary);
  border-top: 1px solid var(--el-collapse-border-color);
  border-bottom: 1px solid var(--el-collapse-border-color);
}

.el-collapse-icon-position-left .el-collapse-item__header {
  gap: 8px;
}
.el-collapse-icon-position-left .el-collapse-item__title {
  order: 1;
}
.el-collapse-icon-position-right .el-collapse-item__header {
  padding-right: 8px;
}

.el-color-picker-panel {
  --el-colorpicker-bg-color: var(--el-bg-color-overlay);
  --el-fill-color-blank: var(--el-colorpicker-bg-color);
}

.el-color-picker-panel {
  width: 300px;
  padding: 12px;
  box-sizing: content-box;
  background: var(--el-colorpicker-bg-color);
}
.el-color-picker-panel.is-border {
  border: solid 1px var(--el-border-color-lighter);
  border-radius: 4px;
}

.el-color-picker-panel__wrapper {
  margin-bottom: 6px;
}
.el-color-picker-panel__footer {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  text-align: right;
}
.el-color-picker-panel__footer .el-input {
  line-height: 26px;
  font-size: 12px;
  color: #000000;
  width: 160px;
}

.el-color-picker-panel.is-disabled .el-color-svpanel {
  cursor: not-allowed;
  opacity: 0.3;
}
.el-color-picker-panel.is-disabled .el-color-hue-slider {
  cursor: not-allowed;
  opacity: 0.3;
}
.el-color-picker-panel.is-disabled .el-color-hue-slider__thumb {
  cursor: not-allowed;
}

.el-color-picker-panel.is-disabled .el-color-alpha-slider {
  cursor: not-allowed;
  opacity: 0.3;
}
.el-color-picker-panel.is-disabled .el-color-predefine .el-color-predefine__color-selector {
  cursor: not-allowed;
  opacity: 0.3;
}

.el-color-predefine {
  display: flex;
  font-size: 12px;
  margin-top: 8px;
  width: 280px;
}
.el-color-predefine__colors {
  display: flex;
  gap: 8px;
  flex: 1;
  flex-wrap: wrap;
}

.el-color-predefine__color-selector {
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: var(--el-border-radius-base);
  border: none;
  outline: none;
  overflow: hidden;
  cursor: pointer;
}
.el-color-predefine__color-selector.selected {
  box-shadow: 0 0 3px 2px var(--el-color-primary);
}
.el-color-predefine__color-selector:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-color-predefine__color-selector > div {
  display: flex;
  height: 100%;
}
.el-color-predefine__color-selector.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-color: #f00;
  padding: 0 2px;
  float: right;
}
.el-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  height: 100%;
}

.el-color-hue-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid var(--el-border-color-lighter);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.el-color-hue-slider__thumb:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}

.el-color-hue-slider.is-vertical {
  width: 12px;
  height: 180px;
  padding: 2px 0;
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.el-color-svpanel {
  position: relative;
  width: 280px;
  height: 180px;
  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.el-color-svpanel__cursor {
  position: absolute;
  cursor: pointer;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}
.el-color-svpanel__cursor:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}

.el-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  background-size: 12px 12px;
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
}
.el-color-alpha-slider.is-disabled .el-color-alpha-slider__thumb {
  cursor: not-allowed;
}

.el-color-alpha-slider__bar {
  position: relative;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--el-bg-color) 100%);
  height: 100%;
}

.el-color-alpha-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid var(--el-border-color-lighter);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.el-color-alpha-slider__thumb:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}

.el-color-alpha-slider.is-vertical {
  width: 20px;
  height: 180px;
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.el-color-picker-panel {
  --el-color-picker-alpha-bg-a: #ccc;
  --el-color-picker-alpha-bg-b: transparent;
}

.dark .el-color-picker-panel {
  --el-color-picker-alpha-bg-a: #333333;
}

.el-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  outline: none;
  height: 32px;
  width: 32px;
}
.el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
  border-color: var(--el-border-color-hover);
}
.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}
.el-color-picker.is-focused .el-color-picker__trigger {
  border-color: var(--el-color-primary);
}

.el-color-picker.is-disabled .el-color-picker__trigger {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
}
.el-color-picker.is-disabled .el-color-picker__color {
  opacity: 0.3;
}

.el-color-picker--large {
  height: 40px;
  width: 40px;
}

.el-color-picker--small {
  height: 24px;
  width: 24px;
}

.el-color-picker--small .el-color-picker__icon,
.el-color-picker--small .el-color-picker__empty {
  transform: scale(0.8);
}

.el-color-picker__trigger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding: 4px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
  font-size: 0;
  position: relative;
  cursor: pointer;
}

.el-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid var(--el-text-color-secondary);
  border-radius: var(--el-border-radius-small);
  width: 100%;
  height: 100%;
  text-align: center;
}
.el-color-picker__color.is-alpha {
  background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  background-size: 12px 12px;
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
}

.el-color-picker__color-inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.el-color-picker .el-color-picker__empty {
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.el-color-picker .el-color-picker__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 12px;
}
.el-color-picker__panel {
  background-color: #ffffff;
  border-radius: var(--el-border-radius-base);
  box-shadow: var(--el-box-shadow-light);
}
.el-color-picker__panel.el-popper {
  border: 1px solid var(--el-border-color-lighter);
}

.el-color-picker,
.el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #ccc;
  --el-color-picker-alpha-bg-b: transparent;
}

.dark .el-color-picker,
.dark .el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #333333;
}

.el-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
}
.el-container.is-vertical {
  flex-direction: column;
}

.el-date-table {
  font-size: 12px;
  user-select: none;
}
.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: var(--el-datepicker-text-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}

.el-date-table td {
  width: 32px;
  height: 30px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.el-date-table td .el-date-table-cell {
  height: 30px;
  padding: 3px 0;
  box-sizing: border-box;
}
.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.el-date-table td.next-month, .el-date-table td.prev-month {
  color: var(--el-datepicker-off-text-color);
}
.el-date-table td.today {
  position: relative;
}
.el-date-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-date-table td.today.start-date .el-date-table-cell__text, .el-date-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-date-table td.available:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}
.el-date-table td.start-date .el-date-table-cell, .el-date-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-date-table td.start-date .el-date-table-cell__text, .el-date-table td.end-date .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.start-date .el-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table td.end-date .el-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table td.disabled .el-date-table-cell {
  background-color: var(--el-fill-color-light);
  opacity: 1;
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-date-table td.selected .el-date-table-cell {
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 15px;
}
.el-date-table td.selected .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  color: #ffffff;
  border-radius: 15px;
}
.el-date-table td.week {
  font-size: 80%;
  color: var(--el-datepicker-off-text-color);
  cursor: default;
}
.el-date-table td:focus {
  outline: none;
}
.el-date-table th {
  padding: 5px;
  color: var(--el-datepicker-header-text-color);
  font-weight: 400;
  border-bottom: solid 1px var(--el-border-color-lighter);
}
.el-date-table th.el-date-table__week-header {
  padding: 0;
  width: 24px;
}

.el-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-month-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
  position: relative;
}
.el-month-table td .el-date-table-cell {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-month-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-month-table td.today.start-date .el-date-table-cell__text, .el-month-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-month-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-month-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-month-table td .el-date-table-cell__text {
  width: 54px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--el-datepicker-text-color);
  margin: 0 auto;
  border-radius: 18px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.el-month-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-month-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-month-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-month-table td.start-date .el-date-table-cell, .el-month-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-month-table td.start-date .el-date-table-cell__text, .el-month-table td.end-date .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-month-table td.start-date .el-date-table-cell {
  margin-left: 3px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-month-table td.end-date .el-date-table-cell {
  margin-right: 3px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell {
  border-radius: 24px;
  margin-left: 3px;
  margin-right: 3px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-month-table td:focus-visible {
  outline: none;
}
.el-month-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}

.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-year-table .el-icon {
  color: var(--el-datepicker-icon-color);
}
.el-year-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0px;
  cursor: pointer;
  position: relative;
}
.el-year-table td .el-date-table-cell {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-year-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-year-table td.today.start-date .el-date-table-cell__text, .el-year-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-year-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-year-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-year-table td .el-date-table-cell__text {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--el-datepicker-text-color);
  border-radius: 18px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.el-year-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-year-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-year-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-year-table td.start-date .el-date-table-cell, .el-year-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-year-table td.start-date .el-date-table-cell__text, .el-year-table td.end-date .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-year-table td.start-date .el-date-table-cell {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-year-table td.end-date .el-date-table-cell {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-year-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-year-table td:focus-visible {
  outline: none;
}
.el-year-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  max-height: 192px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  position: absolute;
  left: 0;
  width: 100%;
  z-index: var(--el-index-normal);
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.el-time-spinner__arrow:hover {
  color: var(--el-color-primary);
}
.el-time-spinner__arrow.arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: var(--el-text-color-regular);
}
.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: pointer;
}
.el-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--el-text-color-primary);
  font-weight: bold;
}
.el-time-spinner__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

.el-picker__popper {
  --el-datepicker-border-color: var(--el-disabled-border-color);
}
.el-picker__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-datepicker-border-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-datepicker-border-color);
}
.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-date-editor {
  --el-date-editor-width: 220px;
  --el-date-editor-monthrange-width: 300px;
  --el-date-editor-daterange-width: 350px;
  --el-date-editor-datetimerange-width: 400px;
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: var(--el-border);
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.el-date-editor.el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
}
.el-date-editor.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-date-editor.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-date-editor.el-input, .el-date-editor.el-input__wrapper {
  width: var(--el-date-editor-width);
  height: var(--el-input-height, var(--el-component-size));
}
.el-date-editor--monthrange {
  --el-date-editor-width: var(--el-date-editor-monthrange-width);
}

.el-date-editor--daterange, .el-date-editor--timerange {
  --el-date-editor-width: var(--el-date-editor-daterange-width);
}

.el-date-editor--datetimerange {
  --el-date-editor-width: var(--el-date-editor-datetimerange-width);
}

.el-date-editor--dates .el-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .close-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__icon {
  height: inherit;
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  float: left;
}
.el-date-editor .el-range__icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range-input {
  appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  background-color: transparent;
}
.el-date-editor .el-range-input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-date-editor .el-range-separator {
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  font-size: 14px;
  overflow-wrap: break-word;
  color: var(--el-text-color-primary);
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  height: inherit;
  width: unset;
  cursor: pointer;
}
.el-date-editor .el-range__close-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__close-icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range__close-icon--hidden {
  opacity: 0;
  visibility: hidden;
}

.el-range-editor.el-input__wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  vertical-align: middle;
}
.el-range-editor.is-active {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-range-editor.is-active:hover {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-range-editor--large {
  line-height: var(--el-component-size-large);
}
.el-range-editor--large.el-input__wrapper {
  height: var(--el-component-size-large);
}
.el-range-editor--large .el-range-separator {
  line-height: 40px;
  font-size: 14px;
}
.el-range-editor--large .el-range-input {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}

.el-range-editor--small {
  line-height: var(--el-component-size-small);
}
.el-range-editor--small.el-input__wrapper {
  height: var(--el-component-size-small);
}
.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 12px;
}
.el-range-editor--small .el-range-input {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
}

.el-range-editor.is-disabled {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: var(--el-disabled-border-color);
}
.el-range-editor.is-disabled input {
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-range-editor.is-disabled .el-range-separator {
  color: var(--el-disabled-text-color);
}

.el-picker-panel {
  color: var(--el-text-color-regular);
  background: var(--el-datepicker-bg-color);
  border-radius: var(--el-popper-border-radius, var(--el-border-radius-base));
  line-height: 30px;
}
.el-picker-panel .el-time-panel {
  margin: 5px 0;
  border: solid 1px var(--el-datepicker-border-color);
  background-color: var(--el-datepicker-bg-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid var(--el-datepicker-inner-border-color);
  padding: 4px 12px;
  text-align: right;
  background-color: var(--el-datepicker-bg-color);
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: var(--el-datepicker-text-color);
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--el-datepicker-active-color);
}

.el-picker-panel__btn {
  border: 1px solid var(--el-fill-color-darker);
  color: var(--el-text-color-primary);
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: var(--el-datepicker-icon-color);
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  line-height: 1;
  margin-top: 8px;
  padding: 1px 6px;
}
.el-picker-panel__icon-btn:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn:focus-visible {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn.is-disabled {
  color: var(--el-text-color-disabled);
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}
.el-picker-panel__icon-btn.is-disabled .el-icon {
  cursor: inherit;
}

.el-picker-panel__icon-btn .el-icon {
  cursor: pointer;
  font-size: inherit;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel.is-disabled .el-picker-panel__prev-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__next-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__icon-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__shortcut {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut .el-icon {
  cursor: inherit;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  padding-top: 6px;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  --el-datepicker-bg-color: var(--el-bg-color-overlay);
  --el-fill-color-blank: var(--el-datepicker-bg-color);
}

.el-date-picker {
  width: 322px;
}
.el-date-picker.has-sidebar.has-time {
  width: 434px;
}
.el-date-picker.has-sidebar {
  width: 438px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker .el-picker-panel__content {
  width: 292px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  padding: 12px 12px 0;
  text-align: center;
}
.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px var(--el-border-color-lighter);
}
.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--el-text-color-regular);
}
.el-date-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label:focus-visible {
  outline: none;
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

.el-date-picker .el-time-panel {
  position: absolute;
}
.el-date-picker.is-disabled .el-date-picker__header-label {
  color: var(--el-text-color-disabled);
}
.el-date-picker.is-disabled .el-date-picker__header-label:hover {
  cursor: not-allowed;
}
.el-date-picker.is-disabled .el-date-picker__header-label .el-icon {
  cursor: inherit;
}

.el-date-range-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  --el-datepicker-bg-color: var(--el-bg-color-overlay);
}

.el-date-range-picker {
  width: 646px;
}
.el-date-range-picker.has-sidebar {
  width: 756px;
}
.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}
.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}
.el-date-range-picker.single-panel {
  width: 322px;
}
.el-date-range-picker.single-panel .el-picker-panel__body {
  min-width: 322px;
}
.el-date-range-picker.single-panel.has-sidebar.has-time {
  width: 434px;
}
.el-date-range-picker.single-panel.has-sidebar {
  width: 438px;
}
.el-date-range-picker.single-panel .el-picker-panel__content {
  display: block;
  position: relative;
  margin: 15px;
  width: 292px;
  padding: 0;
}
.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}
.el-date-range-picker__header [class*=arrow-left] {
  float: left;
}
.el-date-range-picker__header [class*=arrow-right] {
  float: right;
}
.el-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}

.el-date-range-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--el-text-color-regular);
}
.el-date-range-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-range-picker__header-label:focus-visible {
  outline: none;
  color: var(--el-datepicker-hover-text-color);
}
.el-date-range-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}

.el-date-range-picker__content {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}
.el-date-range-picker__content.is-left {
  border-right: 1px solid var(--el-datepicker-inner-border-color);
}

.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}
.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: var(--el-datepicker-icon-color);
}

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #ffffff;
}
.el-date-range-picker__time-picker-wrap .el-time-panel {
  position: absolute;
}

.el-date-range-picker.is-disabled .el-date-range-picker__header-label {
  color: var(--el-text-color-disabled);
}
.el-date-range-picker.is-disabled .el-date-range-picker__header-label:hover {
  cursor: not-allowed;
}
.el-date-range-picker.is-disabled .el-date-range-picker__header-label .el-icon {
  cursor: inherit;
}

.el-time-range-picker {
  width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
  z-index: 1;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid var(--el-datepicker-border-color);
}

.el-time-panel {
  border-radius: 2px;
  position: relative;
  width: 180px;
  left: 0;
  z-index: var(--el-index-top);
  user-select: none;
  box-sizing: content-box;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -16px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
  border-top: 1px solid var(--el-border-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
}
.el-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.el-time-panel__footer {
  border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: var(--el-text-color-primary);
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: var(--el-timepicker-active-color, var(--el-color-primary));
}

.el-picker-panel.is-border {
  border: solid 1px var(--el-border-color-lighter);
}
.el-picker-panel.is-border .el-picker-panel__body-wrapper {
  position: relative;
}

.el-picker-panel.is-border.el-picker-panel *[slot=sidebar], .el-picker-panel.is-border.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  height: 100%;
  width: 110px;
  border-right: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  padding-top: 6px;
  overflow: auto;
}

.el-descriptions {
  --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
  --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
  box-sizing: border-box;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-primary);
}
.el-descriptions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.el-descriptions__title {
  color: var(--el-text-color-primary);
  font-size: 16px;
  font-weight: bold;
}

.el-descriptions__body {
  background-color: var(--el-fill-color-blank);
}
.el-descriptions__body .el-descriptions__table {
  border-collapse: collapse;
  width: 100%;
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  box-sizing: border-box;
  text-align: left;
  line-height: 23px;
  font-size: 14px;
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
  text-align: left;
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center {
  text-align: center;
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right {
  text-align: right;
}

.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  border: var(--el-descriptions-table-border);
  padding: 8px 11px;
}
.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  padding-bottom: 12px;
}

.el-descriptions--large {
  font-size: 14px;
}
.el-descriptions--large .el-descriptions__header {
  margin-bottom: 20px;
}
.el-descriptions--large .el-descriptions__header .el-descriptions__title {
  font-size: 16px;
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  font-size: 14px;
}
.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  padding: 12px 15px;
}
.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  padding-bottom: 16px;
}

.el-descriptions--small {
  font-size: 12px;
}
.el-descriptions--small .el-descriptions__header {
  margin-bottom: 12px;
}
.el-descriptions--small .el-descriptions__header .el-descriptions__title {
  font-size: 14px;
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  font-size: 12px;
}
.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  padding: 4px 7px;
}
.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  padding-bottom: 8px;
}

.el-descriptions__label.el-descriptions__cell.is-bordered-label {
  font-weight: bold;
  color: var(--el-text-color-regular);
  background: var(--el-descriptions-item-bordered-label-background);
}
.el-descriptions__label:not(.is-bordered-label) {
  color: var(--el-text-color-primary);
  margin-right: 16px;
}
.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 6px;
}

.el-descriptions__content.el-descriptions__cell.is-bordered-content {
  color: var(--el-text-color-primary);
}
.el-descriptions__content:not(.is-bordered-label) {
  color: var(--el-text-color-regular);
}

.el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
  margin-right: 16px;
}
.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 8px;
}

.el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
  margin-right: 12px;
}
.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 4px;
}

:root {
  --el-popup-modal-bg-color: var(--el-color-black);
  --el-popup-modal-opacity: 0.5;
}

.v-modal-enter {
  animation: v-modal-in var(--el-transition-duration-fast) ease;
}

.v-modal-leave {
  animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: var(--el-popup-modal-opacity);
  background: var(--el-popup-modal-bg-color);
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-dialog {
  --el-dialog-width: 50%;
  --el-dialog-margin-top: 15vh;
  --el-dialog-bg-color: var(--el-bg-color);
  --el-dialog-box-shadow: var(--el-box-shadow);
  --el-dialog-title-font-size: var(--el-font-size-large);
  --el-dialog-content-font-size: 14px;
  --el-dialog-font-line-height: var(--el-font-line-height-primary);
  --el-dialog-padding-primary: 16px;
  --el-dialog-border-radius: var(--el-border-radius-base);
  position: relative;
  margin: var(--el-dialog-margin-top, 15vh) auto 50px;
  background: var(--el-dialog-bg-color);
  border-radius: var(--el-dialog-border-radius);
  box-shadow: var(--el-dialog-box-shadow);
  box-sizing: border-box;
  padding: var(--el-dialog-padding-primary);
  width: var(--el-dialog-width, 50%);
  overflow-wrap: break-word;
}
.el-dialog:focus {
  outline: none !important;
}
.el-dialog.is-align-center {
  margin: auto;
}

.el-dialog.is-fullscreen {
  --el-dialog-width: 100%;
  --el-dialog-margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
  border-radius: 0px;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

.el-dialog.is-draggable .el-dialog__header {
  cursor: move;
  user-select: none;
}

.el-dialog__header {
  padding-bottom: var(--el-dialog-padding-primary);
}
.el-dialog__header.show-close {
  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px));
}

.el-dialog__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
}
.el-dialog__headerbtn .el-dialog__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--el-color-primary);
}

.el-dialog__title {
  line-height: var(--el-dialog-font-line-height);
  font-size: var(--el-dialog-title-font-size);
  color: var(--el-text-color-primary);
}

.el-dialog__body {
  color: var(--el-text-color-regular);
  font-size: var(--el-dialog-content-font-size);
}

.el-dialog__footer {
  padding-top: var(--el-dialog-padding-primary);
  text-align: right;
  box-sizing: border-box;
}

.el-dialog--center {
  text-align: center;
}
.el-dialog--center .el-dialog__body {
  text-align: initial;
}

.el-dialog--center .el-dialog__footer {
  text-align: inherit;
}

.el-modal-dialog.is-penetrable {
  pointer-events: none;
}
.el-modal-dialog.is-penetrable .el-dialog {
  pointer-events: auto;
}

.el-overlay-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.el-overlay-dialog.is-closing .el-dialog {
  pointer-events: none;
}

.dialog-fade-enter-active {
  animation: modal-fade-in var(--el-transition-duration);
}
.dialog-fade-enter-active .el-overlay-dialog {
  animation: dialog-fade-in var(--el-transition-duration);
}

.dialog-fade-leave-active {
  animation: modal-fade-out var(--el-transition-duration);
}
.dialog-fade-leave-active .el-overlay-dialog {
  animation: dialog-fade-out var(--el-transition-duration);
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
@keyframes modal-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.el-divider {
  position: relative;
}
.el-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
  border-top: 1px var(--el-border-color) var(--el-border-style);
}

.el-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 8px;
  vertical-align: middle;
  position: relative;
  border-left: 1px var(--el-border-color) var(--el-border-style);
}

.el-divider__text {
  position: absolute;
  background-color: var(--el-bg-color);
  padding: 0 20px;
  font-weight: 500;
  color: var(--el-text-color-primary);
  font-size: 14px;
}
.el-divider__text.is-left {
  left: 20px;
  transform: translateY(-50%);
}

.el-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.el-divider__text.is-right {
  right: 20px;
  transform: translateY(-50%);
}

.el-overlay.is-drawer {
  overflow: hidden;
}

.el-drawer {
  --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
  --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
  --el-drawer-dragger-size: 8px;
}

.el-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: var(--el-drawer-bg-color);
  display: flex;
  flex-direction: column;
  box-shadow: var(--el-box-shadow-dark);
  transition: all var(--el-transition-duration);
}
.el-drawer .rtl {
  transform: translate(0, 0);
}
.el-drawer .ltr {
  transform: translate(0, 0);
}
.el-drawer .ttb {
  transform: translate(0, 0);
}
.el-drawer .btt {
  transform: translate(0, 0);
}
.el-drawer__sr-focus:focus {
  outline: none !important;
}
.el-drawer__header {
  align-items: center;
  color: var(--el-text-color-primary);
  display: flex;
  margin-bottom: 32px;
  padding: var(--el-drawer-padding-primary);
  padding-bottom: 0;
  overflow: hidden;
}
.el-drawer__header > :first-child {
  flex: 1;
}
.el-drawer__title {
  margin: 0;
  flex: 1;
  line-height: inherit;
  font-size: 16px;
}
.el-drawer__footer {
  padding: var(--el-drawer-padding-primary);
  padding-top: 10px;
  text-align: right;
  overflow: hidden;
}

.el-drawer__close-btn {
  display: inline-flex;
  border: none;
  cursor: pointer;
  font-size: var(--el-font-size-extra-large);
  color: inherit;
  background-color: transparent;
  outline: none;
}
.el-drawer__close-btn:focus i, .el-drawer__close-btn:hover i {
  color: var(--el-color-primary);
}
.el-drawer__body {
  flex: 1;
  padding: var(--el-drawer-padding-primary);
  overflow: auto;
}
.el-drawer__body > * {
  box-sizing: border-box;
}
.el-drawer.is-dragging {
  transition: none;
}

.el-drawer__dragger {
  position: absolute;
  background-color: transparent;
  user-select: none;
  transition: all 0.2s;
}
.el-drawer__dragger::before {
  content: "";
  position: absolute;
  background-color: transparent;
  transition: all 0.2s;
}
.el-drawer__dragger:hover::before {
  background-color: var(--el-color-primary);
}

.el-drawer.ltr, .el-drawer.rtl {
  height: 100%;
  top: 0;
  bottom: 0;
}
.el-drawer.ltr > .el-drawer__dragger, .el-drawer.rtl > .el-drawer__dragger {
  height: 100%;
  width: var(--el-drawer-dragger-size);
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
.el-drawer.ltr > .el-drawer__dragger::before, .el-drawer.rtl > .el-drawer__dragger::before {
  top: 0;
  bottom: 0;
  width: 3px;
}
.el-drawer.ttb, .el-drawer.btt {
  width: 100%;
  left: 0;
  right: 0;
}
.el-drawer.ttb > .el-drawer__dragger, .el-drawer.btt > .el-drawer__dragger {
  width: 100%;
  height: var(--el-drawer-dragger-size);
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.el-drawer.ttb > .el-drawer__dragger::before, .el-drawer.btt > .el-drawer__dragger::before {
  left: 0;
  right: 0;
  height: 3px;
}
.el-drawer.ltr {
  left: 0;
}
.el-drawer.ltr > .el-drawer__dragger {
  right: 0;
}
.el-drawer.ltr > .el-drawer__dragger::before {
  right: -2px;
}
.el-drawer.rtl {
  right: 0;
}
.el-drawer.rtl > .el-drawer__dragger {
  left: 0;
}
.el-drawer.rtl > .el-drawer__dragger::before {
  left: -2px;
}
.el-drawer.ttb {
  top: 0;
}
.el-drawer.ttb > .el-drawer__dragger {
  bottom: 0;
}
.el-drawer.ttb > .el-drawer__dragger::before {
  bottom: -2px;
}
.el-drawer.btt {
  bottom: 0;
}
.el-drawer.btt > .el-drawer__dragger {
  top: 0;
}
.el-drawer.btt > .el-drawer__dragger::before {
  top: -2px;
}

.el-modal-drawer.is-penetrable {
  pointer-events: none;
}
.el-modal-drawer.is-penetrable .el-drawer {
  pointer-events: auto;
}

.el-drawer-fade-enter-active, .el-drawer-fade-leave-active {
  transition: all var(--el-transition-duration);
}
.el-drawer-fade-enter-from, .el-drawer-fade-enter-active, .el-drawer-fade-enter-to, .el-drawer-fade-leave-from, .el-drawer-fade-leave-active, .el-drawer-fade-leave-to {
  overflow: hidden !important;
}
.el-drawer-fade-enter-from, .el-drawer-fade-leave-to {
  background-color: transparent !important;
}
.el-drawer-fade-enter-from .rtl, .el-drawer-fade-leave-to .rtl {
  transform: translateX(100%);
}
.el-drawer-fade-enter-from .ltr, .el-drawer-fade-leave-to .ltr {
  transform: translateX(-100%);
}
.el-drawer-fade-enter-from .ttb, .el-drawer-fade-leave-to .ttb {
  transform: translateY(-100%);
}
.el-drawer-fade-enter-from .btt, .el-drawer-fade-leave-to .btt {
  transform: translateY(100%);
}

.el-dropdown {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  --el-dropdown-menu-index: 10;
  display: inline-flex;
  position: relative;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  line-height: 1;
  vertical-align: top;
}
.el-dropdown.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-dropdown__popper {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  --el-dropdown-menu-index: 10;
}
.el-dropdown__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-dropdown-menu-box-shadow);
}
.el-dropdown__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-dropdown__popper .el-dropdown-menu {
  border: none;
}
.el-dropdown__popper .el-dropdown__popper-selfdefine {
  outline: none;
}
.el-dropdown__popper .el-scrollbar__bar {
  z-index: calc(var(--el-dropdown-menu-index) + 1);
}
.el-dropdown__popper .el-dropdown__list {
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.el-dropdown .el-dropdown__caret-button {
  padding-left: 0;
  padding-right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  border-left: none;
}
.el-dropdown .el-dropdown__caret-button > span {
  display: inline-flex;
}
.el-dropdown .el-dropdown__caret-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  top: -1px;
  bottom: -1px;
  left: 0;
  background: var(--el-overlay-color-lighter);
}
.el-dropdown .el-dropdown__caret-button.el-button::before {
  background: var(--el-border-color);
  opacity: 0.5;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  font-size: inherit;
  padding-left: 0;
}
.el-dropdown .el-dropdown-selfdefine {
  outline: none;
}
.el-dropdown--large .el-dropdown__caret-button {
  width: 40px;
}

.el-dropdown--small .el-dropdown__caret-button {
  width: 24px;
}

.el-dropdown-menu {
  position: relative;
  top: 0;
  left: 0;
  z-index: var(--el-dropdown-menu-index);
  padding: 5px 0;
  margin: 0;
  background-color: var(--el-bg-color-overlay);
  border: none;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
  list-style: none;
}
.el-dropdown-menu__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  list-style: none;
  line-height: 22px;
  padding: 5px 16px;
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  cursor: pointer;
  outline: none;
}
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--el-dropdown-menuItem-hover-fill);
  color: var(--el-dropdown-menuItem-hover-color);
}
.el-dropdown-menu__item i {
  margin-right: 5px;
}
.el-dropdown-menu__item--divided {
  margin: 6px 0;
  border-top: 1px solid var(--el-border-color-lighter);
}

.el-dropdown-menu__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-text-color-disabled);
}

.el-dropdown-menu--large {
  padding: 7px 0;
}
.el-dropdown-menu--large .el-dropdown-menu__item {
  padding: 7px 20px;
  line-height: 22px;
  font-size: 14px;
}
.el-dropdown-menu--large .el-dropdown-menu__item--divided {
  margin: 8px 0;
}

.el-dropdown-menu--small {
  padding: 3px 0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  padding: 2px 12px;
  line-height: 20px;
  font-size: 12px;
}
.el-dropdown-menu--small .el-dropdown-menu__item--divided {
  margin: 4px 0;
}

.el-empty {
  --el-empty-padding: 40px 0;
  --el-empty-image-width: 160px;
  --el-empty-description-margin-top: 20px;
  --el-empty-bottom-margin-top: 20px;
  --el-empty-fill-color-0: var(--el-color-white);
  --el-empty-fill-color-1: #fcfcfd;
  --el-empty-fill-color-2: #f8f9fb;
  --el-empty-fill-color-3: #f7f8fc;
  --el-empty-fill-color-4: #eeeff3;
  --el-empty-fill-color-5: #edeef2;
  --el-empty-fill-color-6: #e9ebef;
  --el-empty-fill-color-7: #e5e7e9;
  --el-empty-fill-color-8: #e0e3e9;
  --el-empty-fill-color-9: #d5d7de;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: var(--el-empty-padding);
}
.el-empty__image {
  width: var(--el-empty-image-width);
}
.el-empty__image img {
  user-select: none;
  width: 100%;
  height: 100%;
  vertical-align: top;
  object-fit: contain;
}
.el-empty__image svg {
  color: var(--el-svg-monochrome-grey);
  fill: currentColor;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.el-empty__description {
  margin-top: var(--el-empty-description-margin-top);
}
.el-empty__description p {
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-secondary);
}

.el-empty__bottom {
  margin-top: var(--el-empty-bottom-margin-top);
}

.el-footer {
  --el-footer-padding: 0 20px;
  --el-footer-height: 60px;
  padding: var(--el-footer-padding);
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--el-footer-height);
}

.el-form-item {
  display: flex;
  --font-size: 14px;
  margin-bottom: 18px;
}
.el-form-item .el-form-item {
  margin-bottom: 0;
}
.el-form-item .el-input__validateIcon {
  display: none;
}
.el-form-item--large {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 22px;
}
.el-form-item--large .el-form-item__label {
  height: 40px;
  line-height: 40px;
}

.el-form-item--large .el-form-item__content {
  line-height: 40px;
}

.el-form-item--large .el-form-item__error {
  padding-top: 4px;
}

.el-form-item--default {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--default .el-form-item__label {
  height: 32px;
  line-height: 32px;
}

.el-form-item--default .el-form-item__content {
  line-height: 32px;
}

.el-form-item--default .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--small {
  --font-size: 12px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--small .el-form-item__label {
  height: 24px;
  line-height: 24px;
}

.el-form-item--small .el-form-item__content {
  line-height: 24px;
}

.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--label-left .el-form-item__label {
  text-align: left;
  justify-content: flex-start;
}

.el-form-item--label-right .el-form-item__label {
  text-align: right;
  justify-content: flex-end;
}

.el-form-item--label-top {
  display: block;
}
.el-form-item--label-top .el-form-item__label {
  display: block;
  width: fit-content;
  height: auto;
  text-align: left;
  margin-bottom: 8px;
  line-height: 22px;
  padding-right: 0;
}

.el-form-item__label-wrap {
  display: flex;
}

.el-form-item__label {
  display: inline-flex;
  align-items: flex-start;
  flex: 0 0 auto;
  font-size: var(--el-form-label-font-size);
  color: var(--el-text-color-regular);
  height: 32px;
  line-height: 32px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

.el-form-item__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  line-height: 32px;
  position: relative;
  font-size: var(--font-size);
  min-width: 0;
}
.el-form-item__content .el-input-group {
  vertical-align: top;
}

.el-form-item__error {
  color: var(--el-color-danger);
  font-size: 12px;
  line-height: 1;
  padding-top: 2px;
  position: absolute;
  top: 100%;
  left: 0;
}
.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before {
  content: "*";
  color: var(--el-color-danger);
  margin-right: 4px;
}
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label:after {
  content: "*";
  color: var(--el-color-danger);
  margin-left: 4px;
}

.el-form-item.is-error .el-form-item__content .el-input__wrapper, .el-form-item.is-error .el-form-item__content .el-input__wrapper:hover, .el-form-item.is-error .el-form-item__content .el-input__wrapper:focus, .el-form-item.is-error .el-form-item__content .el-input__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-textarea__inner,
.el-form-item.is-error .el-form-item__content .el-textarea__inner:hover,
.el-form-item.is-error .el-form-item__content .el-textarea__inner:focus,
.el-form-item.is-error .el-form-item__content .el-textarea__inner.is-focus,
.el-form-item.is-error .el-form-item__content .el-select__wrapper,
.el-form-item.is-error .el-form-item__content .el-select__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-select__wrapper:focus,
.el-form-item.is-error .el-form-item__content .el-select__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:focus,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content :not(.el-input-otp--underlined) .el-input-otp__input-field,
.el-form-item.is-error .el-form-item__content :not(.el-input-otp--underlined) .el-input-otp__input-field:hover,
.el-form-item.is-error .el-form-item__content :not(.el-input-otp--underlined) .el-input-otp__input-field:focus,
.el-form-item.is-error .el-form-item__content :not(.el-input-otp--underlined) .el-input-otp__input-field.is-focus {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-form-item.is-error .el-form-item__content .el-input-otp--underlined .el-input-otp__input-field::after, .el-form-item.is-error .el-form-item__content .el-input-otp--underlined .el-input-otp__input-field:hover::after, .el-form-item.is-error .el-form-item__content .el-input-otp--underlined .el-input-otp__input-field:focus::after, .el-form-item.is-error .el-form-item__content .el-input-otp--underlined .el-input-otp__input-field.is-focus::after {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__wrapper {
  box-shadow: 0 0 0 1px transparent inset;
}
.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__validateIcon,
.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__validateIcon {
  display: none;
}
.el-form-item.is-error .el-form-item__content .el-input__validateIcon {
  color: var(--el-color-danger);
}

.el-form-item--feedback .el-input__validateIcon {
  display: inline-flex;
}

.el-form {
  --el-form-label-font-size: var(--el-font-size-base);
  --el-form-inline-content-width: 220px;
}
.el-form--inline .el-form-item {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 32px;
}
.el-form--inline .el-form-item:last-child {
  margin-right: 0;
}
.el-form--inline.el-form--label-top {
  display: flex;
  flex-wrap: wrap;
}
.el-form--inline.el-form--label-top .el-form-item {
  display: block;
}

.el-header {
  --el-header-padding: 0 20px;
  --el-header-height: 60px;
  padding: var(--el-header-padding);
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--el-header-height);
}

.el-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.el-image-viewer__wrapper:focus {
  outline: none !important;
}

.el-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
  cursor: pointer;
  box-sizing: border-box;
  user-select: none;
}
.el-image-viewer__btn .el-icon {
  cursor: pointer;
}

.el-image-viewer__close {
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
}

.el-image-viewer__canvas {
  position: static;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.el-image-viewer__actions {
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  height: 44px;
  padding: 0 23px;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
  border-radius: 22px;
}
.el-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  cursor: default;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 22px;
  padding: 0 6px;
}
.el-image-viewer__actions__divider {
  margin: 0 -6px;
}

.el-image-viewer__progress {
  left: 50%;
  transform: translateX(-50%);
  cursor: default;
  color: #fff;
  bottom: 90px;
}

.el-image-viewer__prev {
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
}

.el-image-viewer__next {
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  text-indent: 2px;
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
}

.el-image-viewer__close {
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
}

.el-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}

.el-image-viewer-parent--hidden {
  overflow: hidden;
}

.viewer-fade-enter-active {
  animation: viewer-fade-in var(--el-transition-duration);
}

.viewer-fade-leave-active {
  animation: viewer-fade-out var(--el-transition-duration);
}

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes viewer-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
.el-image__error, .el-image__placeholder, .el-image__wrapper, .el-image__inner {
  width: 100%;
  height: 100%;
}

.el-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.el-image__inner {
  vertical-align: top;
  opacity: 1;
}
.el-image__inner.is-loading {
  opacity: 0;
}

.el-image__wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

.el-image__placeholder {
  background: var(--el-fill-color-light);
}

.el-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  vertical-align: middle;
}

.el-image__preview {
  cursor: pointer;
}

.el-textarea {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: var(--el-border);
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: var(--el-font-size-base);
}
.el-textarea__inner {
  position: relative;
  display: block;
  resize: vertical;
  padding: 5px 11px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  background-image: none;
  -webkit-appearance: none;
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  transition: var(--el-transition-box-shadow);
  border: none;
}
.el-textarea__inner.is-clearable {
  padding: 5px 26px 5px 11px;
}

.el-textarea__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-textarea__inner:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-textarea__inner:focus {
  outline: none;
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-textarea__clear {
  position: absolute;
  right: 11px;
  top: 15px;
  transform: translateY(-50%);
  color: var(--el-input-icon-color);
  font-size: 14px;
  cursor: pointer;
}
.el-textarea__clear:hover {
  color: var(--el-input-clear-hover-color);
}

.el-textarea .el-input__count {
  color: var(--el-color-info);
  background: var(--el-fill-color-blank);
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  bottom: 5px;
  right: 10px;
}
.el-textarea .el-input__count.is-outside {
  position: absolute;
  background: transparent;
  padding-top: 2px;
  top: 100%;
  right: 0;
  bottom: unset;
  line-height: 1;
}

.el-textarea.is-disabled .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: var(--el-text-color-placeholder);
}

.el-textarea.is-exceed .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-textarea.is-exceed .el-input__count {
  color: var(--el-color-danger);
}

.el-input {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: var(--el-border);
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-input {
  --el-input-height: var(--el-component-size);
  position: relative;
  font-size: var(--el-font-size-base);
  display: inline-flex;
  width: var(--el-input-width);
  line-height: var(--el-input-height);
  box-sizing: border-box;
  vertical-align: middle;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: var(--el-text-color-disabled);
}
.el-input::-webkit-scrollbar-corner {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track-piece {
  background: var(--el-fill-color-blank);
  width: 6px;
}
.el-input .el-input__clear, .el-input .el-input__password {
  color: var(--el-input-icon-color);
  font-size: 14px;
  cursor: pointer;
}
.el-input .el-input__clear:hover, .el-input .el-input__password:hover {
  color: var(--el-input-clear-hover-color);
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: var(--el-color-info);
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: var(--el-fill-color-blank);
  line-height: initial;
  display: inline-block;
  padding-left: 8px;
}
.el-input .el-input__count.is-outside {
  height: unset;
  position: absolute;
  padding-top: 2px;
  top: 100%;
  right: 0;
}
.el-input .el-input__count.is-outside .el-input__count-inner {
  background: transparent;
  padding-left: 0px;
  line-height: 1;
}

.el-input__wrapper {
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 1px 11px;
  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  background-image: none;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  cursor: text;
  transition: var(--el-transition-box-shadow);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
}
.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-input {
  --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
}
.el-input__inner {
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  font-size: inherit;
  height: var(--el-input-inner-height);
  line-height: var(--el-input-inner-height);
  padding: 0;
  outline: none;
  border: none;
  background: none;
  box-sizing: border-box;
}
.el-input__inner:focus {
  outline: none;
}
.el-input__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-input__inner[type=password]::-ms-reveal {
  display: none;
}
.el-input__inner[type=number] {
  line-height: 1;
}

.el-input__prefix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  line-height: var(--el-input-inner-height);
  text-align: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  transition: all var(--el-transition-duration);
  pointer-events: none;
}

.el-input__prefix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el-input__prefix-inner > :last-child {
  margin-right: 8px;
}
.el-input__prefix-inner > :first-child, .el-input__prefix-inner > :first-child.el-input__icon {
  margin-left: 0;
}

.el-input__suffix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  line-height: var(--el-input-inner-height);
  text-align: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  transition: all var(--el-transition-duration);
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el-input__suffix-inner > :first-child {
  margin-left: 8px;
}

.el-input .el-input__icon {
  height: inherit;
  line-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--el-transition-duration);
  margin-left: 8px;
}
.el-input .el-input__clear {
  transition: color var(--el-transition-duration);
}
.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset;
}

.el-input.is-disabled {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__wrapper {
  background-color: var(--el-disabled-bg-color);
  cursor: not-allowed;
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
}
.el-input.is-disabled .el-input__inner {
  color: var(--el-disabled-text-color);
  -webkit-text-fill-color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__prefix-inner,
.el-input.is-disabled .el-input__suffix-inner {
  pointer-events: none;
}

.el-input.is-exceed .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: var(--el-color-danger);
}

.el-input--large {
  --el-input-height: var(--el-component-size-large);
  font-size: 14px;
}
.el-input--large .el-input__wrapper {
  padding: 1px 15px;
}

.el-input--large {
  --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px);
}

.el-input--small {
  --el-input-height: var(--el-component-size-small);
  font-size: 12px;
}
.el-input--small .el-input__wrapper {
  padding: 1px 7px;
}

.el-input--small {
  --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px);
}

.el-input-group {
  display: inline-flex;
  width: 100%;
  align-items: stretch;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: var(--el-fill-color-light);
  color: var(--el-color-info);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  border-radius: var(--el-input-border-radius);
  padding: 0 20px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  flex: 1;
  margin: 0 -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-select__wrapper,
.el-input-group__append div.el-select:hover .el-select__wrapper, .el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-select__wrapper,
.el-input-group__prepend div.el-select:hover .el-select__wrapper {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-group--prepend > .el-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group--append > .el-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-hidden {
  display: none !important;
}

.el-input-number {
  position: relative;
  display: inline-flex;
  width: 150px;
  line-height: 30px;
  vertical-align: middle;
}
.el-input-number .el-input__wrapper {
  padding-left: 42px;
  padding-right: 42px;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  text-align: center;
  line-height: 1;
}
.el-input-number .el-input__inner::-webkit-inner-spin-button, .el-input-number .el-input__inner::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.el-input-number.is-left .el-input__inner {
  text-align: left;
}

.el-input-number.is-right .el-input__inner {
  text-align: right;
}

.el-input-number.is-center .el-input__inner {
  text-align: center;
}

.el-input-number__increase, .el-input-number__decrease {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  position: absolute;
  z-index: 1;
  top: 1px;
  bottom: 1px;
  width: 32px;
  background: var(--el-fill-color-light);
  color: var(--el-text-color-regular);
  cursor: pointer;
  font-size: 13px;
  user-select: none;
}
.el-input-number__increase:hover, .el-input-number__decrease:hover {
  color: var(--el-color-primary);
}
.el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper, .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset;
}
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 1px;
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
  border-left: var(--el-border);
}

.el-input-number__decrease {
  left: 1px;
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  border-right: var(--el-border);
}

.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-border-color);
}
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: var(--el-disabled-border-color);
  cursor: not-allowed;
}

.el-input-number--large {
  width: 180px;
  line-height: 38px;
}
.el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease {
  width: 40px;
  font-size: 14px;
}

.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper {
  padding-right: 47px;
}

.el-input-number--large .el-input--large .el-input__wrapper {
  padding-left: 47px;
  padding-right: 47px;
}

.el-input-number--small {
  width: 120px;
  line-height: 22px;
}
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
  width: 24px;
  font-size: 12px;
}

.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper {
  padding-right: 31px;
}

.el-input-number--small .el-input--small .el-input__wrapper {
  padding-left: 31px;
  padding-right: 31px;
}

.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.9);
}

.el-input-number.is-without-controls .el-input__wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.el-input-number.is-controls-right .el-input__wrapper {
  padding-left: 15px;
  padding-right: 42px;
}
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
  --el-input-number-controls-height: 15px;
  height: var(--el-input-number-controls-height);
  line-height: var(--el-input-number-controls-height);
}
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
  bottom: auto;
  left: auto;
  border-radius: 0 var(--el-border-radius-base) 0 0;
  border-bottom: var(--el-border);
}

.el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: var(--el-border);
  border-radius: 0 0 var(--el-border-radius-base) 0;
}

.el-input-number.is-controls-right[class*=large] [class*=increase],
.el-input-number.is-controls-right[class*=large] [class*=decrease] {
  --el-input-number-controls-height: 19px;
}
.el-input-number.is-controls-right[class*=small] [class*=increase],
.el-input-number.is-controls-right[class*=small] [class*=decrease] {
  --el-input-number-controls-height: 11px;
}

.el-input-tag {
  --el-input-tag-border-color-hover: var(--el-border-color-hover);
  --el-input-tag-placeholder-color: var(--el-text-color-placeholder);
  --el-input-tag-disabled-color: var(--el-disabled-text-color);
  --el-input-tag-disabled-border: var(--el-disabled-border-color);
  --el-input-tag-font-size: var(--el-font-size-base);
  --el-input-tag-close-hover-color: var(--el-text-color-secondary);
  --el-input-tag-text-color: var(--el-text-color-regular);
  --el-input-tag-input-focus-border-color: var(--el-color-primary);
  --el-input-tag-width: 100%;
  --el-input-tag-mini-height: var(--el-component-size);
  --el-input-tag-gap: 6px;
  --el-input-tag-padding: 4px;
  --el-input-tag-inner-padding: 8px;
  --el-input-tag-line-height: 24px;
}

.el-input-tag {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  font-size: var(--el-input-tag-font-size);
  padding: var(--el-input-tag-padding);
  width: var(--el-input-tag-width);
  min-height: var(--el-input-tag-mini-height);
  line-height: var(--el-input-tag-line-height);
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);
  transition: var(--el-transition-duration);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-input-tag.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-input-tag.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-input-tag.is-disabled {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
  box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
}
.el-input-tag.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
}
.el-input-tag.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input {
  cursor: not-allowed;
}

.el-input-tag.is-disabled .el-input-tag__inner .el-tag {
  cursor: not-allowed;
}

.el-input-tag__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--el-input-tag-inner-padding);
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-input-tag__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--el-input-tag-inner-padding);
  gap: 8px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-input-tag__collapse-tag {
  line-height: 1;
}

.el-input-tag__input-tag-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}
.el-input-tag__input-tag-list.is-near {
  margin-left: -8px;
}

.el-input-tag__input-tag-list .el-tag {
  cursor: pointer;
  border-color: transparent;
}
.el-input-tag__input-tag-list .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-input-tag__input-tag-list .el-tag .el-tag__content {
  min-width: 0;
}

.el-input-tag__inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  max-width: 100%;
  min-width: 0;
  gap: var(--el-input-tag-gap);
}
.el-input-tag__inner.is-left-space {
  margin-left: var(--el-input-tag-inner-padding);
}

.el-input-tag__inner.is-right-space {
  margin-right: var(--el-input-tag-inner-padding);
}

.el-input-tag__inner.is-draggable .el-tag {
  cursor: move;
  user-select: none;
}

.el-input-tag__drop-indicator {
  position: absolute;
  top: 0;
  width: 1px;
  height: var(--el-input-tag-line-height);
  background-color: var(--el-color-primary);
}

.el-input-tag__inner .el-tag {
  max-width: 100%;
  cursor: pointer;
  border-color: transparent;
}
.el-input-tag__inner .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-input-tag__inner .el-tag .el-tag__content {
  min-width: 0;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-input-tag__input-wrapper {
  flex: 1;
}

.el-input-tag__input {
  border: none;
  outline: none;
  padding: 0;
  color: var(--el-input-tag-text-color);
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  appearance: none;
  width: 100%;
  background-color: transparent;
}
.el-input-tag__input::placeholder {
  color: var(--el-input-tag-placeholder-color);
}

.el-input-tag__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}

.el-input-tag--large {
  --el-input-tag-gap: 6px;
  --el-input-tag-padding: 8px;
  --el-input-tag-padding-left: 8px;
  --el-input-tag-font-size: 14px;
}

.el-input-tag--small {
  --el-input-tag-gap: 4px;
  --el-input-tag-padding: 2px;
  --el-input-tag-padding-left: 6px;
  --el-input-tag-font-size: 12px;
  --el-input-tag-line-height: 20px;
  --el-input-tag-mini-height: var(--el-component-size-small);
}

.el-input-otp {
  --el-input-otp-text-color: var(--el-text-color-regular);
  --el-input-otp-field-width: calc(var(--el-input-otp-size) - 4px);
  --el-input-otp-gap: 8px;
  --el-input-otp-font-size: 14px;
  --el-input-otp-size: 32px;
}
.el-input-otp--large {
  --el-input-otp-gap: 12px;
  --el-input-otp-font-size: 14px;
  --el-input-otp-size: 40px;
}

.el-input-otp--small {
  --el-input-otp-gap: 6px;
  --el-input-otp-font-size: 12px;
  --el-input-otp-size: 24px;
}

.el-input-otp {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  column-gap: var(--el-input-otp-gap);
  font-size: var(--el-input-otp-font-size);
  height: var(--el-input-otp-size);
}
.el-input-otp.is-disabled {
  cursor: not-allowed;
}
.el-input-otp.is-disabled .el-input-otp__input {
  cursor: not-allowed;
}

.el-input-otp__input-field {
  width: var(--el-input-otp-field-width, calc(var(--el-input-otp-size) - 4px));
  height: 100%;
  position: relative;
  border-radius: var(--el-border-radius-base);
}

.el-input-otp__input {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1;
  outline: none;
  border: none;
  padding: 0;
  background-color: transparent;
  font-size: inherit;
  color: var(--el-input-otp-text-color, var(--el-text-color-regular));
}

.el-input-otp.is-disabled .el-input-otp__input {
  color: var(--el-text-color-disabled);
}

.el-input-otp--outlined .el-input-otp__input-field {
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-input-otp--outlined .el-input-otp__input-field:hover {
  box-shadow: 0 0 0 1px var(--el-color-primary-light-5) inset;
}
.el-input-otp--outlined .el-input-otp__input-field:focus-within {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-input-otp--outlined.is-disabled .el-input-otp__input-field {
  background-color: var(--el-fill-color-light);
}
.el-input-otp--outlined.is-disabled .el-input-otp__input-field:hover {
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}

.el-input-otp--filled .el-input-otp__input-field {
  background-color: var(--el-fill-color);
}
.el-input-otp--filled .el-input-otp__input-field:hover {
  background-color: var(--el-fill-color-dark);
}
.el-input-otp--filled .el-input-otp__input-field:focus-within {
  background-color: var(--el-fill-color-blank);
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-input-otp--filled.is-disabled .el-input-otp__input-field {
  background-color: var(--el-fill-color-light);
}
.el-input-otp--filled.is-disabled .el-input-otp__input-field:hover {
  background-color: var(--el-fill-color-light);
}

.el-input-otp--underlined .el-input-otp__input-field::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--el-border-color);
  position: absolute;
  bottom: 0;
  left: 0;
}
.el-input-otp--underlined .el-input-otp__input-field:hover::after {
  background-color: var(--el-color-primary-light-5);
}
.el-input-otp--underlined .el-input-otp__input-field:focus-within::after {
  background-color: var(--el-color-primary);
}

.el-input-otp--underlined.is-disabled .el-input-otp__input-field:hover::after {
  background-color: var(--el-border-color);
}

.el-link {
  --el-link-font-size: var(--el-font-size-base);
  --el-link-font-weight: normal;
  --el-link-text-color: var(--el-text-color-regular);
  --el-link-hover-text-color: var(--el-color-primary);
  --el-link-disabled-text-color: var(--el-text-color-placeholder);
}

.el-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: var(--el-link-font-size);
  font-weight: var(--el-link-font-weight);
  color: var(--el-link-text-color);
}
.el-link.is-hover-underline:hover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--el-link-hover-text-color);
}

.el-link.is-underline:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--el-link-text-color);
}

.el-link:hover {
  color: var(--el-link-hover-text-color);
}
.el-link:hover:after {
  border-color: var(--el-link-hover-text-color);
}
.el-link [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-link__inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.el-link.el-link--primary {
  --el-link-text-color: var(--el-color-primary);
  --el-link-hover-text-color: var(--el-color-primary-light-3);
  --el-link-disabled-text-color: var(--el-color-primary-light-5);
}
.el-link.el-link--success {
  --el-link-text-color: var(--el-color-success);
  --el-link-hover-text-color: var(--el-color-success-light-3);
  --el-link-disabled-text-color: var(--el-color-success-light-5);
}
.el-link.el-link--warning {
  --el-link-text-color: var(--el-color-warning);
  --el-link-hover-text-color: var(--el-color-warning-light-3);
  --el-link-disabled-text-color: var(--el-color-warning-light-5);
}
.el-link.el-link--danger {
  --el-link-text-color: var(--el-color-danger);
  --el-link-hover-text-color: var(--el-color-danger-light-3);
  --el-link-disabled-text-color: var(--el-color-danger-light-5);
}
.el-link.el-link--error {
  --el-link-text-color: var(--el-color-error);
  --el-link-hover-text-color: var(--el-color-error-light-3);
  --el-link-disabled-text-color: var(--el-color-error-light-5);
}
.el-link.el-link--info {
  --el-link-text-color: var(--el-color-info);
  --el-link-hover-text-color: var(--el-color-info-light-3);
  --el-link-disabled-text-color: var(--el-color-info-light-5);
}
.el-link.is-disabled {
  color: var(--el-link-disabled-text-color);
  cursor: not-allowed;
}
.el-link.is-disabled:after {
  border-color: var(--el-link-disabled-text-color);
}

:root {
  --el-loading-spinner-size: 42px;
  --el-loading-fullscreen-spinner-size: 50px;
}

.el-loading-parent--relative {
  position: relative !important;
}

.el-loading-parent--hidden {
  overflow: hidden !important;
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: var(--el-mask-color);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity var(--el-transition-duration);
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2);
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: var(--el-loading-fullscreen-spinner-size);
  width: var(--el-loading-fullscreen-spinner-size);
}

.el-loading-spinner {
  top: 50%;
  margin-top: calc((0px - var(--el-loading-spinner-size)) / 2);
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-loading-spinner .el-loading-text {
  color: var(--el-color-primary);
  margin: 3px 0;
  font-size: 14px;
}
.el-loading-spinner .circular {
  display: inline;
  height: var(--el-loading-spinner-size);
  width: var(--el-loading-spinner-size);
  animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: var(--el-color-primary);
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: var(--el-color-primary);
}

.el-loading-fade-enter-from,
.el-loading-fade-leave-to {
  opacity: 0;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.el-main {
  --el-main-padding: 20px;
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: var(--el-main-padding);
}

:root {
  --el-menu-active-color: var(--el-color-primary);
  --el-menu-text-color: var(--el-text-color-primary);
  --el-menu-hover-text-color: var(--el-color-primary);
  --el-menu-bg-color: var(--el-fill-color-blank);
  --el-menu-hover-bg-color: var(--el-color-primary-light-9);
  --el-menu-item-height: 56px;
  --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
  --el-menu-horizontal-height: 60px;
  --el-menu-horizontal-sub-item-height: 36px;
  --el-menu-item-font-size: var(--el-font-size-base);
  --el-menu-item-hover-fill: var(--el-color-primary-light-9);
  --el-menu-border-color: var(--el-border-color);
  --el-menu-base-level-padding: 20px;
  --el-menu-level-padding: 20px;
  --el-menu-icon-width: 24px;
}

.el-menu {
  border-right: solid 1px var(--el-menu-border-color);
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: var(--el-menu-bg-color);
  box-sizing: border-box;
}
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title {
  white-space: nowrap;
  padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding));
}

.el-menu:not(.el-menu--collapse) .el-sub-menu__title {
  padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width));
}
.el-menu--horizontal {
  display: flex;
  flex-wrap: nowrap;
  border-right: none;
  height: var(--el-menu-horizontal-height);
}
.el-menu--horizontal.el-menu--popup-container {
  height: unset;
}
.el-menu--horizontal.el-menu {
  border-bottom: solid 1px var(--el-menu-border-color);
}
.el-menu--horizontal > .el-menu-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal > .el-menu-item a,
.el-menu--horizontal > .el-menu-item a:hover {
  color: inherit;
}
.el-menu--horizontal > .el-sub-menu:focus, .el-menu--horizontal > .el-sub-menu:hover {
  outline: none;
}
.el-menu--horizontal > .el-sub-menu:hover .el-sub-menu__title {
  color: var(--el-menu-hover-text-color);
}
.el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
  height: 100%;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
  background-color: var(--el-menu-bg-color);
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-sub-menu__title {
  background-color: var(--el-menu-bg-color);
  display: flex;
  align-items: center;
  height: var(--el-menu-horizontal-sub-item-height);
  line-height: var(--el-menu-horizontal-sub-item-height);
  padding: 0 10px;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal .el-menu .el-sub-menu__title {
  padding-right: 40px;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-menu-item.is-active:hover, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title:hover {
  color: var(--el-menu-active-color);
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  outline: none;
  color: var(--el-menu-active-color, var(--el-menu-hover-text-color));
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color) !important;
}

.el-menu--collapse {
  width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2);
}
.el-menu--collapse > .el-menu-item [class^=el-icon],
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon],
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title [class^=el-icon] {
  margin: 0;
  vertical-align: middle;
  width: var(--el-menu-icon-width);
  text-align: center;
}
.el-menu--collapse > .el-menu-item .el-sub-menu__icon-arrow,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow,
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
  display: none;
}
.el-menu--collapse > .el-menu-item > span,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title > span,
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.el-menu--collapse > .el-menu-item.is-active i {
  color: inherit;
}
.el-menu--collapse .el-menu .el-sub-menu {
  min-width: 200px;
}
.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
  color: var(--el-menu-active-color);
}

.el-menu--popup {
  z-index: 100;
  min-width: 200px;
  border: none;
  padding: 5px 0;
  border-radius: var(--el-border-radius-small);
  box-shadow: var(--el-box-shadow-light);
}

.el-menu .el-icon {
  flex-shrink: 0;
}

.el-menu-item {
  display: flex;
  align-items: center;
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  font-size: var(--el-menu-item-font-size);
  color: var(--el-menu-text-color);
  padding: 0 var(--el-menu-base-level-padding);
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}
.el-menu-item * {
  vertical-align: bottom;
}
.el-menu-item i {
  color: inherit;
}
.el-menu-item:hover, .el-menu-item:focus {
  outline: none;
}
.el-menu-item:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu-item.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-menu-item [class^=el-icon] {
  margin-right: 5px;
  width: var(--el-menu-icon-width);
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
}
.el-menu-item.is-active {
  color: var(--el-menu-active-color);
}
.el-menu-item.is-active i {
  color: inherit;
}

.el-menu-item .el-menu-tooltip__trigger {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 var(--el-menu-base-level-padding);
}

.el-sub-menu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.el-sub-menu__title {
  display: flex;
  align-items: center;
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  font-size: var(--el-menu-item-font-size);
  color: var(--el-menu-text-color);
  padding: 0 var(--el-menu-base-level-padding);
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}
.el-sub-menu__title * {
  vertical-align: bottom;
}
.el-sub-menu__title i {
  color: inherit;
}
.el-sub-menu__title:hover, .el-sub-menu__title:focus {
  outline: none;
}
.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-sub-menu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}

.el-sub-menu .el-menu {
  border: none;
}
.el-sub-menu .el-menu-item {
  height: var(--el-menu-sub-item-height);
  line-height: var(--el-menu-sub-item-height);
}
.el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title {
  padding-right: var(--el-menu-base-level-padding);
}
.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
  display: none !important;
}

.el-sub-menu.is-active .el-sub-menu__title {
  border-bottom-color: var(--el-menu-active-color);
}

.el-sub-menu.is-disabled .el-sub-menu__title,
.el-sub-menu.is-disabled .el-menu-item {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-sub-menu .el-icon {
  vertical-align: middle;
  margin-right: 5px;
  width: var(--el-menu-icon-width);
  text-align: center;
  font-size: 18px;
}
.el-sub-menu .el-icon.el-sub-menu__icon-more {
  margin-right: 0 !important;
}
.el-sub-menu .el-sub-menu__icon-arrow {
  position: absolute;
  top: 50%;
  right: var(--el-menu-base-level-padding);
  margin-top: -6px;
  transition: transform var(--el-transition-duration);
  font-size: 12px;
  margin-right: 0;
  width: inherit;
}

.el-menu-item-group > ul {
  padding: 0;
}
.el-menu-item-group__title {
  padding: 7px 0 7px var(--el-menu-base-level-padding);
  line-height: normal;
  font-size: 12px;
  color: var(--el-text-color-secondary);
}

.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
  transition: var(--el-transition-duration-fast);
  opacity: 0;
}

.el-popper,
.el-menu--popup-container,
.el-menu {
  outline: none;
}

.el-message-box {
  --el-messagebox-title-color: var(--el-text-color-primary);
  --el-messagebox-width: 420px;
  --el-messagebox-border-radius: 4px;
  --el-messagebox-box-shadow: var(--el-box-shadow);
  --el-messagebox-font-size: var(--el-font-size-large);
  --el-messagebox-content-font-size: var(--el-font-size-base);
  --el-messagebox-content-color: var(--el-text-color-regular);
  --el-messagebox-error-font-size: 12px;
  --el-messagebox-padding-primary: 12px;
  --el-messagebox-font-line-height: var(--el-font-line-height-primary);
}

.el-message-box {
  display: inline-block;
  position: relative;
  max-width: var(--el-messagebox-width);
  width: 100%;
  padding: var(--el-messagebox-padding-primary);
  vertical-align: middle;
  background-color: var(--el-bg-color);
  border-radius: var(--el-messagebox-border-radius);
  font-size: var(--el-messagebox-font-size);
  box-shadow: var(--el-messagebox-box-shadow);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.el-message-box:focus {
  outline: none !important;
}
.is-message-box .el-overlay-message-box {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  overflow: auto;
}
.is-message-box .el-overlay-message-box::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-message-box.is-draggable .el-message-box__header {
  cursor: move;
  user-select: none;
}

.el-message-box__header {
  padding-bottom: var(--el-messagebox-padding-primary);
}
.el-message-box__header.show-close {
  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px));
}

.el-message-box__title {
  font-size: var(--el-messagebox-font-size);
  line-height: var(--el-messagebox-font-line-height);
  color: var(--el-messagebox-title-color);
}

.el-message-box__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--el-message-close-size, 16px);
  cursor: pointer;
}
.el-message-box__headerbtn .el-message-box__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--el-color-primary);
}

.el-message-box__content {
  color: var(--el-messagebox-content-color);
  font-size: var(--el-messagebox-content-font-size);
}

.el-message-box__container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.el-message-box__input {
  padding-top: 12px;
}
.el-message-box__input div.invalid > input {
  border-color: var(--el-color-error);
}
.el-message-box__input div.invalid > input:focus {
  border-color: var(--el-color-error);
}

.el-message-box__status {
  font-size: 24px;
}
.el-message-box__status.el-message-box-icon--primary {
  --el-messagebox-color: var(--el-color-primary);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--success {
  --el-messagebox-color: var(--el-color-success);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--info {
  --el-messagebox-color: var(--el-color-info);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--warning {
  --el-messagebox-color: var(--el-color-warning);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--error {
  --el-messagebox-color: var(--el-color-error);
  color: var(--el-messagebox-color);
}

.el-message-box__message {
  margin: 0;
  min-width: 0;
}
.el-message-box__message p {
  margin: 0;
  line-height: var(--el-messagebox-font-line-height);
}

.el-message-box__errormsg {
  color: var(--el-color-error);
  font-size: var(--el-messagebox-error-font-size);
  line-height: var(--el-messagebox-font-line-height);
}

.el-message-box__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-top: var(--el-messagebox-padding-primary);
}

.el-message-box--center .el-message-box__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.el-message-box--center .el-message-box__status {
  font-size: inherit;
}

.el-message-box--center .el-message-box__btns {
  justify-content: center;
}

.el-message-box--center .el-message-box__container {
  justify-content: center;
}

.el-message-box-parent--hidden {
  overflow: hidden;
}

.fade-in-linear-enter-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration);
}

.fade-in-linear-leave-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration) reverse;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.el-message {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-border-color-lighter);
  --el-message-padding: 11px 15px;
  --el-message-close-size: 16px;
  --el-message-close-icon-color: var(--el-text-color-placeholder);
  --el-message-close-hover-color: var(--el-text-color-secondary);
}

.el-message {
  width: max-content;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  border-radius: var(--el-border-radius-base);
  border-width: var(--el-border-width);
  border-style: var(--el-border-style);
  border-color: var(--el-message-border-color);
  position: fixed;
  background-color: var(--el-message-bg-color);
  transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s, bottom 0.4s;
  padding: var(--el-message-padding);
  display: flex;
  align-items: center;
  gap: 8px;
}
.el-message.is-left {
  left: 16px;
}
.el-message.is-right {
  right: 16px;
}
.el-message.is-center {
  left: 50%;
  transform: translateX(-50%);
}
.el-message.is-plain {
  background-color: var(--el-bg-color-overlay);
  border-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}

.el-message p {
  margin: 0;
}
.el-message--primary {
  --el-message-bg-color: var(--el-color-primary-light-9);
  --el-message-border-color: var(--el-color-primary-light-8);
  --el-message-text-color: var(--el-color-primary);
}
.el-message--primary .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--primary {
  color: var(--el-message-text-color);
}
.el-message--success {
  --el-message-bg-color: var(--el-color-success-light-9);
  --el-message-border-color: var(--el-color-success-light-8);
  --el-message-text-color: var(--el-color-success);
}
.el-message--success .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--success {
  color: var(--el-message-text-color);
}
.el-message--info {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-color-info-light-8);
  --el-message-text-color: var(--el-color-info);
}
.el-message--info .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--info {
  color: var(--el-message-text-color);
}
.el-message--warning {
  --el-message-bg-color: var(--el-color-warning-light-9);
  --el-message-border-color: var(--el-color-warning-light-8);
  --el-message-text-color: var(--el-color-warning);
}
.el-message--warning .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--warning {
  color: var(--el-message-text-color);
}
.el-message--error {
  --el-message-bg-color: var(--el-color-error-light-9);
  --el-message-border-color: var(--el-color-error-light-8);
  --el-message-text-color: var(--el-color-error);
}
.el-message--error .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--error {
  color: var(--el-message-text-color);
}
.el-message .el-message__badge {
  position: absolute;
  top: -8px;
  right: -8px;
}
.el-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.el-message__content:focus {
  outline-width: 0;
}

.el-message .el-message__closeBtn {
  cursor: pointer;
  color: var(--el-message-close-icon-color);
  font-size: var(--el-message-close-size);
}
.el-message .el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn:hover {
  color: var(--el-message-close-hover-color);
}

.el-message-fade-enter-from,
.el-message-fade-leave-to {
  opacity: 0;
}
.el-message-fade-enter-from.is-left, .el-message-fade-enter-from.is-right,
.el-message-fade-leave-to.is-left,
.el-message-fade-leave-to.is-right {
  transform: translateY(-100%);
}
.el-message-fade-enter-from.is-left.is-bottom, .el-message-fade-enter-from.is-right.is-bottom,
.el-message-fade-leave-to.is-left.is-bottom,
.el-message-fade-leave-to.is-right.is-bottom {
  transform: translateY(100%);
}
.el-message-fade-enter-from.is-center,
.el-message-fade-leave-to.is-center {
  transform: translate(-50%, -100%);
}
.el-message-fade-enter-from.is-center.is-bottom,
.el-message-fade-leave-to.is-center.is-bottom {
  transform: translate(-50%, 100%);
}

.el-notification {
  --el-notification-width: 330px;
  --el-notification-padding: 14px 26px 14px 13px;
  --el-notification-radius: 8px;
  --el-notification-shadow: var(--el-box-shadow-light);
  --el-notification-border-color: var(--el-border-color-lighter);
  --el-notification-icon-size: 24px;
  --el-notification-close-font-size: var(--el-message-close-size, 16px);
  --el-notification-group-margin-left: 13px;
  --el-notification-group-margin-right: 8px;
  --el-notification-content-font-size: var(--el-font-size-base);
  --el-notification-content-color: var(--el-text-color-regular);
  --el-notification-title-font-size: 16px;
  --el-notification-title-color: var(--el-text-color-primary);
  --el-notification-close-color: var(--el-text-color-secondary);
  --el-notification-close-hover-color: var(--el-text-color-regular);
}

.el-notification {
  display: flex;
  width: var(--el-notification-width);
  padding: var(--el-notification-padding);
  border-radius: var(--el-notification-radius);
  box-sizing: border-box;
  border: 1px solid var(--el-notification-border-color);
  position: fixed;
  background-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-notification-shadow);
  transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top 0.4s, bottom var(--el-transition-duration);
  overflow-wrap: break-word;
  overflow: hidden;
  z-index: 9999;
}
.el-notification.right {
  right: 16px;
}
.el-notification.left {
  left: 16px;
}
.el-notification__group {
  flex: 1;
  min-width: 0;
  margin-left: var(--el-notification-group-margin-left);
  margin-right: var(--el-notification-group-margin-right);
}

.el-notification__title {
  font-weight: bold;
  font-size: var(--el-notification-title-font-size);
  line-height: var(--el-notification-icon-size);
  color: var(--el-notification-title-color);
  margin: 0;
}

.el-notification__content {
  font-size: var(--el-notification-content-font-size);
  line-height: 24px;
  margin: 6px 0 0;
  color: var(--el-notification-content-color);
}
.el-notification__content p {
  margin: 0;
}

.el-notification .el-notification__icon {
  flex-shrink: 0;
  height: var(--el-notification-icon-size);
  width: var(--el-notification-icon-size);
  font-size: var(--el-notification-icon-size);
}
.el-notification .el-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 15px;
  cursor: pointer;
  color: var(--el-notification-close-color);
  font-size: var(--el-notification-close-font-size);
}
.el-notification .el-notification__closeBtn:hover {
  color: var(--el-notification-close-hover-color);
}
.el-notification .el-notification--primary {
  --el-notification-icon-color: var(--el-color-primary);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--success {
  --el-notification-icon-color: var(--el-color-success);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--info {
  --el-notification-icon-color: var(--el-color-info);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--warning {
  --el-notification-icon-color: var(--el-color-warning);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--error {
  --el-notification-icon-color: var(--el-color-error);
  color: var(--el-notification-icon-color);
}

.el-notification-fade-enter-from.right {
  right: 0;
  transform: translateX(100%);
}
.el-notification-fade-enter-from.left {
  left: 0;
  transform: translateX(-100%);
}

.el-notification-fade-leave-to {
  opacity: 0;
}

.el-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  height: 100%;
  background-color: var(--el-overlay-color-lighter);
  overflow: auto;
}
.el-overlay .el-overlay-root {
  height: 0;
}

.el-page-header.is-contentful .el-page-header__main {
  border-top: 1px solid var(--el-border-color-light);
  margin-top: 16px;
}

.el-page-header__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 24px;
}
.el-page-header__left {
  display: flex;
  align-items: center;
  margin-right: 40px;
  position: relative;
}
.el-page-header__back {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.el-page-header__left .el-divider--vertical {
  margin: 0 16px;
}
.el-page-header__icon {
  font-size: 16px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.el-page-header__icon .el-icon {
  font-size: inherit;
}

.el-page-header__title {
  font-size: 14px;
  font-weight: 500;
}

.el-page-header__content {
  font-size: 18px;
  color: var(--el-text-color-primary);
}

.el-page-header__breadcrumb {
  margin-bottom: 16px;
}

.el-pagination {
  --el-pagination-font-size: 14px;
  --el-pagination-bg-color: var(--el-fill-color-blank);
  --el-pagination-text-color: var(--el-text-color-primary);
  --el-pagination-border-radius: 2px;
  --el-pagination-button-color: var(--el-text-color-primary);
  --el-pagination-button-width: 32px;
  --el-pagination-button-height: 32px;
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
  --el-pagination-button-bg-color: var(--el-fill-color);
  --el-pagination-hover-color: var(--el-color-primary);
  --el-pagination-font-size-small: 12px;
  --el-pagination-button-width-small: 24px;
  --el-pagination-button-height-small: 24px;
  --el-pagination-button-width-large: 40px;
  --el-pagination-button-height-large: 40px;
  --el-pagination-item-gap: 16px;
  white-space: nowrap;
  color: var(--el-pagination-text-color);
  font-size: var(--el-pagination-font-size);
  font-weight: normal;
  display: flex;
  align-items: center;
}
.el-pagination .el-input__inner {
  text-align: center;
  -moz-appearance: textfield;
}
.el-pagination .el-select {
  width: 128px;
}
.el-pagination .btn-prev,
.el-pagination .btn-next {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-pagination-font-size);
  min-width: var(--el-pagination-button-width);
  height: var(--el-pagination-button-height);
  line-height: var(--el-pagination-button-height);
  color: var(--el-pagination-button-color);
  background: var(--el-pagination-bg-color);
  padding: 0 4px;
  border: none;
  border-radius: var(--el-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.el-pagination .btn-prev *,
.el-pagination .btn-next * {
  pointer-events: none;
}
.el-pagination .btn-prev:focus,
.el-pagination .btn-next:focus {
  outline: none;
}
.el-pagination .btn-prev:hover,
.el-pagination .btn-next:hover {
  color: var(--el-pagination-hover-color);
}
.el-pagination .btn-prev.is-active,
.el-pagination .btn-next.is-active {
  color: var(--el-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.el-pagination .btn-prev.is-active.is-disabled,
.el-pagination .btn-next.is-active.is-disabled {
  font-weight: bold;
  color: var(--el-text-color-secondary);
}
.el-pagination .btn-prev:disabled, .el-pagination .btn-prev.is-disabled,
.el-pagination .btn-next:disabled,
.el-pagination .btn-next.is-disabled {
  color: var(--el-pagination-button-disabled-color);
  background-color: var(--el-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.el-pagination .btn-prev:focus-visible,
.el-pagination .btn-next:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}
.el-pagination .btn-prev .el-icon,
.el-pagination .btn-next .el-icon {
  display: block;
  font-size: 12px;
  font-weight: bold;
  width: inherit;
}
.el-pagination > *.is-first {
  margin-left: 0 !important;
}

.el-pagination > *.is-last {
  margin-right: 0 !important;
}

.el-pagination .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}
.el-pagination__sizes {
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}

.el-pagination__total {
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}
.el-pagination__total[disabled=true] {
  color: var(--el-text-color-placeholder);
}

.el-pagination__jump {
  display: flex;
  align-items: center;
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}
.el-pagination__jump[disabled=true] {
  color: var(--el-text-color-placeholder);
}
.el-pagination__goto {
  margin-right: 8px;
}

.el-pagination__editor {
  text-align: center;
  box-sizing: border-box;
}
.el-pagination__editor.el-input {
  width: 56px;
}
.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.el-pagination__classifier {
  margin-left: 8px;
}

.el-pagination__rightwrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  margin: 0 4px;
  background-color: var(--el-pagination-button-bg-color);
}
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .el-pager li.is-active {
  background-color: var(--el-color-primary);
  color: var(--el-color-white);
}
.el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .el-pager li:disabled,
.el-pagination.is-background .el-pager li.is-disabled {
  color: var(--el-text-color-placeholder);
  background-color: var(--el-disabled-bg-color);
}
.el-pagination.is-background .btn-prev:disabled.is-active, .el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active {
  color: var(--el-text-color-secondary);
  background-color: var(--el-fill-color-dark);
}
.el-pagination.is-background .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}

.el-pagination--small .btn-prev,
.el-pagination--small .btn-next,
.el-pagination--small .el-pager li {
  height: var(--el-pagination-button-height-small);
  line-height: var(--el-pagination-button-height-small);
  font-size: var(--el-pagination-font-size-small);
  min-width: var(--el-pagination-button-width-small);
}
.el-pagination--small span:not([class*=suffix]),
.el-pagination--small button {
  font-size: var(--el-pagination-font-size-small);
}
.el-pagination--small .el-select {
  width: 100px;
}

.el-pagination--large .btn-prev,
.el-pagination--large .btn-next,
.el-pagination--large .el-pager li {
  height: var(--el-pagination-button-height-large);
  line-height: var(--el-pagination-button-height-large);
  min-width: var(--el-pagination-button-width-large);
}
.el-pagination--large .el-select .el-input {
  width: 160px;
}

.el-pager {
  user-select: none;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.el-pager li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-pagination-font-size);
  min-width: var(--el-pagination-button-width);
  height: var(--el-pagination-button-height);
  line-height: var(--el-pagination-button-height);
  color: var(--el-pagination-button-color);
  background: var(--el-pagination-bg-color);
  padding: 0 4px;
  border: none;
  border-radius: var(--el-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.el-pager li * {
  pointer-events: none;
}
.el-pager li:focus {
  outline: none;
}
.el-pager li:hover {
  color: var(--el-pagination-hover-color);
}
.el-pager li.is-active {
  color: var(--el-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.el-pager li.is-active.is-disabled {
  font-weight: bold;
  color: var(--el-text-color-secondary);
}
.el-pager li:disabled, .el-pager li.is-disabled {
  color: var(--el-pagination-button-disabled-color);
  background-color: var(--el-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.el-pager li:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}

.el-popconfirm {
  outline: none;
}
.el-popconfirm__main {
  display: flex;
  align-items: center;
}

.el-popconfirm__icon {
  margin-right: 5px;
}

.el-popconfirm__action {
  text-align: right;
  margin-top: 8px;
}

.el-popover {
  --el-popover-bg-color: var(--el-bg-color-overlay);
  --el-popover-font-size: var(--el-font-size-base);
  --el-popover-border-color: var(--el-border-color-lighter);
  --el-popover-padding: 12px;
  --el-popover-padding-large: 18px 20px;
  --el-popover-title-font-size: 16px;
  --el-popover-title-text-color: var(--el-text-color-primary);
  --el-popover-border-radius: 4px;
}
.el-popover.el-popper {
  background: var(--el-popover-bg-color);
  min-width: 150px;
  border-radius: var(--el-popover-border-radius);
  border: 1px solid var(--el-popover-border-color);
  padding: var(--el-popover-padding);
  z-index: var(--el-index-popper);
  color: var(--el-text-color-regular);
  line-height: 1.4;
  font-size: var(--el-popover-font-size);
  box-shadow: var(--el-box-shadow-light);
  overflow-wrap: break-word;
  box-sizing: border-box;
}
.el-popover.el-popper--plain {
  padding: var(--el-popover-padding-large);
}

.el-popover__title {
  color: var(--el-popover-title-text-color);
  font-size: var(--el-popover-title-font-size);
  line-height: 1;
  margin-bottom: 12px;
}

.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
  outline-width: 0;
}

.el-popover.el-popper.is-dark {
  --el-popover-bg-color: var(--el-text-color-primary);
  --el-popover-border-color: var(--el-text-color-primary);
  --el-popover-title-text-color: var(--el-bg-color);
  color: var(--el-bg-color);
}

.el-popover.el-popper:focus:active, .el-popover.el-popper:focus {
  outline-width: 0;
}

.el-progress {
  position: relative;
  line-height: 1;
  display: flex;
  align-items: center;
}
.el-progress__text {
  font-size: 14px;
  color: var(--el-text-color-regular);
  margin-left: 5px;
  min-width: 50px;
  line-height: 1;
}
.el-progress__text i {
  vertical-align: middle;
  display: block;
}

.el-progress--circle, .el-progress--dashboard {
  display: inline-block;
}
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.el-progress--without-text .el-progress__text {
  display: none;
}
.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: var(--el-color-success);
}
.el-progress.is-success .el-progress__text {
  color: var(--el-color-success);
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: var(--el-color-warning);
}
.el-progress.is-warning .el-progress__text {
  color: var(--el-color-warning);
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: var(--el-color-danger);
}
.el-progress.is-exception .el-progress__text {
  color: var(--el-color-danger);
}

.el-progress-bar {
  flex-grow: 1;
  box-sizing: border-box;
}
.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: var(--el-border-color-lighter);
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--el-color-primary);
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.el-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-progress-bar__inner--indeterminate {
  transform: translateZ(0);
  animation: indeterminate 3s infinite;
}

.el-progress-bar__inner--striped {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
  background-size: 1.25em 1.25em;
}
.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
  animation: striped-flow 3s linear infinite;
}

.el-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
@keyframes indeterminate {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes striped-flow {
  0% {
    background-position: -100%;
  }
  100% {
    background-position: 100%;
  }
}
.el-radio-button {
  --el-radio-button-checked-bg-color: var(--el-color-primary);
  --el-radio-button-checked-text-color: var(--el-color-white);
  --el-radio-button-checked-border-color: var(--el-color-primary);
  --el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light);
}

.el-radio-button {
  position: relative;
  display: inline-block;
  outline: none;
}
.el-radio-button__inner {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
  outline: var(--el-border);
  font-weight: var(--el-button-font-weight, normal);
  color: var(--el-button-text-color, var(--el-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: var(--el-transition-all);
  user-select: none;
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-radio-button__inner.is-round {
  padding: 8px 15px;
}
.el-radio-button__inner:hover {
  color: var(--el-color-primary);
}
.el-radio-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-radio-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-radio-button:first-child .el-radio-button__inner {
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled) + .el-radio-button__inner {
  color: var(--el-radio-button-checked-text-color, var(--el-color-white));
  background-color: var(--el-radio-button-checked-bg-color, var(--el-color-primary));
  border-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
  box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color, var(--el-color-primary));
}

.el-radio-button__original-radio {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}
.el-radio-button__original-radio:focus-visible + .el-radio-button__inner {
  border-left: var(--el-border);
  border-left-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
  outline: 2px solid var(--el-radio-button-checked-border-color);
  outline-offset: 1px;
  z-index: 2;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
}
.el-radio-button__original-radio:disabled + .el-radio-button__inner {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  box-shadow: none;
}
.el-radio-button__original-radio:disabled:checked + .el-radio-button__inner {
  background-color: var(--el-radio-button-disabled-checked-fill);
}

.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
}
.el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: var(--el-border-radius-base);
}
.el-radio-button--large .el-radio-button__inner {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-radio-button--large .el-radio-button__inner.is-round {
  padding: 12px 19px;
}

.el-radio-button--small .el-radio-button__inner {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: 0;
}
.el-radio-button--small .el-radio-button__inner.is-round {
  padding: 5px 11px;
}

.el-radio-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0;
}

.el-radio {
  --el-radio-font-size: var(--el-font-size-base);
  --el-radio-text-color: var(--el-text-color-regular);
  --el-radio-font-weight: normal;
  --el-radio-input-height: 14px;
  --el-radio-input-width: 14px;
  --el-radio-input-border-radius: var(--el-border-radius-circle);
  --el-radio-input-bg-color: var(--el-fill-color-blank);
  --el-radio-input-border: var(--el-border);
  --el-radio-input-border-color: var(--el-border-color);
  --el-radio-input-border-color-hover: var(--el-color-primary);
}

.el-radio {
  color: var(--el-radio-text-color);
  font-weight: var(--el-radio-font-weight);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  outline: none;
  font-size: var(--el-font-size-base);
  user-select: none;
  margin-right: 30px;
  height: 32px;
}
.el-radio.el-radio--large {
  height: 40px;
}
.el-radio.el-radio--small {
  height: 24px;
}
.el-radio.is-bordered {
  padding: 0 15px 0 9px;
  border-radius: var(--el-border-radius-base);
  border: var(--el-border);
  box-sizing: border-box;
}
.el-radio.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: var(--el-border-color-lighter);
}
.el-radio.is-bordered.el-radio--large {
  padding: 0 19px 0 11px;
  border-radius: var(--el-border-radius-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__label {
  font-size: var(--el-font-size-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__inner {
  height: 14px;
  width: 14px;
}
.el-radio.is-bordered.el-radio--small {
  padding: 0 11px 0 7px;
  border-radius: var(--el-border-radius-base);
}
.el-radio.is-bordered.el-radio--small .el-radio__label {
  font-size: 12px;
}
.el-radio.is-bordered.el-radio--small .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: var(--el-disabled-bg-color);
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: var(--el-text-color-placeholder);
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--el-color-primary);
  background: var(--el-color-primary);
}
.el-radio__input.is-checked .el-radio__inner::after {
  background-color: var(--el-color-white);
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: var(--el-color-primary);
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: var(--el-radio-input-border-color-hover);
}

.el-radio__inner {
  border: var(--el-radio-input-border);
  border-radius: var(--el-radio-input-border-radius);
  width: var(--el-radio-input-width);
  height: var(--el-radio-input-height);
  background-color: var(--el-radio-input-bg-color);
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  transition: all 0.3s;
}
.el-radio__inner:hover {
  border-color: var(--el-radio-input-border-color-hover);
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: var(--el-radio-input-border-radius);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.el-radio__original:focus-visible + .el-radio__inner {
  outline: 2px solid var(--el-radio-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--el-radio-input-border-radius);
}

.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) {
  /*获得焦点时 样式提醒*/
}
.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover);
}
.el-radio__label {
  font-size: var(--el-radio-font-size);
  padding-left: 8px;
}

.el-radio.el-radio--large .el-radio__label {
  font-size: 14px;
}

.el-radio.el-radio--large .el-radio__inner {
  width: 14px;
  height: 14px;
}

.el-radio.el-radio--small .el-radio__label {
  font-size: 12px;
}

.el-radio.el-radio--small .el-radio__inner {
  width: 12px;
  height: 12px;
}

.el-rate {
  --el-rate-height: 20px;
  --el-rate-font-size: var(--el-font-size-base);
  --el-rate-icon-size: 18px;
  --el-rate-icon-margin: 6px;
  --el-rate-void-color: var(--el-border-color-darker);
  --el-rate-fill-color: #f7ba2a;
  --el-rate-disabled-void-color: var(--el-fill-color);
  --el-rate-text-color: var(--el-text-color-primary);
  --el-rate-outline-color: var(--el-color-primary-light-5);
}

.el-rate {
  display: inline-flex;
  align-items: center;
  height: 32px;
}
.el-rate:focus, .el-rate:active {
  outline: none;
}
.el-rate:focus-visible .el-rate__item .el-rate__icon.is-focus-visible {
  outline: 2px solid var(--el-rate-outline-color);
  transition: outline-offset 0s, outline 0s;
}

.el-rate__item {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: middle;
  color: var(--el-rate-void-color);
  line-height: normal;
}

.el-rate .el-rate__icon {
  position: relative;
  display: inline-block;
  font-size: var(--el-rate-icon-size);
  margin-right: var(--el-rate-icon-margin);
  transition: var(--el-transition-duration);
}
.el-rate .el-rate__icon.hover {
  transform: scale(1.15);
}
.el-rate .el-rate__icon .path2 {
  position: absolute;
  left: 0;
  top: 0;
}
.el-rate .el-rate__icon.is-active {
  color: var(--el-rate-fill-color);
}

.el-rate__decimal {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
  color: var(--el-rate-fill-color);
}
.el-rate__decimal--box {
  position: absolute;
  top: 0;
  left: 0;
}

.el-rate__text {
  font-size: var(--el-rate-font-size);
  vertical-align: middle;
  color: var(--el-rate-text-color);
}

.el-rate--large {
  height: 40px;
}
.el-rate--small {
  height: 24px;
}
.el-rate--small .el-rate__icon {
  font-size: 14px;
}

.el-rate.is-disabled .el-rate__item {
  cursor: not-allowed;
  color: var(--el-rate-disabled-void-color);
}

.el-result {
  --el-result-padding: 40px 30px;
  --el-result-icon-font-size: 64px;
  --el-result-title-font-size: 20px;
  --el-result-title-margin-top: 20px;
  --el-result-subtitle-margin-top: 10px;
  --el-result-extra-margin-top: 30px;
}

.el-result {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: var(--el-result-padding);
}
.el-result__icon svg {
  width: var(--el-result-icon-font-size);
  height: var(--el-result-icon-font-size);
}

.el-result__title {
  margin-top: var(--el-result-title-margin-top);
}
.el-result__title p {
  margin: 0;
  font-size: var(--el-result-title-font-size);
  color: var(--el-text-color-primary);
  line-height: 1.3;
}

.el-result__subtitle {
  margin-top: var(--el-result-subtitle-margin-top);
}
.el-result__subtitle p {
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  line-height: 1.3;
}

.el-result__extra {
  margin-top: var(--el-result-extra-margin-top);
}

.el-result .icon-primary {
  --el-result-color: var(--el-color-primary);
  color: var(--el-result-color);
}
.el-result .icon-success {
  --el-result-color: var(--el-color-success);
  color: var(--el-result-color);
}
.el-result .icon-warning {
  --el-result-color: var(--el-color-warning);
  color: var(--el-result-color);
}
.el-result .icon-danger {
  --el-result-color: var(--el-color-danger);
  color: var(--el-result-color);
}
.el-result .icon-error {
  --el-result-color: var(--el-color-error);
  color: var(--el-result-color);
}
.el-result .icon-info {
  --el-result-color: var(--el-color-info);
  color: var(--el-result-color);
}

.el-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
}
.el-row.is-justify-center {
  justify-content: center;
}

.el-row.is-justify-end {
  justify-content: flex-end;
}

.el-row.is-justify-space-between {
  justify-content: space-between;
}

.el-row.is-justify-space-around {
  justify-content: space-around;
}

.el-row.is-justify-space-evenly {
  justify-content: space-evenly;
}

.el-row.is-align-top {
  align-items: flex-start;
}

.el-row.is-align-middle {
  align-items: center;
}

.el-row.is-align-bottom {
  align-items: flex-end;
}

.el-scrollbar {
  --el-scrollbar-opacity: 0.3;
  --el-scrollbar-bg-color: var(--el-text-color-secondary);
  --el-scrollbar-hover-opacity: 0.5;
  --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.el-scrollbar__wrap {
  overflow: auto;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  display: none;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  transition: var(--el-transition-duration) background-color;
  opacity: var(--el-scrollbar-opacity, 0.3);
}
.el-scrollbar__thumb:hover {
  background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
  opacity: var(--el-scrollbar-hover-opacity, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-scrollbar-fade-enter-active {
  transition: opacity 340ms ease-out;
}
.el-scrollbar-fade-leave-active {
  transition: opacity 120ms ease-out;
}
.el-scrollbar-fade-enter-from, .el-scrollbar-fade-leave-active {
  opacity: 0;
}

.el-select-dropdown {
  z-index: calc(var(--el-index-top) + 1);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__loading {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}
.el-select-dropdown__list.el-vl__window {
  margin: 6px 0;
  padding: 0;
}

.el-select-dropdown__header {
  padding: 10px;
  border-bottom: 1px solid var(--el-border-color-light);
}

.el-select-dropdown__footer {
  padding: 10px;
  border-top: 1px solid var(--el-border-color-light);
}

.el-select-dropdown__item {
  font-size: var(--el-font-size-base);
  padding: 0 32px 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--el-text-color-regular);
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-hovering {
  background-color: var(--el-fill-color-light);
}

.el-select-dropdown__item.is-selected {
  color: var(--el-color-primary);
  font-weight: bold;
}

.el-select-dropdown__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
  background-color: unset;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  border-top: none;
  border-right: none;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--el-color-primary);
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  mask-size: 100% 100%;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask-size: 100% 100%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
  background-color: var(--el-text-color-placeholder);
}

.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.el-select-group__title {
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 12px;
  color: var(--el-color-info);
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

.el-select {
  --el-select-border-color-hover: var(--el-border-color-hover);
  --el-select-disabled-color: var(--el-disabled-text-color);
  --el-select-disabled-border: var(--el-disabled-border-color);
  --el-select-font-size: var(--el-font-size-base);
  --el-select-close-hover-color: var(--el-text-color-secondary);
  --el-select-input-color: var(--el-text-color-placeholder);
  --el-select-multiple-input-color: var(--el-text-color-regular);
  --el-select-input-focus-border-color: var(--el-color-primary);
  --el-select-input-font-size: 14px;
  --el-select-width: 100%;
}

.el-select {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: var(--el-select-width);
}
.el-select__wrapper {
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  padding: 4px 12px;
  gap: 6px;
  min-height: 32px;
  line-height: 24px;
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);
  transition: var(--el-transition-duration);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-select__wrapper.is-filterable {
  cursor: text;
}

.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-select__wrapper.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-select__wrapper.is-disabled {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-select__wrapper.is-disabled .el-select__selected-item {
  color: var(--el-select-disabled-color);
}

.el-select__wrapper.is-disabled .el-select__caret {
  cursor: not-allowed;
}

.el-select__wrapper.is-disabled .el-tag {
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled input {
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled .el-select__prefix,
.el-select__wrapper.is-disabled .el-select__suffix {
  pointer-events: none;
}

.el-select__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-select__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-select__caret {
  color: var(--el-select-input-color);
  font-size: var(--el-select-input-font-size);
  transition: var(--el-transition-duration);
  transform: rotateZ(0deg);
  cursor: pointer;
}
.el-select__caret.is-reverse {
  transform: rotateZ(180deg);
}

.el-select__clear {
  cursor: pointer;
}
.el-select__clear:hover {
  color: var(--el-select-close-hover-color);
}

.el-select__selection {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}
.el-select__selection.is-near {
  margin-left: -8px;
}

.el-select__selection .el-tag {
  cursor: pointer;
  border-color: transparent;
}
.el-select__selection .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-select__selection .el-tag .el-tag__content {
  min-width: 0;
}

.el-select__selected-item {
  display: flex;
  flex-wrap: wrap;
  user-select: none;
}

.el-select__tags-text {
  display: block;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select__placeholder {
  position: absolute;
  z-index: -1;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--el-input-text-color, var(--el-text-color-regular));
}
.el-select__placeholder.is-transparent {
  user-select: none;
  color: var(--el-text-color-placeholder);
}

.el-select__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-box-shadow-light);
}
.el-select__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-select__input-wrapper {
  flex: 1;
}
.el-select__input-wrapper.is-hidden {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  color: var(--el-select-multiple-input-color);
  font-size: inherit;
  font-family: inherit;
  appearance: none;
  height: 24px;
  width: 100%;
  background-color: transparent;
}

.el-select__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}

.el-select--large .el-select__wrapper {
  gap: 6px;
  padding: 8px 16px;
  min-height: 40px;
  line-height: 24px;
  font-size: 14px;
}

.el-select--large .el-select__selection {
  gap: 6px;
}
.el-select--large .el-select__selection.is-near {
  margin-left: -8px;
}

.el-select--large .el-select__prefix {
  gap: 6px;
}

.el-select--large .el-select__suffix {
  gap: 6px;
}

.el-select--large .el-select__input {
  height: 24px;
}

.el-select--small .el-select__wrapper {
  gap: 4px;
  padding: 2px 8px;
  min-height: 24px;
  line-height: 20px;
  font-size: 12px;
}

.el-select--small .el-select__selection {
  gap: 4px;
}
.el-select--small .el-select__selection.is-near {
  margin-left: -6px;
}

.el-select--small .el-select__prefix {
  gap: 4px;
}

.el-select--small .el-select__suffix {
  gap: 4px;
}

.el-select--small .el-select__input {
  height: 20px;
}

.el-skeleton {
  --el-skeleton-circle-size: var(--el-avatar-size);
}

.el-skeleton__item {
  background: var(--el-skeleton-color);
  display: inline-block;
  height: 16px;
  border-radius: var(--el-border-radius-base);
  width: 100%;
}

.el-skeleton__circle {
  border-radius: 50%;
  width: var(--el-skeleton-circle-size);
  height: var(--el-skeleton-circle-size);
  line-height: var(--el-skeleton-circle-size);
}

.el-skeleton__button {
  height: 40px;
  width: 64px;
  border-radius: 4px;
}

.el-skeleton__p {
  width: 100%;
}
.el-skeleton__p.is-last {
  width: 61%;
}

.el-skeleton__p.is-first {
  width: 33%;
}

.el-skeleton__text {
  width: 100%;
  height: var(--el-font-size-small);
}

.el-skeleton__caption {
  height: var(--el-font-size-extra-small);
}

.el-skeleton__h1 {
  height: var(--el-font-size-extra-large);
}

.el-skeleton__h3 {
  height: var(--el-font-size-large);
}

.el-skeleton__h5 {
  height: var(--el-font-size-medium);
}

.el-skeleton__image {
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.el-skeleton__image svg {
  color: var(--el-svg-monochrome-grey);
  fill: currentColor;
  width: 22%;
  height: 22%;
}

.el-skeleton {
  --el-skeleton-color: var(--el-fill-color);
  --el-skeleton-to-color: var(--el-fill-color-darker);
}

@keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.el-skeleton {
  width: 100%;
}
.el-skeleton__first-line {
  height: 16px;
  margin-top: 16px;
  background: var(--el-skeleton-color);
}

.el-skeleton__paragraph {
  height: 16px;
  margin-top: 16px;
  background: var(--el-skeleton-color);
}

.el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(90deg, var(--el-skeleton-color) 25%, var(--el-skeleton-to-color) 37%, var(--el-skeleton-color) 63%);
  background-size: 400% 100%;
  animation: el-skeleton-loading 1.4s ease infinite;
}

.el-slider {
  --el-slider-main-bg-color: var(--el-color-primary);
  --el-slider-runway-bg-color: var(--el-border-color-light);
  --el-slider-stop-bg-color: var(--el-color-white);
  --el-slider-disabled-color: var(--el-text-color-placeholder);
  --el-slider-border-radius: 3px;
  --el-slider-height: 6px;
  --el-slider-button-size: 20px;
  --el-slider-button-wrapper-size: 36px;
  --el-slider-button-wrapper-offset: -15px;
}

.el-slider {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}
.el-slider__runway {
  flex: 1;
  height: var(--el-slider-height);
  background-color: var(--el-slider-runway-bg-color);
  border-radius: var(--el-slider-border-radius);
  position: relative;
  cursor: pointer;
}
.el-slider__runway.show-input {
  margin-right: 30px;
  width: auto;
}
.el-slider__runway.is-disabled {
  cursor: default;
}
.el-slider__runway.is-disabled .el-slider__bar {
  background-color: var(--el-slider-disabled-color);
}
.el-slider__runway.is-disabled .el-slider__button {
  border-color: var(--el-slider-disabled-color);
}
.el-slider__runway.is-disabled .el-slider__button-wrapper:hover, .el-slider__runway.is-disabled .el-slider__button-wrapper.hover {
  cursor: not-allowed;
}
.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging {
  cursor: not-allowed;
}
.el-slider__runway.is-disabled .el-slider__button:hover, .el-slider__runway.is-disabled .el-slider__button.hover, .el-slider__runway.is-disabled .el-slider__button.dragging {
  transform: scale(1);
}
.el-slider__runway.is-disabled .el-slider__button:hover, .el-slider__runway.is-disabled .el-slider__button.hover {
  cursor: not-allowed;
}
.el-slider__runway.is-disabled .el-slider__button.dragging {
  cursor: not-allowed;
}

.el-slider__input {
  flex-shrink: 0;
  width: 130px;
}

.el-slider__bar {
  height: var(--el-slider-height);
  background-color: var(--el-slider-main-bg-color);
  border-top-left-radius: var(--el-slider-border-radius);
  border-bottom-left-radius: var(--el-slider-border-radius);
  position: absolute;
}

.el-slider__button-wrapper {
  height: var(--el-slider-button-wrapper-size);
  width: var(--el-slider-button-wrapper-size);
  position: absolute;
  z-index: 1;
  top: var(--el-slider-button-wrapper-offset);
  transform: translateX(-50%);
  background-color: transparent;
  text-align: center;
  user-select: none;
  line-height: normal;
  outline: none;
}
.el-slider__button-wrapper::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-slider__button-wrapper:hover, .el-slider__button-wrapper.hover {
  cursor: grab;
}
.el-slider__button-wrapper.dragging {
  cursor: grabbing;
}

.el-slider__button {
  display: inline-block;
  width: var(--el-slider-button-size);
  height: var(--el-slider-button-size);
  vertical-align: middle;
  border: solid 2px var(--el-slider-main-bg-color);
  background-color: var(--el-color-white);
  border-radius: 50%;
  box-sizing: border-box;
  transition: var(--el-transition-duration-fast);
  user-select: none;
}
.el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging {
  transform: scale(1.2);
}
.el-slider__button:hover, .el-slider__button.hover {
  cursor: grab;
}
.el-slider__button.dragging {
  cursor: grabbing;
}

.el-slider__stop {
  position: absolute;
  height: var(--el-slider-height);
  width: var(--el-slider-height);
  border-radius: var(--el-border-radius-circle);
  background-color: var(--el-slider-stop-bg-color);
  transform: translateX(-50%);
}

.el-slider__marks {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.el-slider__marks-text {
  position: absolute;
  transform: translateX(-50%);
  font-size: 14px;
  color: var(--el-color-info);
  margin-top: 15px;
  white-space: pre;
}

.el-slider.is-vertical {
  position: relative;
  display: inline-flex;
  width: auto;
  height: 100%;
  flex: 0;
}
.el-slider.is-vertical .el-slider__runway {
  width: var(--el-slider-height);
  height: 100%;
  margin: 0 16px;
}
.el-slider.is-vertical .el-slider__bar {
  width: var(--el-slider-height);
  height: auto;
  border-radius: 0 0 3px 3px;
}
.el-slider.is-vertical .el-slider__button-wrapper {
  top: auto;
  left: var(--el-slider-button-wrapper-offset);
  transform: translateY(50%);
}
.el-slider.is-vertical .el-slider__stop {
  transform: translateY(50%);
}
.el-slider.is-vertical .el-slider__marks-text {
  margin-top: 0;
  left: 15px;
  transform: translateY(50%);
}

.el-slider--large {
  height: 40px;
}
.el-slider--small {
  height: 24px;
}
.el-space {
  display: inline-flex;
  vertical-align: top;
}
.el-space__item {
  display: flex;
  flex-wrap: wrap;
}
.el-space__item > * {
  flex: 1;
}

.el-space--vertical {
  flex-direction: column;
}

.el-time-spinner {
  width: 100%;
  white-space: nowrap;
}

.el-spinner {
  display: inline-block;
  vertical-align: middle;
}

.el-spinner-inner {
  animation: rotate 2s linear infinite;
  width: 50px;
  height: 50px;
}
.el-spinner-inner .path {
  stroke: var(--el-border-color-lighter);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.el-step {
  position: relative;
  flex-shrink: 1;
}
.el-step:last-of-type .el-step__line {
  display: none;
}

.el-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0;
}

.el-step:last-of-type .el-step__main, .el-step:last-of-type .el-step__description {
  padding-right: 0;
}

.el-step__head {
  position: relative;
  width: 100%;
}
.el-step__head.is-process {
  color: var(--el-text-color-primary);
  border-color: var(--el-text-color-primary);
}

.el-step__head.is-wait {
  color: var(--el-text-color-placeholder);
  border-color: var(--el-text-color-placeholder);
}

.el-step__head.is-success {
  color: var(--el-color-success);
  border-color: var(--el-color-success);
}

.el-step__head.is-error {
  color: var(--el-color-danger);
  border-color: var(--el-color-danger);
}

.el-step__head.is-finish {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}

.el-step__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  box-sizing: border-box;
  background: var(--el-bg-color);
  transition: 0.15s ease-out;
}
.el-step__icon.is-text {
  border-radius: 50%;
  border: 2px solid;
  border-color: currentColor;
}

.el-step__icon.is-icon {
  width: 40px;
}

.el-step__icon-inner {
  display: inline-block;
  user-select: none;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}
.el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 25px;
  font-weight: normal;
}
.el-step__icon-inner.is-status {
  transform: translateY(1px);
}

.el-step__line {
  position: absolute;
  border-color: currentColor;
  background-color: var(--el-text-color-placeholder);
}

.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  transition: 0.15s ease-out;
  box-sizing: border-box;
  width: 0;
  height: 0;
}

.el-step__main {
  white-space: normal;
  text-align: left;
}

.el-step__title {
  font-size: 16px;
  line-height: 38px;
}
.el-step__title.is-process {
  font-weight: bold;
  color: var(--el-text-color-primary);
}

.el-step__title.is-wait {
  color: var(--el-text-color-placeholder);
}

.el-step__title.is-success {
  color: var(--el-color-success);
}

.el-step__title.is-error {
  color: var(--el-color-danger);
}

.el-step__title.is-finish {
  color: var(--el-color-primary);
}

.el-step__description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
.el-step__description.is-process {
  color: var(--el-text-color-primary);
}

.el-step__description.is-wait {
  color: var(--el-text-color-placeholder);
}

.el-step__description.is-success {
  color: var(--el-color-success);
}

.el-step__description.is-error {
  color: var(--el-color-danger);
}

.el-step__description.is-finish {
  color: var(--el-color-primary);
}

.el-step.is-horizontal {
  display: inline-block;
}
.el-step.is-horizontal .el-step__line {
  height: 2px;
  top: 11px;
  left: 0;
  right: 0;
}

.el-step.is-vertical {
  display: flex;
}
.el-step.is-vertical .el-step__head {
  flex-grow: 0;
  width: 24px;
}

.el-step.is-vertical .el-step__main {
  padding-left: 10px;
  flex-grow: 1;
}

.el-step.is-vertical .el-step__title {
  line-height: 24px;
  padding-bottom: 8px;
}

.el-step.is-vertical .el-step__line {
  width: 2px;
  top: 0;
  bottom: 0;
  left: 11px;
}

.el-step.is-vertical .el-step__icon.is-icon {
  width: 24px;
}

.el-step.is-vertical .el-step__description {
  padding-right: 0;
}

.el-step.is-center .el-step__head {
  text-align: center;
}

.el-step.is-center .el-step__main {
  text-align: center;
}

.el-step.is-center .el-step__description {
  padding-left: 20%;
  padding-right: 20%;
}

.el-step.is-center .el-step__line {
  left: 50%;
  right: -50%;
}

.el-step.is-simple {
  display: flex;
  align-items: center;
}
.el-step.is-simple .el-step__head {
  width: auto;
  font-size: 0;
  padding-right: 10px;
}

.el-step.is-simple .el-step__icon {
  background: transparent;
  width: 16px;
  height: 16px;
  font-size: 12px;
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 18px;
}
.el-step.is-simple .el-step__icon-inner.is-status {
  transform: scale(0.8) translateY(1px);
}

.el-step.is-simple .el-step__main {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}

.el-step.is-simple .el-step__title {
  font-size: 16px;
  line-height: 20px;
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 50%;
  overflow-wrap: break-word;
}

.el-step.is-simple .el-step__arrow {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-step.is-simple .el-step__arrow::before, .el-step.is-simple .el-step__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background: var(--el-text-color-placeholder);
}
.el-step.is-simple .el-step__arrow::before {
  transform: rotate(-45deg) translateY(-4px);
  transform-origin: 0 0;
}
.el-step.is-simple .el-step__arrow::after {
  transform: rotate(45deg) translateY(4px);
  transform-origin: 100% 100%;
}

.el-step.is-simple:last-of-type .el-step__arrow {
  display: none;
}

.el-steps {
  display: flex;
  line-height: normal;
}
.el-steps--simple {
  padding: 13px 8%;
  border-radius: 4px;
  background: var(--el-fill-color-light);
}

.el-steps--horizontal {
  white-space: nowrap;
}

.el-steps--vertical {
  height: 100%;
  flex-flow: column;
}

.el-switch {
  --el-switch-on-color: var(--el-color-primary);
  --el-switch-off-color: var(--el-border-color);
}

.el-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 32px;
  vertical-align: middle;
}
.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}

.el-switch__label {
  transition: var(--el-transition-duration-fast);
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: var(--el-text-color-primary);
}
.el-switch__label.is-active {
  color: var(--el-color-primary);
}

.el-switch__label--left {
  margin-right: 10px;
}

.el-switch__label--right {
  margin-left: 10px;
}

.el-switch__label * {
  line-height: 1;
  font-size: 14px;
  display: inline-block;
}
.el-switch__label .el-icon {
  height: inherit;
}
.el-switch__label .el-icon svg {
  vertical-align: middle;
}

.el-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.el-switch__input:focus-visible ~ .el-switch__core {
  outline: 2px solid var(--el-switch-on-color);
  outline-offset: 1px;
}

.el-switch__core {
  display: inline-flex;
  position: relative;
  align-items: center;
  min-width: 40px;
  height: 20px;
  border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: var(--el-switch-off-color);
  cursor: pointer;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration);
}
.el-switch__core .el-switch__inner {
  width: 100%;
  transition: all var(--el-transition-duration);
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0 4px 0 calc(16px + 2px);
}
.el-switch__core .el-switch__inner-wrapper {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--el-color-white);
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-switch__core .el-switch__action {
  position: absolute;
  left: 1px;
  border-radius: var(--el-border-radius-circle);
  transition: all var(--el-transition-duration);
  width: 16px;
  height: 16px;
  background-color: var(--el-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--el-switch-off-color);
}

.el-switch.is-checked .el-switch__core {
  border-color: var(--el-switch-border-color, var(--el-switch-on-color));
  background-color: var(--el-switch-on-color);
}
.el-switch.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 17px);
  color: var(--el-switch-on-color);
}
.el-switch.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(16px + 2px) 0 4px;
}

.el-switch.is-disabled {
  opacity: 0.6;
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}

.el-switch .label-fade-enter-from, .el-switch .label-fade-leave-active {
  opacity: 0;
}
.el-switch--large {
  font-size: 14px;
  line-height: 24px;
  height: 40px;
}
.el-switch--large .el-switch__label {
  height: 24px;
  font-size: 14px;
}
.el-switch--large .el-switch__label * {
  font-size: 14px;
}

.el-switch--large .el-switch__core {
  min-width: 50px;
  height: 24px;
  border-radius: 12px;
}
.el-switch--large .el-switch__core .el-switch__inner {
  height: 20px;
  padding: 0 6px 0 calc(20px + 2px);
}
.el-switch--large .el-switch__core .el-switch__action {
  width: 20px;
  height: 20px;
}

.el-switch--large.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 21px);
}
.el-switch--large.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(20px + 2px) 0 6px;
}

.el-switch--small {
  font-size: 12px;
  line-height: 16px;
  height: 24px;
}
.el-switch--small .el-switch__label {
  height: 16px;
  font-size: 12px;
}
.el-switch--small .el-switch__label * {
  font-size: 12px;
}

.el-switch--small .el-switch__core {
  min-width: 30px;
  height: 16px;
  border-radius: 8px;
}
.el-switch--small .el-switch__core .el-switch__inner {
  height: 12px;
  padding: 0 2px 0 calc(12px + 2px);
}
.el-switch--small .el-switch__core .el-switch__action {
  width: 12px;
  height: 12px;
}

.el-switch--small.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 13px);
}
.el-switch--small.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(12px + 2px) 0 2px;
}

.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}

.el-table-filter {
  border: solid 1px var(--el-border-color-lighter);
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: var(--el-box-shadow-light);
  box-sizing: border-box;
  /** used for dropdown mode */
}
.el-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
  outline: none;
}

.el-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: var(--el-font-size-base);
  outline: none;
}
.el-table-filter__list-item:hover, .el-table-filter__list-item:focus {
  background-color: var(--el-color-primary-light-9);
  color: var(--el-color-primary);
}
.el-table-filter__list-item.is-active {
  background-color: var(--el-color-primary);
  color: #ffffff;
}

.el-table-filter__multiple {
  outline: none;
}

.el-table-filter__content {
  min-width: 100px;
}

.el-table-filter__bottom {
  border-top: 1px solid var(--el-border-color-lighter);
  padding: 8px;
}
.el-table-filter__bottom button {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-filter__bottom button:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-filter__bottom button {
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-small);
  padding: 0 3px;
}
.el-table-filter__bottom button:hover {
  color: var(--el-color-primary);
}
.el-table-filter__bottom button.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-table-filter__wrap {
  max-height: 280px;
}

.el-table-filter__checkbox-group {
  padding: 10px;
}
.el-table-filter__checkbox-group label.el-checkbox {
  display: flex;
  align-items: center;
  margin-right: 5px;
  margin-bottom: 12px;
  margin-left: 5px;
  height: unset;
}
.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0;
}

.el-table {
  --el-table-border-color: var(--el-border-color-lighter);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--el-text-color-secondary);
  --el-table-row-hover-bg-color: var(--el-fill-color-light);
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  --el-table-header-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-fill-color-blank);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
}

.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: fit-content;
  width: 100%;
  max-width: 100%;
  background-color: var(--el-table-bg-color);
  font-size: var(--el-font-size-base);
  color: var(--el-table-text-color);
}
.el-table__inner-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.el-table__inner-wrapper::before {
  left: 0;
  bottom: 0;
  height: 1px;
}

.el-table tbody:focus-visible {
  outline: none;
}
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell, .el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell {
  border-bottom-color: transparent;
}
.el-table__empty-block {
  position: sticky;
  left: 0;
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-table__empty-text {
  line-height: 60px;
  width: 50%;
  color: var(--el-text-color-secondary);
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
  user-select: none;
}

.el-table__expand-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__expand-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: -2px;
}
.el-table__expand-icon {
  color: var(--el-text-color-regular);
  font-size: 12px;
  line-height: 12px;
  width: min(23px, 100%);
  height: 23px;
}
.el-table__expand-icon.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}

.el-table__expand-icon > .el-icon {
  font-size: 12px;
}

.el-table__expanded-cell {
  background-color: var(--el-table-expanded-cell-bg-color);
}
.el-table__expanded-cell[class*=cell] {
  padding: 20px 50px;
}
.el-table__expanded-cell:hover {
  background-color: transparent !important;
}

.el-table__placeholder {
  display: inline-block;
  width: 20px;
}

.el-table__append-wrapper {
  overflow: hidden;
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0;
}
.el-table--fit .el-table__cell.gutter {
  border-right-width: 1px;
}
.el-table--fit .el-table__inner-wrapper::before {
  width: 100%;
}

.el-table thead {
  color: var(--el-table-header-text-color);
}
.el-table thead th {
  font-weight: 600;
}
.el-table thead.is-group th.el-table__cell {
  background: var(--el-fill-color-light);
}
.el-table .el-table__cell {
  padding: 8px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
  z-index: var(--el-table-index);
}
.el-table .el-table__cell.is-center {
  text-align: center;
}

.el-table .el-table__cell.is-right {
  text-align: right;
}

.el-table .el-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}
.el-table .el-table__cell.is-hidden > * {
  visibility: hidden;
}
.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 23px;
  padding: 0 12px;
}
.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: 50px;
}
.el-table--large {
  font-size: var(--el-font-size-base);
}
.el-table--large .el-table__cell {
  padding: 12px 0;
}
.el-table--large .cell {
  padding: 0 16px;
}

.el-table--default {
  font-size: var(--el-font-size-base);
}
.el-table--default .el-table__cell {
  padding: 8px 0;
}
.el-table--default .cell {
  padding: 0 12px;
}

.el-table--small {
  font-size: var(--el-font-size-extra-small);
}
.el-table--small .el-table__cell {
  padding: 4px 0;
}
.el-table--small .cell {
  padding: 0 8px;
}

.el-table tr {
  background-color: var(--el-table-tr-bg-color);
}
.el-table tr input[type=checkbox] {
  margin: 0;
}
.el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell {
  border-bottom: var(--el-table-border);
}
.el-table th.el-table__cell.is-sortable {
  cursor: pointer;
}
.el-table th.el-table__cell {
  background-color: var(--el-table-header-bg-color);
}
.el-table th.el-table__cell > .cell.highlight {
  color: var(--el-color-primary);
}
.el-table th.el-table__cell.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}
.el-table td.el-table__cell div {
  box-sizing: border-box;
}
.el-table td.el-table__cell.gutter {
  width: 0;
}
.el-table--border::after, .el-table--border::before, .el-table--border .el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
  content: "";
  position: absolute;
  background-color: var(--el-table-border-color);
  z-index: calc(var(--el-table-index) + 2);
}

.el-table--border .el-table__inner-wrapper::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table--border::before {
  top: -1px;
  left: 0;
  width: 1px;
  height: 100%;
}
.el-table--border::after {
  top: -1px;
  right: 0;
  width: 1px;
  height: 100%;
}
.el-table--border .el-table__inner-wrapper {
  border-right: none;
  border-bottom: none;
}

.el-table--border .el-table__footer-wrapper {
  position: relative;
  flex-shrink: 0;
}

.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: var(--el-table-border);
  border-bottom-width: 1px;
}
.el-table--border th.el-table__cell {
  border-bottom: var(--el-table-border);
}

.el-table--hidden {
  visibility: hidden;
}

.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper {
  width: 100%;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left, .el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right, .el-table__body-wrapper tr td.el-table-fixed-column--left, .el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right, .el-table__footer-wrapper tr td.el-table-fixed-column--left, .el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right {
  position: sticky !important;
  background: inherit;
  z-index: calc(var(--el-table-index) + 1);
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  content: "";
  position: absolute;
  top: 0px;
  width: 10px;
  bottom: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: none;
  touch-action: none;
  pointer-events: none;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  left: -10px;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before {
  right: -10px;
}
.el-table__header-wrapper tr td.el-table__fixed-right-patch,
.el-table__header-wrapper tr th.el-table__fixed-right-patch, .el-table__body-wrapper tr td.el-table__fixed-right-patch,
.el-table__body-wrapper tr th.el-table__fixed-right-patch, .el-table__footer-wrapper tr td.el-table__fixed-right-patch,
.el-table__footer-wrapper tr th.el-table__fixed-right-patch {
  position: sticky !important;
  z-index: calc(var(--el-table-index) + 1);
  background: #fff;
  right: 0;
}

.el-table__header-wrapper {
  flex-shrink: 0;
}
.el-table__header-wrapper tr th.el-table-fixed-column--left, .el-table__header-wrapper tr th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table__header, .el-table__body, .el-table__footer {
  table-layout: fixed;
  border-collapse: separate;
}

.el-table__header-wrapper {
  overflow: hidden;
}
.el-table__header-wrapper tbody td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}

.el-table__footer-wrapper {
  overflow: hidden;
  flex-shrink: 0;
}
.el-table__footer-wrapper tfoot td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}

.el-table__header-wrapper .el-table-column--selection > .cell, .el-table__body-wrapper .el-table-column--selection > .cell {
  display: inline-flex;
  align-items: center;
  height: 23px;
}
.el-table__header-wrapper .el-table-column--selection .el-checkbox, .el-table__body-wrapper .el-table-column--selection .el-checkbox {
  height: unset;
}

.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: var(--el-table-border);
}
.el-table.is-scrolling-left th.el-table-fixed-column--left {
  background-color: var(--el-table-header-bg-color);
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--el-table-fixed-left-column);
}
.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-right th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--el-table-fixed-left-column);
}

.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column::before, .el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column::before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column::before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column::before {
  box-shadow: none;
}
.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
  flex: 1;
}
.el-table__body-wrapper .el-scrollbar__bar {
  z-index: calc(var(--el-table-index) + 2);
}

.el-table .caret-wrapper {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table .caret-wrapper:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 14px;
  width: 24px;
  vertical-align: middle;
  overflow: initial;
  position: relative;
}
.el-table .sort-caret {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  left: 7px;
}
.el-table .sort-caret.ascending {
  border-bottom-color: var(--el-text-color-placeholder);
  top: -5px;
}
.el-table .sort-caret.descending {
  border-top-color: var(--el-text-color-placeholder);
  bottom: -3px;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--el-color-primary);
}
.el-table .descending .sort-caret.descending {
  border-top-color: var(--el-color-primary);
}
.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: var(--el-fill-color-lighter);
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}

.el-table__body tr.hover-row > td.el-table__cell, .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr > td.hover-cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr.current-row > td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}

.el-table.el-table--scrollable-y .el-table__body-header {
  position: sticky;
  top: 0;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table.el-table--scrollable-y .el-table__body-footer {
  position: sticky;
  bottom: 0;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: var(--el-table-border);
  z-index: calc(var(--el-table-index) + 9);
}

.el-table__column-filter-trigger {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__column-filter-trigger:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table__column-filter-trigger {
  display: inline-block;
}
.el-table__column-filter-trigger i {
  color: var(--el-color-info);
  font-size: 14px;
  vertical-align: middle;
}

.el-table__border-left-patch {
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table__border-bottom-patch {
  left: 0;
  height: 1px;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table__border-right-patch {
  top: 0;
  height: 100%;
  width: 1px;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0.25s ease 1ms;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.el-table .el-table.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table:not(.el-table--border) .el-table__cell {
  border-right: none;
}
.el-table:not(.el-table--border) > .el-table__inner-wrapper::after {
  content: none;
}

.el-table-v2 {
  --el-table-border-color: var(--el-border-color-lighter);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--el-text-color-secondary);
  --el-table-row-hover-bg-color: var(--el-fill-color-light);
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  --el-table-header-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-fill-color-blank);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
}

.el-table-v2 {
  font-size: var(--el-font-size-base);
}
.el-table-v2 * {
  box-sizing: border-box;
}
.el-table-v2__root {
  position: relative;
}
.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar {
  opacity: 1;
}

.el-table-v2__main {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  left: 0;
}
.el-table-v2__main .el-vl__horizontal,
.el-table-v2__main .el-vl__vertical {
  z-index: 2;
}

.el-table-v2__left {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  left: 0;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.el-table-v2__left .el-virtual-scrollbar {
  opacity: 0;
}
.el-table-v2__left .el-vl__vertical,
.el-table-v2__left .el-vl__horizontal {
  z-index: -1;
}

.el-table-v2__right {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  right: 0;
  box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.el-table-v2__right .el-virtual-scrollbar {
  opacity: 0;
}
.el-table-v2__right .el-vl__vertical,
.el-table-v2__right .el-vl__horizontal {
  z-index: -1;
}
.el-table-v2__header-row {
  padding-inline-end: var(--el-table-scrollbar-size);
}

.el-table-v2__row {
  padding-inline-end: var(--el-table-scrollbar-size);
}

.el-table-v2__header-wrapper {
  overflow: hidden;
}

.el-table-v2__header {
  position: relative;
  overflow: hidden;
}
.el-table-v2__header .el-checkbox {
  z-index: 0;
}

.el-table-v2__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.el-table-v2__empty {
  position: absolute;
  left: 0;
}

.el-table-v2__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
}

.el-table-v2__header-row {
  display: flex;
  border-bottom: var(--el-table-border);
}
.el-table-v2__header-cell {
  height: 100%;
  user-select: none;
  overflow: hidden;
  background-color: var(--el-table-header-bg-color);
  color: var(--el-table-header-text-color);
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.el-table-v2__header-cell.is-align-center {
  justify-content: center;
  text-align: center;
}

.el-table-v2__header-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}

.el-table-v2__header-cell.is-sortable {
  cursor: pointer;
}

.el-table-v2__header-cell:hover .el-icon {
  display: block;
}

.el-table-v2__sort-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-v2__sort-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-v2__sort-icon {
  transition: opacity, display var(--el-transition-duration);
  opacity: 0.6;
  display: none;
}
.el-table-v2__sort-icon.is-sorting {
  display: flex;
  opacity: 1;
}

.el-table-v2__row {
  border-bottom: var(--el-table-border);
  display: flex;
  align-items: center;
  transition: background-color var(--el-transition-duration);
}
.el-table-v2__row.is-hovered {
  background-color: var(--el-table-row-hover-bg-color);
}

.el-table-v2__row:hover {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table-v2__row-cell {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.el-table-v2__row-cell.is-align-center {
  justify-content: center;
  text-align: center;
}

.el-table-v2__row-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}

.el-table-v2__expand-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-v2__expand-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-v2__expand-icon {
  margin: 0 4px;
  user-select: none;
}
.el-table-v2__expand-icon svg {
  transition: transform var(--el-transition-duration);
}
.el-table-v2__expand-icon.is-expanded svg {
  transform: rotate(90deg);
}

.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-table-v2.is-dynamic .el-table-v2__row {
  overflow: hidden;
  align-items: stretch;
}
.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell {
  overflow-wrap: break-word;
}

.el-tabs {
  --el-tabs-header-height: 40px;
  display: flex;
}
.el-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.el-tabs__header-vertical {
  flex-direction: column;
}

.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--el-color-primary);
  z-index: 1;
  transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  list-style: none;
}
.el-tabs__active-bar.is-bottom {
  bottom: auto;
}

.el-tabs__new-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid var(--el-border-color);
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 10px 0 10px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: var(--el-text-color-primary);
  cursor: pointer;
  transition: all 0.15s;
}
.el-tabs__new-tab .is-icon-plus {
  height: inherit;
  width: inherit;
  transform: scale(0.8, 0.8);
}
.el-tabs__new-tab .is-icon-plus svg {
  vertical-align: middle;
}
.el-tabs__new-tab:hover {
  color: var(--el-color-primary);
}

.el-tabs__new-tab-vertical {
  margin-left: 0;
}

.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
  flex: 1 auto;
}
.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--el-border-color-light);
  z-index: var(--el-index-normal);
}
.el-tabs__nav-wrap.is-bottom::after {
  top: 0;
  bottom: auto;
}
.el-tabs__nav-wrap.is-scrollable {
  padding: 0 20px;
  box-sizing: border-box;
}

.el-tabs__nav-scroll {
  overflow: hidden;
}

.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 44px;
  font-size: 12px;
  color: var(--el-text-color-secondary);
  width: 20px;
  text-align: center;
}
.el-tabs__nav-next.is-disabled, .el-tabs__nav-prev.is-disabled {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-tabs__nav-next {
  right: 0;
}

.el-tabs__nav-prev {
  left: 0;
}

.el-tabs__nav {
  display: flex;
  white-space: nowrap;
  position: relative;
  transition: transform var(--el-transition-duration);
  float: left;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex;
}
.el-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}

.el-tabs__item {
  padding: 0 20px;
  height: var(--el-tabs-header-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  font-size: var(--el-font-size-base);
  font-weight: 500;
  color: var(--el-text-color-primary);
  position: relative;
}
.el-tabs__item:focus, .el-tabs__item:focus:active {
  outline: none;
}
.el-tabs__item:focus-visible {
  box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
  border-radius: 3px;
}
.el-tabs__item .is-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  margin-left: 5px;
}
.el-tabs__item .is-icon-close:before {
  transform: scale(0.9);
  display: inline-block;
}
.el-tabs__item .is-icon-close:hover {
  background-color: var(--el-text-color-placeholder);
  color: #ffffff;
}
.el-tabs__item.is-active {
  color: var(--el-color-primary);
}

.el-tabs__item:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-tabs__content {
  overflow: hidden;
  position: relative;
  flex-grow: 1;
}

.el-tabs--top > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 0;
}
.el-tabs--top > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 0;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 20px;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 20px;
}

.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid var(--el-border-color-light);
  height: var(--el-tabs-header-height);
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
  display: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item .is-icon-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  overflow: hidden;
  right: -2px;
  transform-origin: 100% 50%;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  margin-top: -1px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid var(--el-border-color-light);
  transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
  width: 14px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: var(--el-bg-color);
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
  width: 14px;
}

.el-tabs--border-card {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: var(--el-fill-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
  margin: 0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  border: 1px solid transparent;
  margin-top: -1px;
  color: var(--el-text-color-secondary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: var(--el-color-primary);
  background-color: var(--el-bg-color-overlay);
  border-right-color: var(--el-border-color);
  border-left-color: var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: var(--el-color-primary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
}
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
  margin-left: 0;
}

.el-tabs--bottom {
  flex-direction: column;
}
.el-tabs--bottom .el-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid var(--el-border-color);
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  margin-top: -1px;
  margin-bottom: 0;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  margin: 0 -1px -1px;
}

.el-tabs--left, .el-tabs--right {
  overflow: hidden;
}
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
  height: 100%;
}
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 2px;
  height: auto;
}
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
  transform: rotateZ(90deg);
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled {
  cursor: not-allowed;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  left: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  right: auto;
  bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after,
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: 2px;
  bottom: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
  flex-direction: column;
}
.el-tabs--left .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-left {
  justify-content: flex-end;
}
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-right {
  justify-content: flex-start;
}

.el-tabs--left {
  flex-direction: row;
}
.el-tabs--left .el-tabs__header.is-left {
  margin-bottom: 0;
  margin-right: 10px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: -1px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
  left: auto;
  right: 0;
}
.el-tabs--left .el-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}
.el-tabs--left .el-tabs__item.is-left {
  text-align: right;
}
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
  display: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border-left: none;
  border-right: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
  text-align: left;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid var(--el-border-color-light);
  border-right-color: #fff;
  border-left: none;
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid var(--el-border-color-light);
  border-right: none;
}
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
  float: none;
}
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid var(--el-border-color);
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px;
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}
.el-tabs--left > .el-tabs__content + .el-tabs__header {
  order: -1;
}

.el-tabs--right .el-tabs__header.is-right {
  margin-bottom: 0;
  margin-left: 10px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-left: -1px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto;
}
.el-tabs--right .el-tabs__active-bar.is-right {
  left: 0;
}
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  display: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid var(--el-border-color-light);
  border-left-color: #fff;
  border-right: none;
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid var(--el-border-color-light);
  border-left: none;
}
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid var(--el-border-color);
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.el-tabs--top {
  flex-direction: column;
}
.el-tabs--top > .el-tabs__content + .el-tabs__header {
  order: -1;
}

.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter var(--el-transition-duration);
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave var(--el-transition-duration);
}

.slideInLeft-enter {
  animation: slideInLeft-enter var(--el-transition-duration);
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave var(--el-transition-duration);
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
.el-tag {
  --el-tag-font-size: 12px;
  --el-tag-border-radius: 4px;
  --el-tag-border-radius-rounded: 9999px;
}

.el-tag {
  background-color: var(--el-tag-bg-color);
  border-color: var(--el-tag-border-color);
  color: var(--el-tag-text-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 24px;
  padding: 0 9px;
  font-size: var(--el-tag-font-size);
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--el-tag-border-radius);
  box-sizing: border-box;
  white-space: nowrap;
  --el-icon-size: 14px;
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-bg-color: var(--el-color-success-light-9);
  --el-tag-border-color: var(--el-color-success-light-8);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning-light-9);
  --el-tag-border-color: var(--el-color-warning-light-8);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger-light-9);
  --el-tag-border-color: var(--el-color-danger-light-8);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-bg-color: var(--el-color-error-light-9);
  --el-tag-border-color: var(--el-color-error-light-8);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-bg-color: var(--el-color-info-light-9);
  --el-tag-border-color: var(--el-color-info-light-8);
  --el-tag-hover-color: var(--el-color-info);
}
.el-tag.is-hit {
  border-color: var(--el-color-primary);
}

.el-tag.is-round {
  border-radius: var(--el-tag-border-radius-rounded);
}

.el-tag .el-tag__close {
  flex-shrink: 0;
  color: var(--el-tag-text-color);
}
.el-tag .el-tag__close:hover {
  color: var(--el-color-white);
  background-color: var(--el-tag-hover-color);
}
.el-tag.el-tag--primary {
  --el-tag-text-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-text-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-text-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-text-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-text-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-text-color: var(--el-color-info);
}
.el-tag .el-icon {
  border-radius: 50%;
  cursor: pointer;
  font-size: calc(var(--el-icon-size) - 2px);
  height: var(--el-icon-size);
  width: var(--el-icon-size);
}
.el-tag .el-tag__close {
  padding: 0;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  overflow: hidden;
  margin-left: 6px;
}
.el-tag .el-tag__close:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-tag .el-tag__close .el-icon {
  display: flex;
}
.el-tag--dark {
  --el-tag-text-color: var(--el-color-white);
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--success {
  --el-tag-bg-color: var(--el-color-success);
  --el-tag-border-color: var(--el-color-success);
  --el-tag-hover-color: var(--el-color-success-light-3);
}
.el-tag--dark.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning);
  --el-tag-border-color: var(--el-color-warning);
  --el-tag-hover-color: var(--el-color-warning-light-3);
}
.el-tag--dark.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger);
  --el-tag-border-color: var(--el-color-danger);
  --el-tag-hover-color: var(--el-color-danger-light-3);
}
.el-tag--dark.el-tag--error {
  --el-tag-bg-color: var(--el-color-error);
  --el-tag-border-color: var(--el-color-error);
  --el-tag-hover-color: var(--el-color-error-light-3);
}
.el-tag--dark.el-tag--info {
  --el-tag-bg-color: var(--el-color-info);
  --el-tag-border-color: var(--el-color-info);
  --el-tag-hover-color: var(--el-color-info-light-3);
}
.el-tag--dark.el-tag--primary {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--success {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--warning {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--danger {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--error {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--info {
  --el-tag-text-color: var(--el-color-white);
}

.el-tag--plain {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--primary {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--success {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-success-light-5);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag--plain.el-tag--warning {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-warning-light-5);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag--plain.el-tag--danger {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-danger-light-5);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag--plain.el-tag--error {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-error-light-5);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag--plain.el-tag--info {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-info-light-5);
  --el-tag-hover-color: var(--el-color-info);
}

.el-tag.is-closable {
  padding-right: 5px;
}
.el-tag--large {
  padding: 0 11px;
  height: 32px;
  --el-icon-size: 16px;
}
.el-tag--large .el-tag__close {
  margin-left: 8px;
}
.el-tag--large.is-closable {
  padding-right: 7px;
}

.el-tag--small {
  padding: 0 7px;
  height: 20px;
  --el-icon-size: 12px;
}
.el-tag--small .el-tag__close {
  margin-left: 4px;
}
.el-tag--small.is-closable {
  padding-right: 3px;
}

.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag.el-tag--primary.is-hit {
  border-color: var(--el-color-primary);
}

.el-tag.el-tag--success.is-hit {
  border-color: var(--el-color-success);
}

.el-tag.el-tag--warning.is-hit {
  border-color: var(--el-color-warning);
}

.el-tag.el-tag--danger.is-hit {
  border-color: var(--el-color-danger);
}

.el-tag.el-tag--error.is-hit {
  border-color: var(--el-color-error);
}

.el-tag.el-tag--info.is-hit {
  border-color: var(--el-color-info);
}

.el-text {
  --el-text-font-size: var(--el-font-size-base);
  --el-text-color: var(--el-text-color-regular);
}

.el-text {
  align-self: center;
  margin: 0;
  padding: 0;
  font-size: var(--el-text-font-size);
  color: var(--el-text-color);
  overflow-wrap: break-word;
}
.el-text.is-truncated {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.el-text.is-line-clamp {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.el-text--large {
  --el-text-font-size: var(--el-font-size-medium);
}

.el-text--default {
  --el-text-font-size: var(--el-font-size-base);
}

.el-text--small {
  --el-text-font-size: var(--el-font-size-extra-small);
}

.el-text.el-text--primary {
  --el-text-color: var(--el-color-primary);
}
.el-text.el-text--success {
  --el-text-color: var(--el-color-success);
}
.el-text.el-text--warning {
  --el-text-color: var(--el-color-warning);
}
.el-text.el-text--danger {
  --el-text-color: var(--el-color-danger);
}
.el-text.el-text--error {
  --el-text-color: var(--el-color-error);
}
.el-text.el-text--info {
  --el-text-color: var(--el-color-info);
}
.el-text > .el-icon {
  vertical-align: -2px;
}

.time-select {
  margin: 5px 0;
  min-width: 0;
}
.time-select .el-picker-panel__content {
  max-height: 200px;
  margin: 0;
}
.time-select-item {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}
.time-select-item.disabled {
  color: var(--el-datepicker-border-color);
  cursor: not-allowed;
}
.time-select-item:hover {
  background-color: var(--el-fill-color-light);
  font-weight: bold;
  cursor: pointer;
}
.time-select .time-select-item.selected:not(.disabled) {
  color: var(--el-color-primary);
  font-weight: bold;
}

.el-timeline-item {
  position: relative;
  padding-bottom: 20px;
}
.el-timeline-item__wrapper {
  box-sizing: content-box;
  position: relative;
  top: -3px;
}

.el-timeline-item__tail {
  position: absolute;
  height: 100%;
  border-left: 2px solid var(--el-timeline-node-color);
}

.el-timeline-item .el-timeline-item__icon {
  color: var(--el-color-white);
  font-size: var(--el-font-size-small);
}
.el-timeline-item__node {
  position: absolute;
  background-color: var(--el-timeline-node-color);
  border-color: var(--el-timeline-node-color);
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-timeline-item__node--normal {
  width: var(--el-timeline-node-size-normal);
  height: var(--el-timeline-node-size-normal);
}

.el-timeline-item__node--large {
  width: var(--el-timeline-node-size-large);
  height: var(--el-timeline-node-size-large);
}

.el-timeline-item__node.is-hollow {
  background: var(--el-color-white);
  border-style: solid;
  border-width: 2px;
}

.el-timeline-item__node--primary {
  background-color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}

.el-timeline-item__node--success {
  background-color: var(--el-color-success);
  border-color: var(--el-color-success);
}

.el-timeline-item__node--warning {
  background-color: var(--el-color-warning);
  border-color: var(--el-color-warning);
}

.el-timeline-item__node--danger {
  background-color: var(--el-color-danger);
  border-color: var(--el-color-danger);
}

.el-timeline-item__node--info {
  background-color: var(--el-color-info);
  border-color: var(--el-color-info);
}

.el-timeline-item__dot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-timeline-item__content {
  color: var(--el-text-color-primary);
}

.el-timeline-item__timestamp {
  color: var(--el-text-color-secondary);
  line-height: 1;
  font-size: var(--el-font-size-small);
}
.el-timeline-item__timestamp.is-top {
  margin-bottom: 8px;
  padding-top: 4px;
}

.el-timeline-item__timestamp.is-bottom {
  margin-top: 8px;
}

.el-timeline-item.is-start .el-timeline-item__wrapper {
  padding-left: 28px;
}

.el-timeline-item.is-start .el-timeline-item__tail {
  left: 4px;
}

.el-timeline-item.is-start .el-timeline-item__node--normal {
  left: -1px;
}

.el-timeline-item.is-start .el-timeline-item__node--large {
  left: -2px;
}

.el-timeline-item.is-end .el-timeline-item__wrapper {
  padding-right: 28px;
  text-align: right;
}

.el-timeline-item.is-end .el-timeline-item__tail {
  right: 4px;
}

.el-timeline-item.is-end .el-timeline-item__node--normal {
  right: -1px;
}

.el-timeline-item.is-end .el-timeline-item__node--large {
  right: -2px;
}

.el-timeline-item.is-alternate .el-timeline-item__tail, .el-timeline-item.is-alternate .el-timeline-item__node {
  left: 50%;
  transform: translateX(-50%);
}

.el-timeline-item.is-alternate-reverse .el-timeline-item__tail, .el-timeline-item.is-alternate-reverse .el-timeline-item__node {
  left: 50%;
  transform: translateX(-50%);
}

.el-timeline {
  --el-timeline-node-size-normal: 12px;
  --el-timeline-node-size-large: 14px;
  --el-timeline-node-color: var(--el-border-color-light);
}

.el-timeline {
  margin: 0;
  font-size: var(--el-font-size-base);
  list-style: none;
}
.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
  display: none;
}
.el-timeline .el-timeline-item__center {
  display: flex;
  align-items: center;
}
.el-timeline .el-timeline-item__center .el-timeline-item__wrapper {
  width: 100%;
}
.el-timeline .el-timeline-item__center .el-timeline-item__tail {
  top: 0;
}
.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail {
  height: calc(50% + 10px);
  top: calc(50% - 10px);
}
.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail {
  display: block;
  height: calc(50% - 10px);
}
.el-timeline.is-start {
  padding-left: 40px;
  padding-right: 0;
}

.el-timeline.is-end {
  padding-left: 0;
  padding-right: 40px;
}

.el-timeline.is-alternate {
  padding-left: 20px;
  padding-right: 20px;
}
.el-timeline.is-alternate .el-timeline-item:nth-child(2n+1) .el-timeline-item__wrapper {
  width: calc(50% - 28px);
  left: calc(50% - var(--el-timeline-node-size-large) / 2);
  padding-left: 28px;
}
.el-timeline.is-alternate .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper {
  width: calc(50% - 28px + var(--el-timeline-node-size-large) / 2);
  text-align: right;
  padding-right: 28px;
}

.el-timeline.is-alternate-reverse {
  padding-left: 20px;
  padding-right: 20px;
}
.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n+1) .el-timeline-item__wrapper {
  width: calc(50% - 28px + var(--el-timeline-node-size-large) / 2);
  text-align: right;
  padding-right: 28px;
}
.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper {
  width: calc(50% - 28px);
  left: calc(50% - var(--el-timeline-node-size-large) / 2);
  padding-left: 28px;
}

.el-transfer {
  --el-transfer-border-color: var(--el-border-color-lighter);
  --el-transfer-border-radius: var(--el-border-radius-base);
  --el-transfer-panel-width: 200px;
  --el-transfer-panel-header-height: 40px;
  --el-transfer-panel-header-bg-color: var(--el-fill-color-light);
  --el-transfer-panel-footer-height: 40px;
  --el-transfer-panel-body-height: 278px;
  --el-transfer-item-height: 30px;
  --el-transfer-filter-height: 32px;
}

.el-transfer {
  font-size: var(--el-font-size-base);
}
.el-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
}

.el-transfer__button {
  vertical-align: top;
}
.el-transfer__button:nth-child(2) {
  margin: 0 0 0 10px;
}
.el-transfer__button i,
.el-transfer__button span {
  font-size: 14px;
}
.el-transfer__button .el-icon + span {
  margin-left: 0;
}

.el-transfer-panel {
  overflow: hidden;
  background: var(--el-bg-color-overlay);
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: var(--el-transfer-panel-width);
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
}
.el-transfer-panel__body {
  height: var(--el-transfer-panel-body-height);
  border-left: 1px solid var(--el-transfer-border-color);
  border-right: 1px solid var(--el-transfer-border-color);
  border-bottom: 1px solid var(--el-transfer-border-color);
  border-bottom-left-radius: var(--el-transfer-border-radius);
  border-bottom-right-radius: var(--el-transfer-border-radius);
  overflow: hidden;
}
.el-transfer-panel__body.is-with-footer {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.el-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: var(--el-transfer-panel-body-height);
  overflow: auto;
  box-sizing: border-box;
}
.el-transfer-panel__list.is-filterable {
  height: calc(100% - var(--el-transfer-filter-height) - 30px);
  padding-top: 0;
}

.el-transfer-panel__item {
  height: var(--el-transfer-item-height);
  line-height: var(--el-transfer-item-height);
  padding-left: 15px;
  display: block !important;
}
.el-transfer-panel__item + .el-transfer-panel__item {
  margin-left: 0;
}
.el-transfer-panel__item.el-checkbox {
  color: var(--el-text-color-regular);
  margin-right: 30px;
}
.el-transfer-panel__item:hover {
  color: var(--el-color-primary);
}
.el-transfer-panel__item.el-checkbox .el-checkbox__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding-left: 22px;
  line-height: var(--el-transfer-item-height);
}
.el-transfer-panel__item .el-checkbox__input {
  position: absolute;
  top: 8px;
}

.el-transfer-panel__filter {
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
}
.el-transfer-panel__filter .el-input__inner {
  height: var(--el-transfer-filter-height);
  width: 100%;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
}
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}

.el-transfer-panel .el-transfer-panel__header {
  display: flex;
  align-items: center;
  height: var(--el-transfer-panel-header-height);
  background: var(--el-transfer-panel-header-bg-color);
  margin: 0;
  padding-left: 15px;
  border: 1px solid var(--el-transfer-border-color);
  border-top-left-radius: var(--el-transfer-border-radius);
  border-top-right-radius: var(--el-transfer-border-radius);
  box-sizing: border-box;
  color: var(--el-color-black);
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  font-size: 16px;
  color: var(--el-text-color-primary);
  font-weight: normal;
}
.el-transfer-panel .el-transfer-panel__header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.el-transfer-panel .el-transfer-panel__header-count {
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 15px;
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.el-transfer-panel .el-transfer-panel__footer {
  height: var(--el-transfer-panel-footer-height);
  background: var(--el-bg-color-overlay);
  margin: 0;
  padding: 0;
  border: 1px solid var(--el-transfer-border-color);
  border-bottom-left-radius: var(--el-transfer-border-radius);
  border-bottom-right-radius: var(--el-transfer-border-radius);
}
.el-transfer-panel .el-transfer-panel__footer::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  padding-left: 20px;
  color: var(--el-text-color-regular);
}
.el-transfer-panel .el-transfer-panel__empty {
  margin: 0;
  height: var(--el-transfer-item-height);
  line-height: var(--el-transfer-item-height);
  padding: 6px 15px 0;
  color: var(--el-text-color-secondary);
  text-align: center;
}
.el-transfer-panel .el-checkbox__label {
  padding-left: 8px;
}

.el-tree {
  --el-tree-node-content-height: 26px;
  --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  --el-tree-text-color: var(--el-text-color-regular);
  --el-tree-expand-icon-color: var(--el-text-color-placeholder);
}

.el-tree {
  position: relative;
  cursor: default;
  background: var(--el-fill-color-blank);
  color: var(--el-tree-text-color);
  font-size: var(--el-font-size-base);
}
.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}

.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-base);
}

.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--el-color-primary);
}

.el-tree-node {
  white-space: nowrap;
  outline: none;
}
.el-tree-node:focus {
  /* focus */
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
  background-color: var(--el-color-primary);
  color: #fff;
}

.el-tree-node__content {
  --el-checkbox-height: var(--el-tree-node-content-height);
  display: flex;
  align-items: center;
  height: var(--el-tree-node-content-height);
  cursor: pointer;
}
.el-tree-node__content > .el-tree-node__expand-icon {
  padding: 6px;
  box-sizing: content-box;
}
.el-tree-node__content > label.el-checkbox {
  margin-right: 8px;
}
.el-tree-node__content:hover {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree.is-dragging .el-tree-node__content {
  cursor: move;
}
.el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none;
}
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  cursor: not-allowed;
}

.el-tree-node__expand-icon {
  cursor: pointer;
  color: var(--el-tree-expand-icon-color);
  font-size: 12px;
  transform: rotate(0deg);
  transition: transform var(--el-transition-duration) ease-in-out;
}
.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
  visibility: hidden;
}
.el-tree-node__expand-icon.is-hidden {
  visibility: hidden;
}

.el-tree-node__loading-icon {
  margin-right: 8px;
  font-size: var(--el-font-size-base);
  color: var(--el-tree-expand-icon-color);
}

.el-tree-node > .el-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}
.el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--el-color-primary-light-9);
}

.el-tree-select {
  --el-tree-node-content-height: 26px;
  --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  --el-tree-text-color: var(--el-text-color-regular);
  --el-tree-expand-icon-color: var(--el-text-color-placeholder);
}

.el-tree-select__popper .el-tree-node__expand-icon {
  margin-left: 8px;
}
.el-tree-select__popper .el-tree-node.is-checked > .el-tree-node__content .el-select-dropdown__item.selected::after {
  content: none;
}
.el-tree-select__popper .el-select-dropdown__list > .el-select-dropdown__item {
  padding-left: 32px;
}
.el-tree-select__popper .el-select-dropdown__item {
  flex: 1;
  background: transparent !important;
  padding-left: 0;
  height: 20px;
  line-height: 20px;
}

.el-upload {
  --el-upload-dragger-padding-horizontal: 10px;
  --el-upload-dragger-padding-vertical: 40px;
  --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
  --el-upload-picture-card-size: 148px;
}

.el-upload {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.el-upload.is-disabled {
  cursor: not-allowed;
}
.el-upload.is-disabled:focus {
  border-color: var(--el-border-color-darker);
  color: inherit;
}
.el-upload.is-disabled:focus .el-upload-dragger {
  border-color: var(--el-border-color-darker);
}
.el-upload.is-disabled .el-upload-dragger {
  cursor: not-allowed;
  background-color: var(--el-disabled-bg-color);
}
.el-upload.is-disabled .el-upload-dragger .el-upload__text {
  color: var(--el-text-color-placeholder);
}
.el-upload.is-disabled .el-upload-dragger .el-upload__text em {
  color: var(--el-disabled-text-color);
}
.el-upload.is-disabled .el-upload-dragger:hover {
  border-color: var(--el-border-color-darker);
}

.el-upload__input {
  display: none;
}

.el-upload__tip {
  font-size: 12px;
  color: var(--el-text-color-regular);
  margin-top: 7px;
}

.el-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.el-upload {
  /* Picture Card for Wall */
}
.el-upload--picture-card {
  background-color: var(--el-fill-color-lighter);
  border: 1px dashed var(--el-border-color-darker);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-picture-card-size);
  height: var(--el-upload-picture-card-size);
  cursor: pointer;
  vertical-align: top;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.el-upload--picture-card > i {
  font-size: 28px;
  color: var(--el-text-color-secondary);
}
.el-upload--picture-card:hover {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}

.el-upload.is-drag {
  display: block;
}

.el-upload:focus {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}
.el-upload:focus .el-upload-dragger {
  border-color: var(--el-color-primary);
}

.el-upload-dragger {
  padding: var(--el-upload-dragger-padding-vertical) var(--el-upload-dragger-padding-horizontal);
  background-color: var(--el-fill-color-blank);
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.el-upload-dragger .el-icon--upload {
  font-size: 67px;
  color: var(--el-text-color-placeholder);
  margin-bottom: 16px;
  line-height: 50px;
}
.el-upload-dragger + .el-upload__tip {
  text-align: center;
}
.el-upload-dragger ~ .el-upload__files {
  border-top: var(--el-border);
  margin-top: 7px;
  padding-top: 5px;
}
.el-upload-dragger .el-upload__text {
  color: var(--el-text-color-regular);
  font-size: 14px;
  text-align: center;
}
.el-upload-dragger .el-upload__text em {
  color: var(--el-color-primary);
  font-style: normal;
}
.el-upload-dragger:hover {
  border-color: var(--el-color-primary);
}
.el-upload-dragger.is-dragover {
  padding: calc(var(--el-upload-dragger-padding-vertical) - 1px) calc(var(--el-upload-dragger-padding-horizontal) - 1px);
  background-color: var(--el-color-primary-light-9);
  border: 2px dashed var(--el-color-primary);
}

.el-upload-list {
  --el-upload-dragger-padding-horizontal: 10px;
  --el-upload-dragger-padding-vertical: 40px;
  --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
  --el-upload-picture-card-size: 148px;
}

.el-upload-list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.el-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: var(--el-text-color-regular);
  margin-bottom: 5px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
}
.el-upload-list__item .el-progress {
  position: absolute;
  top: 20px;
  width: 100%;
}
.el-upload-list__item .el-progress__text {
  position: absolute;
  right: 0;
  top: -13px;
}
.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.el-upload-list__item .el-icon--upload-success {
  color: var(--el-color-success);
}
.el-upload-list__item .el-icon--close {
  display: none;
  position: absolute;
  right: 5px;
  top: 50%;
  cursor: pointer;
  opacity: 0.75;
  color: var(--el-text-color-regular);
  transition: opacity var(--el-transition-duration);
  transform: translateY(-50%);
}
.el-upload-list__item .el-icon--close:hover {
  opacity: 1;
  color: var(--el-color-primary);
}
.el-upload-list__item .el-icon--close-tip {
  display: none;
  position: absolute;
  top: 1px;
  right: 5px;
  font-size: 12px;
  cursor: pointer;
  opacity: 1;
  color: var(--el-color-primary);
  font-style: normal;
}
.el-upload-list__item:hover, .el-upload-list__item:focus-within {
  background-color: var(--el-fill-color-light);
}
.el-upload-list__item:hover .el-icon--close, .el-upload-list__item:focus-within .el-icon--close {
  display: inline-flex;
}
.el-upload-list__item:hover .el-icon--close-tip, .el-upload-list__item:focus-within .el-icon--close-tip {
  right: 24px;
}
.el-upload-list__item:hover .el-progress__text, .el-upload-list__item:focus-within .el-progress__text {
  display: none;
}
.el-upload-list__item .el-upload-list__item-info {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: calc(100% - 30px);
  margin-left: 4px;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: inline-flex;
}
.el-upload-list__item.is-success .el-upload-list__item-name:hover,
.el-upload-list__item.is-success .el-upload-list__item-name:focus {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-upload-list__item.is-success:focus:not(:hover) {
  /* 键盘focus */
}
.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
  display: inline-block;
}
.el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active {
  /* click时 */
  outline-width: 0;
}
.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip, .el-upload-list__item.is-success:active .el-icon--close-tip {
  display: none;
}
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus-within .el-upload-list__item-status-label {
  display: none;
  opacity: 0;
}

.el-upload-list__item-name {
  color: var(--el-text-color-regular);
  display: inline-flex;
  text-align: center;
  align-items: center;
  padding: 0 4px;
  transition: color var(--el-transition-duration);
  font-size: var(--el-font-size-base);
}
.el-upload-list__item-name .el-icon {
  margin-right: 6px;
  color: var(--el-text-color-secondary);
}

.el-upload-list__item-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-upload-list__item-status-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: inherit;
  display: none;
  height: 100%;
  justify-content: center;
  align-items: center;
  transition: opacity var(--el-transition-duration);
}

.el-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: var(--el-text-color-regular);
  display: none;
}
.el-upload-list__item-delete:hover {
  color: var(--el-color-primary);
}

.el-upload-list--picture-card {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
}
.el-upload-list--picture-card .el-upload-list__item {
  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;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon--check,
.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check {
  color: #ffffff;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon--close {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  opacity: 0;
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
}
.el-upload-list--picture-card .el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: var(--el-overlay-color-lighter);
  transition: opacity var(--el-transition-duration);
}
.el-upload-list--picture-card .el-upload-list__item-actions span {
  display: none;
  cursor: pointer;
}
.el-upload-list--picture-card .el-upload-list__item-actions span + span {
  margin-left: 16px;
}
.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-flex;
}
.el-upload-list--picture-card .el-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 126px;
}
.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%;
}

.el-upload-list--picture .el-upload-list__item {
  overflow: hidden;
  z-index: 0;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.el-upload-list--picture .el-upload-list__item .el-icon--check,
.el-upload-list--picture .el-upload-list__item .el-icon--circle-check {
  color: #ffffff;
}
.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  opacity: 0;
  display: inline-flex;
}
.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  display: none;
}
.el-upload-list--picture .el-upload-list__item .el-icon--close {
  top: 5px;
  transform: translateY(0);
}
.el-upload-list--picture .el-upload-list__item-thumbnail {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  object-fit: contain;
  position: relative;
  z-index: 1;
  background-color: var(--el-color-white);
}
.el-upload-list--picture .el-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg);
}
.el-upload-list--picture .el-progress {
  position: relative;
  top: -7px;
}

.el-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}
.el-upload-cover::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-upload-cover__label {
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
  color: #fff;
}

.el-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 243px;
}
.el-upload-cover__progress + .el-upload__inner {
  opacity: 0;
}

.el-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.el-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--el-overlay-color-light);
  text-align: center;
}
.el-upload-cover__interact .btn {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: var(--el-transition-md-fade);
  margin-top: 60px;
}
.el-upload-cover__interact .btn i {
  margin-top: 0;
}
.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}
.el-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}
.el-upload-cover__interact .btn:hover span {
  opacity: 1;
}
.el-upload-cover__interact .btn i {
  color: #ffffff;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}

.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: var(--el-text-color-primary);
}

.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}

.el-vl__wrapper {
  position: relative;
}
.el-vl__wrapper:hover .el-virtual-scrollbar {
  opacity: 1;
}
.el-vl__wrapper.always-on .el-virtual-scrollbar {
  opacity: 1;
}

.el-vl__window {
  scrollbar-width: none;
}
.el-vl__window::-webkit-scrollbar {
  display: none;
}

.el-virtual-scrollbar {
  opacity: 0;
  transition: opacity 340ms ease-out;
}
.el-virtual-scrollbar.always-on {
  opacity: 1;
}

.el-vg__wrapper {
  position: relative;
}

.el-popper {
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
  --el-popper-bg-color-light: var(--el-bg-color-overlay);
  --el-popper-bg-color-dark: var(--el-text-color-primary);
}

.el-popper {
  position: absolute;
  border-radius: var(--el-popper-border-radius);
  padding: 5px 11px;
  z-index: 2000;
  font-size: 12px;
  line-height: 20px;
  min-width: 10px;
  overflow-wrap: break-word;
  word-break: normal;
  visibility: visible;
}
.el-popper.is-dark {
  --el-fill-color-blank: var(--el-popper-bg-color-dark);
  color: var(--el-bg-color);
  background: var(--el-popper-bg-color-dark);
  border: 1px solid var(--el-text-color-primary);
}
.el-popper.is-dark > .el-popper__arrow::before {
  border: 1px solid var(--el-text-color-primary);
  background: var(--el-popper-bg-color-dark);
  right: 0;
}

.el-popper.is-light {
  --el-fill-color-blank: var(--el-popper-bg-color-light);
  background: var(--el-popper-bg-color-light);
  border: 1px solid var(--el-border-color-light);
}
.el-popper.is-light > .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
  background: var(--el-popper-bg-color-light);
  right: 0;
}

.el-popper.is-pure {
  padding: 0;
}

.el-popper__arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.el-popper__arrow::before {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1;
  content: " ";
  transform: rotate(45deg);
  background: var(--el-text-color-primary);
  box-sizing: border-box;
}

.el-popper[data-popper-placement^=top] > .el-popper__arrow {
  bottom: -5px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
  border-bottom-right-radius: 2px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
  top: -5px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  border-top-left-radius: 2px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow {
  right: -5px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  border-top-right-radius: 2px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow {
  left: -5px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  border-bottom-left-radius: 2px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}

.el-statistic {
  --el-statistic-title-font-weight: 400;
  --el-statistic-title-font-size: var(--el-font-size-extra-small);
  --el-statistic-title-color: var(--el-text-color-regular);
  --el-statistic-content-font-weight: 400;
  --el-statistic-content-font-size: var(--el-font-size-extra-large);
  --el-statistic-content-color: var(--el-text-color-primary);
}
.el-statistic__head {
  font-weight: var(--el-statistic-title-font-weight);
  font-size: var(--el-statistic-title-font-size);
  color: var(--el-statistic-title-color);
  line-height: 20px;
  margin-bottom: 4px;
}

.el-statistic__content {
  font-weight: var(--el-statistic-content-font-weight);
  font-size: var(--el-statistic-content-font-size);
  color: var(--el-statistic-content-color);
}
.el-statistic__value {
  display: inline-block;
}

.el-statistic__prefix {
  margin-right: 4px;
  display: inline-block;
}

.el-statistic__suffix {
  margin-left: 4px;
  display: inline-block;
}

.el-tour {
  --el-tour-width: 520px;
  --el-tour-padding-primary: 12px;
  --el-tour-font-line-height: var(--el-font-line-height-primary);
  --el-tour-title-font-size: 16px;
  --el-tour-title-text-color: var(--el-text-color-primary);
  --el-tour-title-font-weight: 400;
  --el-tour-close-color: var(--el-color-info);
  --el-tour-font-size: 14px;
  --el-tour-color: var(--el-text-color-primary);
  --el-tour-bg-color: var(--el-bg-color);
  --el-tour-border-radius: 4px;
}
.el-tour__hollow {
  transition: all var(--el-transition-duration) ease;
}

.el-tour__content {
  border-radius: var(--el-tour-border-radius);
  width: var(--el-tour-width);
  padding: var(--el-tour-padding-primary);
  background: var(--el-tour-bg-color);
  box-shadow: var(--el-box-shadow-light);
  box-sizing: border-box;
  overflow-wrap: break-word;
  outline: none;
}
.el-tour__arrow {
  position: absolute;
  background: var(--el-tour-bg-color);
  width: 10px;
  height: 10px;
  pointer-events: none;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.el-tour__content[data-side^=top] .el-tour__arrow {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-tour__content[data-side^=bottom] .el-tour__arrow {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-tour__content[data-side^=left] .el-tour__arrow {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-tour__content[data-side^=right] .el-tour__arrow {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-tour__content[data-side^=top] .el-tour__arrow {
  bottom: -5px;
}
.el-tour__content[data-side^=bottom] .el-tour__arrow {
  top: -5px;
}
.el-tour__content[data-side^=left] .el-tour__arrow {
  right: -5px;
}
.el-tour__content[data-side^=right] .el-tour__arrow {
  left: -5px;
}

.el-tour__closebtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
}
.el-tour__closebtn .el-tour__close {
  color: var(--el-tour-close-color);
  font-size: inherit;
}
.el-tour__closebtn:focus .el-tour__close, .el-tour__closebtn:hover .el-tour__close {
  color: var(--el-color-primary);
}

.el-tour__header {
  padding-bottom: var(--el-tour-padding-primary);
}
.el-tour__header.show-close {
  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px));
}

.el-tour__title {
  line-height: var(--el-tour-font-line-height);
  font-size: var(--el-tour-title-font-size);
  color: var(--el-tour-title-text-color);
  font-weight: var(--el-tour-title-font-weight);
}

.el-tour__body {
  color: var(--el-tour-text-color);
  font-size: var(--el-tour-font-size);
}
.el-tour__body img,
.el-tour__body video {
  max-width: 100%;
}

.el-tour__footer {
  padding-top: var(--el-tour-padding-primary);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.el-tour__content .el-tour-indicators {
  display: inline-block;
  flex: 1;
}
.el-tour__content .el-tour-indicator {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  background: var(--el-color-info-light-9);
  margin-right: 6px;
}
.el-tour__content .el-tour-indicator.is-active {
  background: var(--el-color-primary);
}

.el-tour.el-tour--primary {
  --el-tour-title-text-color: #fff;
  --el-tour-text-color: #fff;
  --el-tour-bg-color: var(--el-color-primary);
  --el-tour-close-color: #fff;
}
.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close, .el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close {
  color: var(--el-tour-title-text-color);
}
.el-tour.el-tour--primary .el-button--default {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
  background: #fff;
}
.el-tour.el-tour--primary .el-button--primary {
  border-color: #fff;
}
.el-tour.el-tour--primary .el-tour-indicator {
  background: rgba(255, 255, 255, 0.15);
}
.el-tour.el-tour--primary .el-tour-indicator.is-active {
  background: #fff;
}

.el-tour-parent--hidden {
  overflow: hidden;
}

.el-anchor {
  --el-anchor-bg-color: var(--el-bg-color);
  --el-anchor-padding-indent: 14px;
  --el-anchor-line-height: 22px;
  --el-anchor-font-size: 12px;
  --el-anchor-color: var(--el-text-color-secondary);
  --el-anchor-active-color: var(--el-color-primary);
  --el-anchor-hover-color: var(--el-text-color-regular);
  --el-anchor-marker-bg-color: var(--el-color-primary);
  position: relative;
  background-color: var(--el-anchor-bg-color);
}
.el-anchor__marker {
  position: absolute;
  background-color: var(--el-anchor-marker-bg-color);
  border-radius: 4px;
  opacity: 0;
  z-index: 0;
}

.el-anchor.el-anchor--vertical .el-anchor__marker {
  width: 4px;
  height: 14px;
  top: 8px;
  left: 0;
  transition: top 0.25s ease-in-out, opacity 0.25s;
}

.el-anchor.el-anchor--vertical .el-anchor__list {
  padding-left: var(--el-anchor-padding-indent);
}

.el-anchor.el-anchor--vertical.el-anchor--underline::before {
  position: absolute;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: rgba(5, 5, 5, 0.06);
  content: "";
}
.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker {
  width: 2px;
  border-radius: unset;
}

.el-anchor.el-anchor--horizontal .el-anchor__marker {
  height: 2px;
  width: 20px;
  bottom: 0;
  transition: left 0.25s ease-in-out, opacity 0.25s, width 0.25s;
}

.el-anchor.el-anchor--horizontal .el-anchor__list {
  display: flex;
  padding-bottom: 4px;
}
.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item {
  padding-left: 16px;
}
.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child {
  padding-left: 0;
}

.el-anchor.el-anchor--horizontal.el-anchor--underline::before {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(5, 5, 5, 0.06);
  content: "";
}
.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker {
  height: 2px;
  border-radius: unset;
}

.el-anchor__item {
  display: flex;
  flex-direction: column;
}

.el-anchor__link {
  font-size: var(--el-anchor-font-size);
  line-height: var(--el-anchor-line-height);
  padding: 4px 0;
  color: var(--el-anchor-color);
  transition: color var(--el-transition-duration);
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  outline: none;
  cursor: pointer;
}
.el-anchor__link:hover, .el-anchor__link:focus {
  color: var(--el-hover-color);
}
.el-anchor__link:focus-visible {
  border-radius: var(--el-border-radius-base);
  outline: 2px solid var(--el-color-primary);
}
.el-anchor__link.is-active {
  color: var(--el-anchor-active-color);
}

.el-anchor .el-anchor__list .el-anchor__item a {
  display: inline-block;
}

.el-segmented--vertical {
  flex-direction: column;
}
.el-segmented--vertical .el-segmented__item {
  padding: 11px 11px;
}

.el-segmented {
  --el-segmented-color: var(--el-text-color-regular);
  --el-segmented-bg-color: var(--el-fill-color-light);
  --el-segmented-padding: 2px;
  --el-segmented-item-selected-color: var(--el-color-white);
  --el-segmented-item-selected-bg-color: var(--el-color-primary);
  --el-segmented-item-selected-disabled-bg-color: var(--el-color-primary-light-5);
  --el-segmented-item-hover-color: var(--el-text-color-primary);
  --el-segmented-item-hover-bg-color: var(--el-fill-color-dark);
  --el-segmented-item-active-bg-color: var(--el-fill-color-darker);
  --el-segmented-item-disabled-color: var(--el-text-color-placeholder);
}

.el-segmented {
  display: inline-flex;
  align-items: stretch;
  min-height: 32px;
  background: var(--el-segmented-bg-color);
  padding: var(--el-segmented-padding);
  border-radius: var(--el-border-radius-base);
  font-size: 14px;
  color: var(--el-segmented-color);
  box-sizing: border-box;
}
.el-segmented__group {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
}

.el-segmented__item-selected {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--el-segmented-item-selected-bg-color);
  height: 100%;
  width: 10px;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  transition: all 0.3s;
  pointer-events: none;
}
.el-segmented__item-selected.is-disabled {
  background: var(--el-segmented-item-selected-disabled-bg-color);
}

.el-segmented__item-selected.is-focus-visible:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: inherit;
  outline: 2px solid var(--el-segmented-item-selected-bg-color);
  outline-offset: 1px;
}

.el-segmented__item {
  display: flex;
  align-items: center;
  flex: 1;
  cursor: pointer;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  padding: 0 11px;
}
.el-segmented__item:not(.is-disabled):not(.is-selected):hover {
  color: var(--el-segmented-item-hover-color);
  background: var(--el-segmented-item-hover-bg-color);
}
.el-segmented__item:not(.is-disabled):not(.is-selected):active {
  background: var(--el-segmented-item-active-bg-color);
}
.el-segmented__item.is-selected {
  color: var(--el-segmented-item-selected-color);
}
.el-segmented__item.is-selected.is-disabled {
  color: var(--el-segmented-item-selected-color);
}

.el-segmented__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-segmented-item-disabled-color);
}

.el-segmented__item-input {
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.el-segmented__item-label {
  flex: 1;
  text-align: center;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s;
  z-index: 1;
}

.el-segmented.is-block {
  display: flex;
}
.el-segmented.is-block .el-segmented__item {
  min-width: 0;
}

.el-segmented--large {
  min-height: 40px;
  border-radius: var(--el-border-radius-base);
  font-size: 16px;
}
.el-segmented--large .el-segmented__item-selected {
  border-radius: calc(var(--el-border-radius-base) - 2px);
}

.el-segmented--large .el-segmented--vertical .el-segmented__item {
  padding: 11px 11px;
}

.el-segmented--large .el-segmented__item {
  border-radius: calc(var(--el-border-radius-base) - 2px);
  padding: 0 11px;
}

.el-segmented--small {
  min-height: 24px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
  font-size: 14px;
}
.el-segmented--small .el-segmented__item-selected {
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
}

.el-segmented--small .el-segmented--vertical .el-segmented__item {
  padding: 7px 7px;
}

.el-segmented--small .el-segmented__item {
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
  padding: 0 7px;
}

.el-mention {
  position: relative;
  width: 100%;
}
.el-mention__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-box-shadow-light);
}
.el-mention__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-mention__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-mention__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-mention__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-mention__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-mention-dropdown {
  --el-mention-font-size: var(--el-font-size-base);
  --el-mention-bg-color: var(--el-bg-color-overlay);
  --el-mention-shadow: var(--el-box-shadow-light);
  --el-mention-border: 1px solid var(--el-border-color-light);
  --el-mention-option-color: var(--el-text-color-regular);
  --el-mention-option-height: 34px;
  --el-mention-option-min-width: 100px;
  --el-mention-option-hover-background: var(--el-fill-color-light);
  --el-mention-option-selected-color: var(--el-color-primary);
  --el-mention-option-disabled-color: var(--el-text-color-placeholder);
  --el-mention-option-loading-color: var(--el-text-color-secondary);
  --el-mention-option-loading-padding: 10px 0;
  --el-mention-max-height: 174px;
  --el-mention-padding: 6px 0;
  --el-mention-header-padding: 10px;
  --el-mention-footer-padding: 10px;
}
.el-mention-dropdown__item {
  font-size: var(--el-mention-font-size);
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--el-mention-option-color);
  height: var(--el-mention-option-height);
  line-height: var(--el-mention-option-height);
  box-sizing: border-box;
  min-width: var(--el-mention-option-min-width);
  cursor: pointer;
}
.el-mention-dropdown__item.is-hovering {
  background-color: var(--el-mention-option-hover-background);
}

.el-mention-dropdown__item.is-selected {
  color: var(--el-mention-option-selected-color);
  font-weight: bold;
}

.el-mention-dropdown__item.is-disabled {
  color: var(--el-mention-option-disabled-color);
  cursor: not-allowed;
  background-color: unset;
}

.el-mention-dropdown {
  z-index: calc(var(--el-index-top) + 1);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}

.el-mention-dropdown__loading {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-mention-option-loading-color);
  font-size: 12px;
  min-width: var(--el-mention-option-min-width);
}

.el-mention-dropdown__wrap {
  max-height: var(--el-mention-max-height);
}

.el-mention-dropdown__list {
  list-style: none;
  padding: var(--el-mention-padding);
  margin: 0;
  box-sizing: border-box;
}

.el-mention-dropdown__header {
  padding: var(--el-mention-header-padding);
  border-bottom: var(--el-mention-border);
}

.el-mention-dropdown__footer {
  padding: var(--el-mention-footer-padding);
  border-top: var(--el-mention-border);
}

.el-splitter {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
.el-splitter__mask {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.el-splitter__mask-horizontal {
  cursor: ew-resize;
}

.el-splitter__mask-vertical {
  cursor: ns-resize;
}

.el-splitter__horizontal {
  flex-direction: row;
}

.el-splitter__vertical {
  flex-direction: column;
}

.el-splitter-bar {
  flex: none;
  position: relative;
  user-select: none;
}
.el-splitter-bar__dragger {
  z-index: 1;
  position: absolute;
  background: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.el-splitter-bar__dragger::before, .el-splitter-bar__dragger::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--el-border-color-light);
}
.el-splitter-bar__dragger:not(.is-lazy)::after {
  display: none;
}
.el-splitter-bar__dragger::after {
  opacity: 0.4;
}
.el-splitter-bar__dragger:hover:not(.is-disabled)::before {
  background-color: var(--el-color-primary-light-5);
}

.el-splitter-bar__dragger-horizontal::before, .el-splitter-bar__dragger-horizontal::after {
  height: 100%;
  width: 2px;
}

.el-splitter-bar__dragger-vertical::before, .el-splitter-bar__dragger-vertical::after {
  height: 2px;
  width: 100%;
}

.el-splitter-bar__dragger-active::before, .el-splitter-bar__dragger-active::after {
  background-color: var(--el-color-primary-light-3);
}
.el-splitter-bar__dragger-active.el-splitter-bar__dragger-horizontal::after {
  transform: translate(calc(-50% + var(--el-splitter-bar-offset)), -50%);
}
.el-splitter-bar__dragger-active.el-splitter-bar__dragger-vertical::after {
  transform: translate(-50%, calc(-50% + var(--el-splitter-bar-offset)));
}

.el-splitter-bar:hover .el-splitter-bar__collapse-icon {
  opacity: 1;
}

.el-splitter-bar__collapse-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--el-border-color-light);
  border-radius: 2px;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
}
.el-splitter-bar__collapse-icon:hover {
  opacity: 1;
  background-color: var(--el-color-primary-light-5);
}

.el-splitter-bar__horizontal-collapse-icon-start {
  left: -12px;
  top: 50%;
  height: 24px;
  width: 16px;
  transform: translate(-50%, -50%);
}

.el-splitter-bar__horizontal-collapse-icon-end {
  left: 12px;
  top: 50%;
  height: 24px;
  width: 16px;
  transform: translate(-50%, -50%);
}

.el-splitter-bar__vertical-collapse-icon-start {
  top: -12px;
  right: 50%;
  height: 16px;
  width: 24px;
  transform: translate(50%, -50%);
}

.el-splitter-bar__vertical-collapse-icon-end {
  top: 12px;
  right: 50%;
  height: 16px;
  width: 24px;
  transform: translate(50%, -50%);
}

.el-splitter-panel {
  flex-grow: 0;
  overflow: auto;
  scrollbar-width: thin;
  box-sizing: border-box;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElAutocomplete 主题变量 */
.el-autocomplete__popper {
  --ele-autocomplete-padding: 6px 0;
  --ele-autocomplete-item-height: 32px;
  --ele-autocomplete-item-margin: 2px;
  --ele-autocomplete-item-padding: 0 16px;
  --ele-autocomplete-item-radius: 0;
}

/* Autocomplete */
.el-autocomplete__popper .el-autocomplete-suggestion__wrap {
  padding: 0;
}
.el-autocomplete__popper .el-autocomplete-suggestion__list {
  padding: var(--ele-autocomplete-padding);
}
.el-autocomplete__popper .el-autocomplete-suggestion li {
  height: var(--ele-autocomplete-item-height);
  line-height: var(--ele-autocomplete-item-height);
  padding: var(--ele-autocomplete-item-padding);
  border-radius: var(--ele-autocomplete-item-radius);
  transition: color 0.2s, background-color 0.2s;
}
.el-autocomplete__popper .el-autocomplete-suggestion li + li {
  margin-top: var(--ele-autocomplete-item-margin);
}

/* Backtop */
body .el-backtop {
  box-shadow: var(--el-box-shadow-light);
  transition: color 0.2s, background-color 0.2s;
}

/* ElCascader 主题变量 */
.el-cascader__dropdown {
  --ele-cascader-menu-padding: 6px 0;
  --ele-cascader-item-height: 32px;
  --ele-cascader-item-margin: 2px;
  --ele-cascader-item-padding: 0 16px;
  --ele-cascader-item-radius: 0;
  --ele-cascader-item-active-bg: var(--el-color-primary-light-9);
  --ele-cascader-item-active-hover-bg: var(--el-color-primary-light-8);
  --ele-cascader-item-active-font-weight: normal;
}

/* Cascader */
.el-cascader__dropdown .el-cascader-menu__list {
  padding: var(--ele-cascader-menu-padding);
}
.el-cascader__dropdown .el-cascader-node {
  height: var(--ele-cascader-item-height);
  line-height: var(--ele-cascader-item-height);
  padding: var(--ele-cascader-item-padding);
  border-radius: var(--ele-cascader-item-radius);
  transition: color 0.2s, background-color 0.2s;
}
.el-cascader__dropdown .el-cascader-node > .el-checkbox, .el-cascader__dropdown .el-cascader-node > .el-radio {
  margin-right: 8px;
}
.el-cascader__dropdown .el-cascader-node + .el-cascader-node {
  margin-top: var(--ele-cascader-item-margin);
}
.el-cascader__dropdown .el-cascader-node.in-active-path, .el-cascader__dropdown .el-cascader-node.is-selectable.in-checked-path, .el-cascader__dropdown .el-cascader-node.is-active {
  background: var(--ele-cascader-item-active-bg);
  font-weight: var(--ele-cascader-item-active-font-weight);
}
.el-cascader__dropdown .el-cascader-node.in-active-path:hover, .el-cascader__dropdown .el-cascader-node.in-active-path:focus, .el-cascader__dropdown .el-cascader-node.is-selectable.in-checked-path:hover, .el-cascader__dropdown .el-cascader-node.is-selectable.in-checked-path:focus, .el-cascader__dropdown .el-cascader-node.is-active:hover, .el-cascader__dropdown .el-cascader-node.is-active:focus {
  background: var(--ele-cascader-item-active-hover-bg);
}
.el-cascader__dropdown .el-cascader-menu:last-child .el-cascader-node {
  padding: var(--ele-cascader-item-padding);
}
.el-cascader__dropdown .el-cascader-node__label {
  padding: 0;
}
.el-cascader__dropdown .el-cascader-node__prefix {
  order: 4;
  margin-right: -4px;
  position: static;
  left: auto;
}
.el-cascader__dropdown .el-cascader-node__postfix {
  margin-right: -6px;
  position: static;
  right: auto;
}
.el-cascader__dropdown .el-cascader__suggestion-list {
  padding: var(--ele-cascader-menu-padding);
}
.el-cascader__dropdown .el-cascader__suggestion-item {
  height: var(--ele-cascader-item-height);
  line-height: var(--ele-cascader-item-height);
  padding: var(--ele-cascader-item-padding);
  border-radius: var(--ele-cascader-item-radius);
}
.el-cascader__dropdown .el-cascader__suggestion-item > span {
  flex: 1;
  margin-right: 0;
}
.el-cascader__dropdown .el-cascader__suggestion-item > .el-icon {
  margin-right: -4px;
}
.el-cascader__dropdown .el-cascader__suggestion-item + .el-cascader__suggestion-item {
  margin-top: var(--ele-cascader-item-margin);
}
.el-cascader__dropdown .el-cascader__suggestion-item.is-checked {
  background: var(--ele-cascader-item-active-bg);
  font-weight: var(--ele-cascader-item-active-font-weight);
}

.el-cascader > .el-input .el-input__inner {
  margin: -2px 0;
  min-height: calc(var(--el-input-height) + 2px);
}

/* 多选标签 */
.el-cascader__tags .el-tag__content,
.el-cascader__collapse-tag .el-tag__content {
  display: inline-flex;
  align-items: center;
  line-height: 14px;
}

.el-cascader .el-cascader__tags {
  gap: 0;
  padding: 3px 0 3px 4px;
}

.el-cascader .el-cascader__tags .el-tag,
.el-cascader__collapse-tags .el-cascader__collapse-tag .el-tag {
  flex-shrink: 0;
  margin: 2px 4px 2px 0;
  height: calc(var(--el-component-size) - 4px - 4px);
  border: none;
}

.el-cascader__tags .el-cascader__search-input {
  margin: 2px 0 2px 5.8px;
}

/* 小尺寸 */
.el-cascader--small .el-cascader__tags .el-cascader__search-input {
  height: 18px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 3.8px;
}

.el-cascader--small .el-cascader__tags .el-tag,
.el-cascader__collapse-tags .el-cascader__collapse-tag .el-tag--small {
  margin: 1px 4px 1px 0;
  height: calc(var(--el-component-size-small) - 4px - 2px);
}

/* 大尺寸 */
.el-cascader--large .el-cascader__tags {
  padding: 1px 0 1px 6px;
}

.el-cascader--large .el-cascader__tags .el-tag {
  height: calc(var(--el-component-size-large) - 8px - 4px);
}

.el-cascader--large .el-cascader__tags .el-cascader__search-input {
  margin-left: 7.8px;
}

/* 多选搜索框 */
.el-cascader__tags .el-tag + .el-cascader__search-input {
  margin-left: 2px;
}

/* 标签溢出气泡 */
.el-popper > .el-cascader__collapse-tags {
  margin: -5px -11px;
  padding: 8px 10px;
  gap: 0;
}

/* ElCheckbox 主题变量 */
.el-checkbox {
  --ele-checkbox-color: var(--el-text-color-regular);
  --ele-checkbox-font-size: var(--el-font-size-base);
  --ele-checkbox-size: 16px;
  --ele-checkbox-radius: var(--el-border-radius-small);
  --ele-checkbox-space: 16px;
  --ele-checkbox-bg: var(--el-bg-color);
  --ele-checkbox-border: 1px solid var(--el-border-color);
  --ele-checkbox-hover-border: 1px solid var(--el-color-primary);
  --ele-checkbox-active-color: var(--el-text-color-regular);
  --ele-checkbox-icon-width: 5.7142857143px;
  --ele-checkbox-icon-height: 9.1428571429px;
  --ele-checkbox-icon-left: 21.5%;
  --ele-checkbox-disabled-color: var(--el-disabled-text-color);
  --ele-checkbox-disabled-bg: var(--el-disabled-bg-color);
  --ele-checkbox-disabled-border: 1px solid var(--el-disabled-border-color);
  --ele-checkbox-sm-font-size: var(--el-font-size-extra-small);
  --ele-checkbox-sm-size: 14px;
  --ele-checkbox-sm-radius: var(--el-border-radius-small);
  --ele-checkbox-sm-icon-width: 4.5px;
  --ele-checkbox-sm-icon-height: 7px;
  --ele-checkbox-sm-icon-left: 24.5%;
  --ele-checkbox-lg-font-size: var(--el-font-size-base);
  --ele-checkbox-lg-size: 16px;
  --ele-checkbox-lg-radius: var(--el-border-radius-small);
  --ele-checkbox-lg-icon-width: 5.7142857143px;
  --ele-checkbox-lg-icon-height: 9.1428571429px;
  --ele-checkbox-lg-icon-left: 21.5%;
}

/* Checkbox */
body .el-checkbox .el-checkbox__label {
  color: var(--ele-checkbox-color);
  font-size: var(--ele-checkbox-font-size);
  line-height: var(--ele-checkbox-size);
  transition: color 0.2s, font-weight 0.2s;
}
body .el-checkbox .el-checkbox__inner {
  width: var(--ele-checkbox-size);
  height: var(--ele-checkbox-size);
  background: var(--ele-checkbox-bg);
  border: var(--ele-checkbox-border);
  border-radius: var(--ele-checkbox-radius);
  transition: border-color 0.2s, background-color 0.2s;
}
body .el-checkbox .el-checkbox__inner::after {
  top: 50%;
  left: var(--ele-checkbox-icon-left);
  width: var(--ele-checkbox-icon-width);
  height: var(--ele-checkbox-icon-height);
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  box-sizing: border-box;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  opacity: 0;
}
body .el-checkbox .el-checkbox__input .el-checkbox__inner::before {
  content: "";
  width: 60%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  background: #fff;
  transform: translateX(-50%) scale(0);
  margin-top: -1px;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  opacity: 0;
}
body .el-checkbox:hover .el-checkbox__inner {
  border: var(--ele-checkbox-hover-border);
}
body .el-checkbox.is-checked .el-checkbox__label {
  color: var(--ele-checkbox-active-color);
}
body .el-checkbox.is-checked .el-checkbox__inner {
  background: var(--el-color-primary);
  border: 1px solid var(--el-color-primary);
}
body .el-checkbox.is-checked .el-checkbox__inner::after {
  opacity: 1;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
body .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: var(--el-color-primary);
  border: 1px solid var(--el-color-primary);
}
body .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  opacity: 1;
  transform: translateX(-50%) scale(1);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
body .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: block;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
}
body .el-checkbox.is-disabled span.el-checkbox__label {
  color: var(--ele-checkbox-disabled-color);
}
body .el-checkbox.is-disabled .el-checkbox__input .el-checkbox__inner {
  background: var(--ele-checkbox-disabled-bg);
  border: var(--ele-checkbox-disabled-border);
}
body .el-checkbox.is-disabled .el-checkbox__input .el-checkbox__inner::after {
  border-color: var(--ele-checkbox-disabled-color);
}
body .el-checkbox.el-checkbox--small .el-checkbox__label {
  font-size: var(--ele-checkbox-sm-font-size);
  line-height: var(--ele-checkbox-sm-size);
}
body .el-checkbox.el-checkbox--small .el-checkbox__inner {
  width: var(--ele-checkbox-sm-size);
  height: var(--ele-checkbox-sm-size);
  border-radius: var(--ele-checkbox-sm-radius);
}
body .el-checkbox.el-checkbox--small .el-checkbox__inner::after {
  left: var(--ele-checkbox-sm-icon-left);
  width: var(--ele-checkbox-sm-icon-width);
  height: var(--ele-checkbox-sm-icon-height);
}
body .el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 50%;
}
body .el-checkbox.el-checkbox--large .el-checkbox__label {
  font-size: var(--ele-checkbox-lg-font-size);
  line-height: var(--ele-checkbox-lg-size);
}
body .el-checkbox.el-checkbox--large .el-checkbox__inner {
  width: var(--ele-checkbox-lg-size);
  height: var(--ele-checkbox-lg-size);
  border-radius: var(--ele-checkbox-lg-radius);
}
body .el-checkbox.el-checkbox--large .el-checkbox__inner::after {
  left: var(--ele-checkbox-lg-icon-left);
  width: var(--ele-checkbox-lg-icon-width);
  height: var(--ele-checkbox-lg-icon-height);
}

body .el-checkbox,
body .el-checkbox-group > .el-checkbox {
  margin-right: var(--ele-checkbox-space);
}

.el-checkbox-group > .el-checkbox:last-child {
  margin-right: 0;
}

/* ColorPicker */
body .el-color-picker__panel,
body .el-color-picker-panel {
  padding: 10px;
  background: none;
}

.el-color-picker__panel .el-color-dropdown__btns {
  margin-top: 8px;
}
.el-color-picker__panel .el-color-predefine__color-selector.selected {
  box-shadow: none;
  position: relative;
}
.el-color-picker__panel .el-color-predefine__color-selector.selected::after {
  content: "";
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg) translate(-50%, -50%);
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 6px;
}

.el-color-picker .el-color-picker__color {
  border-color: var(--el-border-color-light);
  overflow: hidden;
}

body .el-color-picker .el-color-picker__icon,
body .el-color-picker .el-color-picker__empty {
  font-size: 13px;
}

/* ElDatepicker 主题变量 */
.el-date-picker,
.el-date-range-picker {
  --ele-datepicker-header-height: 42px;
  --ele-datepicker-header-padding: 0 12px;
  --ele-datepicker-header-border: 1px solid var(--el-border-color-light);
  --ele-datepicker-label-size: 15px;
  --ele-datepicker-label-weight: 500;
  --ele-datepicker-label-color: var(--el-text-color-regular);
  --ele-datepicker-label-hover-color: var(--el-color-primary);
  --ele-datepicker-label-space: 8px;
  --ele-datepicker-icon-size: 15px;
  --ele-datepicker-icon-color: var(--el-text-color-secondary);
  --ele-datepicker-icon-hover-color: var(--el-text-color-primary);
  --ele-datepicker-icon-disabled-color: var(--el-disabled-text-color);
  --ele-datepicker-icon-space: 8px;
  --ele-datepicker-body-width: 288px;
  --ele-datepicker-body-padding: 8px 12px;
  --ele-datepicker-color: var(--el-text-color-regular);
  --ele-datepicker-font-size: var(--el-font-size-base);
  --ele-datepicker-off-color: var(--el-text-color-placeholder);
  --ele-datepicker-hover-color: var(--el-text-color-primary);
  --ele-datepicker-hover-bg: var(--el-fill-color-light);
  --ele-datepicker-cell-radius: 14px;
  --ele-datepicker-today-color: inherit;
  --ele-datepicker-today-border: 1px solid var(--el-color-primary);
  --ele-datepicker-today-weight: normal;
  --ele-datepicker-active-color: #fff;
  --ele-datepicker-active-bg: var(--el-color-primary);
  --ele-datepicker-disabled-color: var(--el-disabled-text-color);
  --ele-datepicker-disabled-bg: var(--el-disabled-bg-color);
  --ele-datepicker-year-width: 58px;
  --ele-datepicker-year-height: 26px;
  --ele-datepicker-year-radius: 16px;
  --ele-datepicker-year-padding: 22px 0;
  --ele-datepicker-year-space: 4px 0;
  --ele-datepicker-month-padding: 22px 0;
  --ele-datepicker-month-space: 4px 0;
  --ele-datepicker-end-margin: 3.5px;
  --ele-datepicker-footer-padding: 8px 12px;
  --ele-datepicker-footer-border: 1px solid var(--el-border-color-light);
  --ele-datepicker-inrange-bg: var(--el-color-primary-light-9);
  --ele-datepicker-inrange-hover-bg: var(--el-color-primary-light-8);
  --ele-datepicker-inner-border: var(--el-border-color-light);
  --ele-datepicker-sidebar-width: 120px;
  --ele-datepicker-sidebar-padding: 8px 0;
  --ele-datepicker-sidebar-border: 1px solid var(--el-border-color-light);
  --ele-datepicker-shortcut-height: 32px;
  --ele-datepicker-shortcut-size: var(--el-font-size-base);
  --ele-datepicker-shortcut-color: var(--el-text-color-regular);
  --ele-datepicker-shortcut-padding: 0 14px;
  --ele-datepicker-shortcut-margin: 0;
  --ele-datepicker-shortcut-radius: 0;
  --ele-datepicker-shortcut-hover-color: var(--el-text-color-primary);
  --ele-datepicker-shortcut-hover-bg: var(--el-fill-color-light);
  --ele-datepicker-range-icon-color: var(--el-text-color-placeholder);
  --ele-datepicker-range-icon-size: var(--el-font-size-base);
}

.el-time-panel,
.el-time-range-picker {
  --ele-timepicker-width: 180px;
  --ele-timepicker-height: 220px;
  --ele-timepicker-padding: 8px 4px;
  --ele-timepicker-item-size: var(--el-font-size-base);
  --ele-timepicker-item-color: var(--el-text-color-regular);
  --ele-timepicker-item-height: 28px;
  --ele-timepicker-item-radius: 14px;
  --ele-timepicker-item-hover-bg: var(--el-fill-color-light);
  --ele-timepicker-item-hover-color: var(--el-text-color-primary);
  --ele-timepicker-item-active-bg: var(--el-color-primary-light-9);
  --ele-timepicker-item-active-color: var(--el-color-primary);
  --ele-timepicker-item-disabled-color: var(--el-disabled-text-color);
  --ele-timepicker-item-disabled-bg: transparent;
  --ele-timepicker-line: 1px solid var(--el-border-color-light);
  --ele-timepicker-line-padding: 3px;
  --ele-timepicker-line-margin: 4px;
  --ele-timepicker-arrow-color: var(--el-text-color-secondary);
  --ele-timepicker-arrow-size: var(--el-font-size-base);
  --ele-timepicker-footer-padding: 6px 10px;
  --ele-timepicker-button-height: 24px;
  --ele-timepicker-button-padding: 0 10px;
  --ele-timepicker-button-radius: var(--el-border-radius-small);
  --ele-timepicker-button-size: 12px;
  --ele-timepicker-button-space: 8px;
  --ele-timepicker-header-height: 42px;
  --ele-timepicker-header-border: 1px solid var(--el-border-color-light);
  --ele-timepicker-header-size: 14px;
  --ele-timepicker-range-space: 6px;
}

.el-popper .el-picker-panel {
  background: none;
}

/* DatePicker */
.el-date-picker .el-date-picker__header {
  display: flex;
  align-items: center;
  height: var(--ele-datepicker-header-height);
  line-height: var(--ele-datepicker-header-height);
  border-bottom: var(--ele-datepicker-header-border);
  padding: var(--ele-datepicker-header-padding);
  box-sizing: border-box;
  margin: 0;
}
.el-date-picker .el-date-picker__header-label {
  flex-shrink: 0;
  color: var(--ele-datepicker-label-color);
  font-size: var(--ele-datepicker-label-size);
  font-weight: var(--ele-datepicker-label-weight);
  line-height: inherit;
  padding: 0;
  box-sizing: border-box;
  transition: color 0.2s;
}
.el-date-picker .el-date-picker__header-label + .el-date-picker__header-label {
  margin-left: var(--ele-datepicker-label-space);
}
.el-date-picker .el-date-picker__header-label:hover {
  color: var(--ele-datepicker-label-hover-color);
}
.el-date-picker .el-date-picker__prev-btn,
.el-date-picker .el-date-picker__next-btn {
  flex: 1;
  float: none;
  display: flex;
  align-items: center;
}
.el-date-picker .el-date-picker__next-btn {
  justify-content: flex-end;
}
.el-date-picker .el-picker-panel__icon-btn {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: var(--ele-datepicker-icon-size);
  color: var(--ele-datepicker-icon-color);
  transition: color 0.2s;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-date-picker .el-picker-panel__icon-btn .el-icon {
  cursor: inherit;
}
.el-date-picker .el-picker-panel__icon-btn + .el-picker-panel__icon-btn {
  margin-left: var(--ele-datepicker-icon-space);
}
.el-date-picker .el-picker-panel__icon-btn:hover {
  color: var(--ele-datepicker-icon-hover-color);
}
.el-date-picker .el-picker-panel__content {
  margin: 0;
  padding: var(--ele-datepicker-body-padding);
  box-sizing: border-box;
}
.el-date-picker .el-picker-panel__body .el-picker-panel__content {
  width: 100%;
}
.el-date-picker .el-year-table td.current:not(.disabled) > div,
.el-date-picker .el-month-table td.current:not(.disabled) > div {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

.el-picker__popper .el-date-picker,
.el-date-range-picker .el-date-range-picker__content,
.el-date-picker.has-sidebar .el-picker-panel__body {
  width: var(--ele-datepicker-body-width);
  flex-shrink: 0;
}

.el-picker__popper .el-date-picker.has-sidebar,
.el-picker__popper .el-date-range-picker,
.el-picker__popper .el-date-range-picker.has-sidebar,
.el-picker__popper .el-date-picker.has-sidebar.has-time {
  width: auto;
}

.el-picker__popper .el-date-range-picker .el-picker-panel__body {
  min-width: auto;
}

.el-date-picker .el-picker-panel__sidebar,
.el-date-range-picker .el-picker-panel__sidebar {
  flex-shrink: 1;
  background: none;
  width: var(--ele-datepicker-sidebar-width);
  padding: var(--ele-datepicker-sidebar-padding);
  border-right: var(--ele-datepicker-sidebar-border);
  box-sizing: border-box;
  position: relative;
  top: auto;
  bottom: auto;
}
.el-date-picker .el-picker-panel__sidebar + .el-picker-panel__body,
.el-date-range-picker .el-picker-panel__sidebar + .el-picker-panel__body {
  margin: 0;
}
.el-date-picker .el-picker-panel__shortcut,
.el-date-range-picker .el-picker-panel__shortcut {
  height: var(--ele-datepicker-shortcut-height);
  line-height: var(--ele-datepicker-shortcut-height);
  color: var(--ele-datepicker-shortcut-color);
  font-size: var(--ele-datepicker-shortcut-size);
  padding: var(--ele-datepicker-shortcut-padding);
  border-radius: var(--ele-datepicker-shortcut-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.el-date-picker .el-picker-panel__shortcut:hover,
.el-date-range-picker .el-picker-panel__shortcut:hover {
  color: var(--ele-datepicker-shortcut-hover-color);
  background: var(--ele-datepicker-shortcut-hover-bg);
}
.el-date-picker .el-picker-panel__shortcut + .el-picker-panel__shortcut,
.el-date-range-picker .el-picker-panel__shortcut + .el-picker-panel__shortcut {
  margin-top: var(--ele-datepicker-shortcut-margin);
}
.el-date-picker.has-sidebar .el-picker-panel__body-wrapper,
.el-date-range-picker.has-sidebar .el-picker-panel__body-wrapper {
  display: flex;
}

.el-date-picker .el-picker-panel__footer,
.el-date-range-picker .el-picker-panel__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: var(--ele-datepicker-footer-padding);
  border-top: var(--ele-datepicker-footer-border);
  box-sizing: border-box;
  background: none;
}

.el-date-picker .el-date-table,
.el-date-picker .el-month-table,
.el-date-picker .el-year-table,
.el-date-range-picker .el-date-table,
.el-date-range-picker .el-month-table,
.el-date-range-picker .el-year-table {
  color: var(--ele-datepicker-color);
  font-size: var(--ele-datepicker-font-size);
  margin: 0;
}
.el-date-picker .el-date-table th,
.el-date-range-picker .el-date-table th {
  padding: 0;
  border: none;
  color: var(--ele-datepicker-color);
}
.el-date-picker .el-date-table td .el-date-table-cell .el-date-table-cell__text,
.el-date-range-picker .el-date-table td .el-date-table-cell .el-date-table-cell__text {
  border-radius: var(--ele-datepicker-cell-radius);
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  box-sizing: border-box;
}
.el-date-picker .el-date-table td.today .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.today .el-date-table-cell__text {
  color: var(--ele-datepicker-today-color);
  font-weight: var(--ele-datepicker-today-weight);
  border: var(--ele-datepicker-today-border);
}
.el-date-picker .el-date-table td.prev-month, .el-date-picker .el-date-table td.next-month,
.el-date-range-picker .el-date-table td.prev-month,
.el-date-range-picker .el-date-table td.next-month {
  color: var(--ele-datepicker-off-color);
}
.el-date-picker .el-date-table td.available:hover .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.available:hover .el-date-table-cell__text {
  color: var(--ele-datepicker-hover-color);
  background: var(--ele-datepicker-hover-bg);
}
.el-date-picker .el-date-table td.current:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}
.el-date-picker .el-date-table td.disabled .el-date-table-cell,
.el-date-range-picker .el-date-table td.disabled .el-date-table-cell {
  background: var(--ele-datepicker-disabled-bg);
}
.el-date-picker .el-date-table td.disabled .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.disabled .el-date-table-cell__text {
  color: var(--ele-datepicker-disabled-color);
  background: none;
}
.el-date-picker .el-year-table td,
.el-date-picker .el-month-table td,
.el-date-range-picker .el-year-table td,
.el-date-range-picker .el-month-table td {
  width: auto;
}
.el-date-picker .el-year-table td .el-date-table-cell__text,
.el-date-picker .el-month-table td .el-date-table-cell__text,
.el-date-range-picker .el-year-table td .el-date-table-cell__text,
.el-date-range-picker .el-month-table td .el-date-table-cell__text {
  color: var(--ele-datepicker-color);
  width: var(--ele-datepicker-year-width);
  height: var(--ele-datepicker-year-height);
  line-height: var(--ele-datepicker-year-height);
  border-radius: var(--ele-datepicker-year-radius);
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  box-sizing: border-box;
  position: static;
  left: auto;
  transform: none;
}
.el-date-picker .el-year-table td.today .el-date-table-cell__text,
.el-date-picker .el-month-table td.today .el-date-table-cell__text,
.el-date-range-picker .el-year-table td.today .el-date-table-cell__text,
.el-date-range-picker .el-month-table td.today .el-date-table-cell__text {
  color: var(--ele-datepicker-today-color);
  font-weight: var(--ele-datepicker-today-weight);
  border: var(--ele-datepicker-today-border);
}
.el-date-picker .el-year-table td .el-date-table-cell__text:hover,
.el-date-picker .el-month-table td .el-date-table-cell__text:hover,
.el-date-range-picker .el-year-table td .el-date-table-cell__text:hover,
.el-date-range-picker .el-month-table td .el-date-table-cell__text:hover {
  color: var(--ele-datepicker-hover-color);
  background: var(--ele-datepicker-hover-bg);
}
.el-date-picker .el-year-table td.current:not(.disabled) .el-date-table-cell__text,
.el-date-picker .el-month-table td.current:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-year-table td.current:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-month-table td.current:not(.disabled) .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}
.el-date-picker .el-year-table td,
.el-date-range-picker .el-year-table td {
  padding: var(--ele-datepicker-year-padding);
}
.el-date-picker .el-year-table td > div,
.el-date-range-picker .el-year-table td > div {
  height: auto;
  padding: var(--ele-datepicker-year-space);
  transition: background-color 0.2s, border-color 0.2s;
}
.el-date-picker .el-year-table td.disabled > div,
.el-date-range-picker .el-year-table td.disabled > div {
  background: var(--ele-datepicker-disabled-bg);
}
.el-date-picker .el-year-table td.disabled .el-date-table-cell__text,
.el-date-range-picker .el-year-table td.disabled .el-date-table-cell__text {
  color: var(--ele-datepicker-disabled-color);
  background: none;
}
.el-date-picker .el-month-table td,
.el-date-range-picker .el-month-table td {
  padding: var(--ele-datepicker-month-padding);
}
.el-date-picker .el-month-table td > div,
.el-date-range-picker .el-month-table td > div {
  height: auto;
  padding: var(--ele-datepicker-month-space);
  transition: background-color 0.2s, border-color 0.2s;
}
.el-date-picker .el-month-table td.disabled > div,
.el-date-range-picker .el-month-table td.disabled > div {
  background: var(--ele-datepicker-disabled-bg);
}
.el-date-picker .el-month-table td.disabled .el-date-table-cell__text,
.el-date-range-picker .el-month-table td.disabled .el-date-table-cell__text {
  color: var(--ele-datepicker-disabled-color);
  background: none;
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header {
  display: flex;
  align-items: center;
  height: var(--ele-datepicker-header-height);
  line-height: var(--ele-datepicker-header-height);
  border-bottom: var(--ele-datepicker-header-border);
  padding: var(--ele-datepicker-header-padding);
  box-sizing: border-box;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header > div {
  flex: 1;
  margin: 0;
  color: var(--ele-datepicker-label-color);
  font-size: var(--ele-datepicker-label-size);
  font-weight: var(--ele-datepicker-label-weight);
  box-sizing: border-box;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-date-range-picker__header-label {
  flex-shrink: 0;
  color: var(--ele-datepicker-label-color);
  font-size: var(--ele-datepicker-label-size);
  font-weight: var(--ele-datepicker-label-weight);
  line-height: inherit;
  padding: 0;
  box-sizing: border-box;
  transition: color 0.2s;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-date-range-picker__header-label + .el-date-range-picker__header-label {
  margin-left: var(--ele-datepicker-label-space);
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-date-range-picker__header-label:hover {
  color: var(--ele-datepicker-label-hover-color);
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: var(--ele-datepicker-icon-size);
  color: var(--ele-datepicker-icon-color);
  transition: color 0.2s;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.arrow-left {
  margin-left: var(--ele-datepicker-icon-space);
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.arrow-right {
  order: 3;
  margin-right: var(--ele-datepicker-icon-space);
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.d-arrow-right {
  order: 4;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn .el-icon {
  cursor: inherit;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn:hover {
  color: var(--ele-datepicker-icon-hover-color);
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.is-disabled {
  color: var(--ele-datepicker-icon-disabled-color);
}
.el-date-range-picker .el-picker-panel__body {
  display: flex;
  flex-shrink: 0;
}
.el-date-range-picker .el-date-range-picker__content {
  padding: 0;
  border: none;
  float: none;
}
.el-date-range-picker .el-date-range-picker__content table {
  padding: var(--ele-datepicker-body-padding);
  box-sizing: border-box;
}
.el-date-range-picker .el-date-range-picker__content.is-left {
  border: none;
}
.el-date-range-picker .el-date-range-picker__content.is-left table {
  box-shadow: 0.8px 0 0 0 var(--ele-datepicker-inner-border);
}
.el-date-range-picker .el-date-table td.start-date .el-date-table-cell {
  margin-left: var(--ele-datepicker-end-margin);
  border-top-left-radius: var(--ele-datepicker-cell-radius);
  border-bottom-left-radius: var(--ele-datepicker-cell-radius);
}
.el-date-range-picker .el-date-table td.end-date .el-date-table-cell {
  margin-right: var(--ele-datepicker-end-margin);
  border-top-right-radius: var(--ele-datepicker-cell-radius);
  border-bottom-right-radius: var(--ele-datepicker-cell-radius);
}
.el-date-range-picker .el-date-table td.in-range .el-date-table-cell {
  background: var(--ele-datepicker-inrange-bg);
}
.el-date-range-picker .el-date-table td.in-range .el-date-table-cell:hover {
  background: var(--ele-datepicker-inrange-hover-bg);
}
.el-date-range-picker .el-date-table td.in-range.available:hover .el-date-table-cell__text {
  background: none;
}
.el-date-range-picker .el-date-table td.in-range.available.start-date .el-date-table-cell__text, .el-date-range-picker .el-date-table td.in-range.available.end-date .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}
.el-date-range-picker .el-month-table td.start-date > div,
.el-date-range-picker .el-year-table td.start-date > div {
  border-top-left-radius: var(--ele-datepicker-year-radius);
  border-bottom-left-radius: var(--ele-datepicker-year-radius);
  margin-left: 0;
}
.el-date-range-picker .el-month-table td.end-date > div,
.el-date-range-picker .el-year-table td.end-date > div {
  border-top-right-radius: var(--ele-datepicker-year-radius);
  border-bottom-right-radius: var(--ele-datepicker-year-radius);
  margin-right: 0;
}
.el-date-range-picker .el-month-table td.in-range > div,
.el-date-range-picker .el-year-table td.in-range > div {
  background: var(--ele-datepicker-inrange-bg);
}
.el-date-range-picker .el-month-table td.in-range > div:hover,
.el-date-range-picker .el-year-table td.in-range > div:hover {
  background: var(--ele-datepicker-inrange-hover-bg);
}
.el-date-range-picker .el-month-table td.in-range .el-date-table-cell__text:hover,
.el-date-range-picker .el-year-table td.in-range .el-date-table-cell__text:hover {
  background: none;
}
.el-date-range-picker .el-month-table td.in-range.start-date:not(.disabled) .el-date-table-cell__text, .el-date-range-picker .el-month-table td.in-range.end-date:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-year-table td.in-range.start-date:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-year-table td.in-range.end-date:not(.disabled) .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}
.el-date-range-picker .el-month-table,
.el-date-range-picker .el-year-table {
  border-collapse: separate;
  border-spacing: 0;
}

.el-date-table.is-week-mode td.start-date .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row td:first-child .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row:hover td:first-child .el-date-table-cell {
  margin-left: var(--ele-datepicker-end-margin);
  border-top-left-radius: var(--ele-datepicker-cell-radius);
  border-bottom-left-radius: var(--ele-datepicker-cell-radius);
}
.el-date-table.is-week-mode td.end-date .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row td:last-child .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row:hover td:last-child .el-date-table-cell {
  margin-right: var(--ele-datepicker-end-margin);
  border-top-right-radius: var(--ele-datepicker-cell-radius);
  border-bottom-right-radius: var(--ele-datepicker-cell-radius);
}
.el-date-table.is-week-mode .el-date-table__row:hover td .el-date-table-cell,
.el-date-table.is-week-mode .el-date-table__row.current td .el-date-table-cell {
  background: var(--ele-datepicker-inrange-bg);
}
.el-date-table.is-week-mode td.available:hover .el-date-table-cell__text {
  color: var(--ele-datepicker-color);
  background: none;
}
.el-date-table.is-week-mode .el-date-table__row.current td.start-date .el-date-table-cell__text,
.el-date-table.is-week-mode .el-date-table__row.current td.end-date .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}

.el-date-picker .el-date-table td.selected .el-date-table-cell {
  margin-left: var(--ele-datepicker-end-margin);
  margin-right: var(--ele-datepicker-end-margin);
  border-radius: var(--ele-datepicker-cell-radius);
  background: var(--ele-datepicker-inrange-bg);
}
.el-date-picker .el-date-table td.selected .el-date-table-cell:hover {
  background: var(--ele-datepicker-inrange-hover-bg);
}
.el-date-picker .el-date-table td.selected .el-date-table-cell .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}

.el-date-picker .el-date-picker__time-header,
.el-date-range-picker .el-date-range-picker__time-header {
  padding: 8px 5px;
  display: flex;
  align-items: center;
}

.el-date-picker__time-header .el-date-picker__editor-wrap,
.el-date-range-picker__time-header .el-date-range-picker__time-picker-wrap {
  flex: 1;
  padding: 0 4px;
  box-sizing: border-box;
  display: block;
}
.el-date-picker__time-header .el-date-picker__editor-wrap > .el-input,
.el-date-range-picker__time-header .el-date-range-picker__time-picker-wrap > .el-input {
  display: flex;
}

.el-date-range-picker.has-time .el-picker-panel__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.el-date-range-picker .el-date-range-picker__time-header {
  grid-column-end: span 2;
  width: calc(var(--ele-datepicker-body-width) * 2);
}

.el-date-range-picker__time-header > span {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.el-date-range-picker__time-header > span > .el-icon {
  color: var(--ele-datepicker-range-icon-color);
  font-size: var(--ele-datepicker-range-icon-size);
}

.el-date-range-picker__time-header .el-date-range-picker__editors-wrap {
  flex: 1;
}

.el-popper .el-picker-panel .el-time-panel {
  margin: 7px 0;
  background: var(--ele-popper-bg);
  border: var(--ele-popper-border);
  border-radius: var(--ele-popper-radius);
  box-shadow: var(--ele-popper-shadow);
}
.el-popper .el-picker-panel .el-time-panel::after {
  content: "";
  width: var(--ele-popper-arrow-size);
  height: var(--ele-popper-arrow-size);
  background: var(--ele-popper-arrow-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-arrow-shadow);
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-left-radius: 2px;
  transform: rotate(45deg);
  box-sizing: border-box;
  z-index: -1;
  position: absolute;
  top: var(--ele-popper-arrow-offset);
  left: 20px;
  clip-path: polygon(0 100%, 0 0, 100% 0);
}

/* TimePicker */
.el-time-panel .el-time-panel__content::before,
.el-time-range-picker .el-time-panel__content::before {
  padding: 0;
  left: var(--ele-timepicker-line-margin);
  right: var(--ele-timepicker-line-margin);
  height: calc(var(--ele-timepicker-item-height) + var(--ele-timepicker-line-padding) * 2);
  margin: calc((var(--ele-timepicker-item-height) / 2 + var(--ele-timepicker-line-padding)) * -1) 0 0 0;
  border-top: var(--ele-timepicker-line);
  border-bottom: var(--ele-timepicker-line);
  pointer-events: none;
  z-index: 1;
}
.el-time-panel .el-time-panel__content::after,
.el-time-range-picker .el-time-panel__content::after {
  display: none;
}
.el-time-panel .el-time-spinner,
.el-time-range-picker .el-time-spinner {
  display: flex;
}
.el-time-panel .el-time-spinner.has-seconds .el-time-spinner__wrapper,
.el-time-range-picker .el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: auto;
}
.el-time-panel .el-time-spinner__wrapper,
.el-time-range-picker .el-time-spinner__wrapper {
  flex: 1;
  width: auto;
  max-height: none;
  height: var(--ele-timepicker-height);
}
.el-time-panel .el-time-spinner__list,
.el-time-range-picker .el-time-spinner__list {
  box-sizing: border-box;
  padding: var(--ele-timepicker-padding);
  padding-bottom: 0;
  padding-top: 0;
}
.el-time-panel .el-time-spinner__list::after, .el-time-panel .el-time-spinner__list::before,
.el-time-range-picker .el-time-spinner__list::after,
.el-time-range-picker .el-time-spinner__list::before {
  height: calc((var(--ele-timepicker-height) - var(--ele-timepicker-item-height)) / 2);
}
.el-time-panel .el-time-spinner__item,
.el-time-range-picker .el-time-spinner__item {
  height: var(--ele-timepicker-item-height);
  line-height: var(--ele-timepicker-item-height);
  color: var(--ele-timepicker-item-color);
  font-size: var(--ele-timepicker-item-size);
  border-radius: var(--ele-timepicker-item-radius);
  transition: color 0.2s, background-color 0.2s;
}
.el-time-panel .el-time-spinner__item:not(.is-disabled):not(.is-active):hover,
.el-time-range-picker .el-time-spinner__item:not(.is-disabled):not(.is-active):hover {
  color: var(--ele-timepicker-item-hover-color);
  background: var(--ele-timepicker-item-hover-bg);
}
.el-time-panel .el-time-spinner__item.is-active:not(.is-disabled),
.el-time-range-picker .el-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--ele-timepicker-item-active-color);
  background: var(--ele-timepicker-item-active-bg);
}
.el-time-panel .el-time-spinner__item.is-disabled,
.el-time-range-picker .el-time-spinner__item.is-disabled {
  color: var(--ele-timepicker-item-disabled-color);
  background: var(--ele-timepicker-item-disabled-bg);
}
.el-time-panel .el-time-panel__footer,
.el-time-range-picker .el-time-panel__footer {
  height: auto;
  line-height: 1;
  padding: var(--ele-timepicker-footer-padding);
}
.el-time-panel .el-time-panel__btn,
.el-time-range-picker .el-time-panel__btn {
  margin: 0;
  padding: var(--ele-timepicker-button-padding);
  height: var(--ele-timepicker-button-height);
  line-height: var(--ele-timepicker-button-height);
  color: var(--el-text-color-regular);
  font-size: var(--ele-timepicker-button-size);
  border-radius: var(--ele-timepicker-button-radius);
  transition: all 0.2s;
  box-sizing: border-box;
}
.el-time-panel .el-time-panel__btn.cancel:hover,
.el-time-range-picker .el-time-panel__btn.cancel:hover {
  color: var(--el-text-color-primary);
  background: var(--el-fill-color-light);
}
.el-time-panel .el-time-panel__btn.confirm,
.el-time-range-picker .el-time-panel__btn.confirm {
  font-weight: normal;
  color: var(--el-text-color-primary);
  border: 1px solid var(--el-border-color);
}
.el-time-panel .el-time-panel__btn.confirm:hover,
.el-time-range-picker .el-time-panel__btn.confirm:hover {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.el-time-panel .el-time-panel__btn + .el-time-panel__btn,
.el-time-range-picker .el-time-panel__btn + .el-time-panel__btn {
  margin-left: var(--ele-timepicker-button-space);
}
.el-time-panel .el-time-spinner__wrapper.is-arrow,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow {
  height: auto;
  display: flex;
  flex-direction: column;
  padding: var(--ele-timepicker-padding);
}
.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__list,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: none;
  padding: 0;
}
.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__list::after, .el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__list::before,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__list::after,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__list::before {
  display: none;
}
.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__item + .el-time-spinner__item,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__item + .el-time-spinner__item {
  margin-top: var(--ele-timepicker-line-padding);
}
.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active),
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  color: var(--ele-timepicker-item-color);
  background: none;
}
.el-time-panel .el-time-spinner__arrow,
.el-time-range-picker .el-time-spinner__arrow {
  position: static;
  top: auto;
  left: auto;
  bottom: auto;
  height: var(--ele-timepicker-item-height);
  line-height: var(--ele-timepicker-item-height);
  color: var(--ele-timepicker-arrow-color);
  font-size: var(--ele-timepicker-arrow-size);
  border-radius: var(--ele-timepicker-item-radius);
  transition: color 0.2s, background-color 0.2s;
}
.el-time-panel .el-time-spinner__arrow.arrow-up,
.el-time-range-picker .el-time-spinner__arrow.arrow-up {
  margin-bottom: var(--ele-timepicker-line-padding);
}
.el-time-panel .el-time-spinner__arrow.arrow-down,
.el-time-range-picker .el-time-spinner__arrow.arrow-down {
  order: 3;
  margin-top: var(--ele-timepicker-line-padding);
}
.el-time-panel .el-time-spinner__arrow:hover,
.el-time-range-picker .el-time-spinner__arrow:hover {
  color: var(--ele-timepicker-item-hover-color);
  background: var(--ele-timepicker-item-hover-bg);
}

.el-popper .el-time-panel,
.el-time-range-picker .el-time-range-picker__cell {
  width: var(--ele-timepicker-width);
}

.el-time-range-picker .el-time-range-picker__content {
  padding: 0;
  display: flex;
}
.el-time-range-picker .el-time-range-picker__cell {
  flex-shrink: 1;
  padding: 0;
}
.el-time-range-picker .el-time-range-picker__cell + .el-time-range-picker__cell .el-time-range-picker__body {
  box-shadow: -0.8px 0 0 0 var(--el-datepicker-border-color);
}
.el-time-range-picker .el-time-range-picker__header {
  margin: 0;
  height: var(--ele-timepicker-header-height);
  line-height: var(--ele-timepicker-header-height);
  border-bottom: var(--ele-timepicker-header-border);
  font-size: var(--ele-timepicker-header-size);
  box-sizing: border-box;
}
.el-time-range-picker .el-time-range-picker__body {
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  padding: 0 var(--ele-timepicker-range-space);
}
.el-time-range-picker .el-time-panel__content::before {
  left: calc(var(--ele-timepicker-line-margin) + var(--ele-timepicker-range-space));
  right: calc(var(--ele-timepicker-line-margin) + var(--ele-timepicker-range-space));
}

.el-popper .el-time-range-picker {
  width: auto;
}

.el-popper.is-light.el-picker__popper {
  max-width: calc(100vw - 32px);
}

/* 日期选择小屏幕自适应 */
@media screen and (max-width: 767.99px) {
  .el-date-range-picker .el-picker-panel__body {
    flex-direction: column;
  }
  .el-date-range-picker .el-date-range-picker__content.is-left table {
    box-shadow: 0 0.8px 0 0 var(--ele-datepicker-inner-border);
  }
  .el-date-range-picker.has-time .el-picker-panel__body {
    display: flex;
  }
  .el-date-range-picker .el-date-range-picker__time-header {
    width: var(--ele-datepicker-body-width);
  }
  .el-date-range-picker__editors-wrap > .el-date-range-picker__time-picker-wrap:first-child {
    display: none;
  }
  .el-popper .el-picker-panel .el-time-panel {
    left: auto;
    right: 0;
  }
  .el-popper .el-picker-panel .el-time-panel::after {
    left: auto;
    right: 20px;
  }
  .el-date-range-picker__editors-wrap:not(.is-right) .el-time-panel {
    left: 0;
    right: auto;
  }
  .el-date-range-picker__editors-wrap:not(.is-right) .el-time-panel::after {
    left: 20px;
    right: auto;
  }
}
/* ElDescriptions 主题变量 */
.el-descriptions {
  --ele-descriptions-radius: 0;
  --ele-descriptions-border-color: var(--el-border-color-light);
  --ele-descriptions-bg: var(--el-fill-color-lighter);
}

/* Descriptions */
.el-descriptions .el-descriptions__body {
  background: none;
}
.el-descriptions .el-descriptions__table.is-bordered {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: var(--ele-descriptions-radius);
  border-top: 1px solid var(--ele-descriptions-border-color);
  border-left: 1px solid var(--ele-descriptions-border-color);
}
.el-descriptions .el-descriptions__table.is-bordered tr > .el-descriptions__cell {
  border-top: none;
  border-left: none;
  border-color: var(--ele-descriptions-border-color);
}
.el-descriptions .el-descriptions__table.is-bordered tr:first-child > .el-descriptions__cell:first-child {
  border-top-left-radius: var(--ele-descriptions-radius);
}
.el-descriptions .el-descriptions__table.is-bordered tr:first-child > .el-descriptions__cell:last-child {
  border-top-right-radius: var(--ele-descriptions-radius);
}
.el-descriptions .el-descriptions__table.is-bordered tr:last-child > .el-descriptions__cell:first-child {
  border-bottom-left-radius: var(--ele-descriptions-radius);
}
.el-descriptions .el-descriptions__table.is-bordered tr:last-child > .el-descriptions__cell:last-child {
  border-bottom-right-radius: var(--ele-descriptions-radius);
}
.el-descriptions .el-descriptions__label.el-descriptions__cell.is-bordered-label {
  background: var(--ele-descriptions-bg);
}
.el-descriptions .el-descriptions__cell {
  word-break: break-all;
}

/* ElInput 主题变量 */
.el-input,
.el-textarea,
.el-select,
.el-range-editor {
  --ele-input-padding-left: 10px;
  --ele-input-padding-right: 10px;
  --ele-input-bg: transparent;
  --ele-input-border: 1px solid var(--el-border-color);
  --ele-input-radius: var(--el-border-radius-base);
  --ele-input-hover-bg: transparent;
  --ele-input-hover-border: 1px solid var(--el-color-primary);
  --ele-input-hover-shadow: none;
  --ele-input-focus-bg: transparent;
  --ele-input-focus-border: 1px solid var(--el-color-primary);
  --ele-input-focus-shadow: 0 0 0 2px var(--el-color-primary-light-8);
  --ele-input-disabled-color: var(--el-disabled-text-color);
  --ele-input-disabled-bg: var(--el-disabled-bg-color);
  --ele-input-disabled-border: 1px solid var(--el-disabled-border-color);
  --ele-input-icon-size: 14px;
  --ele-input-icon-space: 6px;
  --ele-input-icon-color: var(--el-text-color-placeholder);
  --ele-input-icon-hover-color: var(--el-text-color-secondary);
  --ele-input-eye-margin: 0 -2px 0 6px;
  --ele-input-clear-margin: 0 -2px 0 6px;
  --ele-input-clear-color: var(--el-text-color-disabled);
  --ele-input-clear-hover-color: var(--el-text-color-secondary);
  --ele-input-status-margin: 0 -2px 0 6px;
  --ele-input-status-color: var(--el-color-success);
  --ele-input-count-size: var(--el-font-size-small);
  --ele-input-count-color: var(--el-text-color-secondary);
  --ele-input-extra-color: var(--el-text-color-regular);
  --ele-input-extra-bg: var(--el-fill-color-light);
  --ele-input-extra-padding: 0 10px;
  --ele-input-extra-line-height: normal;
  --ele-input-extra-preset-margin: -1px -11px;
}
.el-input,
.el-textarea,
.el-select,
.el-range-editor {
  --ele-input-error-bg: transparent;
  --ele-input-error-border: 1px solid var(--el-color-error);
  --ele-input-error-hover-bg: transparent;
  --ele-input-error-hover-border: 1px solid var(--el-color-error);
  --ele-input-error-hover-shadow: none;
  --ele-input-error-focus-bg: transparent;
  --ele-input-error-focus-border: 1px solid var(--el-color-error);
  --ele-input-error-focus-shadow: 0 0 0 2px var(--el-color-error-light-8);
  --ele-input-error-disabled-bg: var(--el-disabled-bg-color);
  --ele-input-error-disabled-border: 1px solid var(--el-disabled-border-color);
  --ele-input-error-status-color: var(--el-color-error);
}

.el-input--small,
.el-select--small {
  --ele-input-sm-padding-left: 8px;
  --ele-input-sm-padding-right: 8px;
}

.el-input--large,
.el-select--large {
  --ele-input-lg-padding-left: 12px;
  --ele-input-lg-padding-right: 12px;
}

.el-textarea {
  --ele-textarea-padding-top: 4px;
  --ele-textarea-padding-bottom: 4px;
  --ele-textarea-count-bg: var(--el-bg-color);
  --ele-textarea-count-padding: 0 4px;
  --ele-textarea-count-right: 12px;
  --ele-textarea-count-bottom: 6px;
  --ele-textarea-count-radius: var(--el-border-radius-small);
  --ele-textarea-count-backdrop-filter: none;
}

.el-textarea.el-input--small {
  --ele-textarea-sm-padding-top: 2px;
  --ele-textarea-sm-padding-bottom: 2px;
}

.el-textarea.el-input--large {
  --ele-textarea-lg-padding-top: 8px;
  --ele-textarea-lg-padding-bottom: 8px;
}

/* Input */
.el-input .el-input__wrapper {
  min-height: var(--el-input-height);
}

.el-input .el-input__wrapper,
.el-textarea .el-textarea__inner,
.el-select .el-select__wrapper,
.el-date-editor.el-range-editor.el-input__wrapper {
  border: var(--ele-input-border);
  background: var(--ele-input-bg);
  border-radius: var(--ele-input-radius);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--ele-input-padding-left);
  padding-right: var(--ele-input-padding-right);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  box-shadow: none;
  gap: 0;
}

.el-textarea .el-textarea__inner {
  padding-top: var(--ele-textarea-padding-top);
  padding-bottom: var(--ele-textarea-padding-bottom);
  min-height: var(--el-component-size) !important;
}

/* Hover */
.el-input .el-input__wrapper:hover,
.el-textarea .el-textarea__inner:hover,
.el-select:not(.el-select--disabled):hover .el-input .el-input__wrapper,
.el-select .el-select__wrapper:not(.is-disabled):hover,
.el-select .el-select__wrapper:not(.is-disabled).is-hovering,
.el-cascader:not(.is-disabled):hover .el-input .el-input__wrapper,
.el-range-editor.el-input__wrapper:not(.is-disabled):hover,
body .el-input-number:not(.is-disabled):hover .el-input .el-input__wrapper {
  border: var(--ele-input-hover-border);
  background: var(--ele-input-hover-bg);
  box-shadow: var(--ele-input-hover-shadow);
}

/* Focus */
.el-input .el-input__wrapper.is-focus,
.el-textarea .el-textarea__inner:focus,
.el-textarea .el-textarea__inner.is-focus,
.el-select .el-select__wrapper:not(.is-disabled).is-focused,
.el-cascader .el-input.el-input--suffix .el-input__wrapper.is-focus,
.el-cascader .el-input.el-input--suffix.is-focus .el-input__wrapper,
.el-input.el-date-editor.is-focus .el-input__wrapper,
.el-range-editor.el-input__wrapper.is-active:not(.is-disabled),
body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
  border: var(--ele-input-focus-border);
  background: var(--ele-input-focus-bg);
  box-shadow: var(--ele-input-focus-shadow);
}

/* 层级 */
.el-input .el-input__wrapper:hover,
.el-input .el-input__wrapper.is-focus {
  z-index: 2;
}

.el-select .el-select__tags,
.el-cascader .el-cascader__tags,
.el-input-number .el-input-number__increase,
.el-input-number .el-input-number__decrease {
  z-index: 3;
}

/* 字数统计 */
.el-input .el-input__wrapper .el-input__count {
  color: var(--ele-input-count-color);
  font-size: var(--ele-input-count-size);
  margin-left: var(--ele-input-icon-space);
  line-height: normal;
}
.el-input .el-input__wrapper .el-input__count .el-input__count-inner {
  padding: 0;
}

/* 图标 */
.el-input .el-input__wrapper .el-input__icon,
.el-select .el-input .el-input__wrapper .el-select__icon,
.el-select .el-select__wrapper .el-select__icon,
.el-range-editor .el-input__icon.el-range__icon,
.el-range-editor .el-input__icon.el-range__close-icon,
.el-input .el-input__wrapper .el-input__prefix-icon {
  color: var(--ele-input-icon-color);
  font-size: var(--ele-input-icon-size);
  transition: all 0.2s;
  height: 1em;
}

.el-input .el-input__prefix-inner .el-input__icon,
.el-select .el-input__prefix-inner .el-select__icon,
.el-range-editor .el-input__icon.el-range__icon,
.el-input .el-input__prefix-inner > div {
  margin-right: var(--ele-input-icon-space);
}

.el-input .el-input__suffix-inner .el-input__icon,
.el-select .el-input__suffix-inner .el-select__icon {
  margin-left: var(--ele-input-icon-space);
}

.el-select .el-select__suffix {
  gap: 0;
}

/* 密码图标 */
.el-input .el-input__wrapper .el-input__password {
  margin: var(--ele-input-eye-margin);
}
.el-input .el-input__wrapper .el-input__password:hover {
  color: var(--ele-input-icon-hover-color);
}

/* 清空图标 */
.el-input .el-input__wrapper .el-input__clear,
.el-select .el-input .el-select__caret,
.el-select .el-select__wrapper .el-select__caret,
.el-cascader .el-input__icon.icon-circle-close,
.el-cascader .el-input__icon.icon-arrow-down,
.el-date-editor .el-input__icon.clear-icon,
.el-range-editor .el-input__icon.el-range__close-icon {
  margin: var(--ele-input-clear-margin);
}

.el-input .el-input__wrapper .el-input__clear,
.el-cascader .el-input__icon.icon-circle-close,
.el-date-editor .el-input__icon.clear-icon,
.el-range-editor .el-input__icon.el-range__close-icon {
  color: var(--ele-input-clear-color);
}
.el-input .el-input__wrapper .el-input__clear:hover,
.el-cascader .el-input__icon.icon-circle-close:hover,
.el-date-editor .el-input__icon.clear-icon:hover,
.el-range-editor .el-input__icon.el-range__close-icon:hover {
  color: var(--ele-input-clear-hover-color);
}

/* 表单验证状态图标 */
.el-input .el-input__wrapper .el-input__validateIcon,
.el-select .el-select__wrapper .el-input__validateIcon {
  color: var(--ele-input-status-color);
  margin: var(--ele-input-status-margin);
}

.el-input .el-input__clear + .el-input__validateIcon,
.el-input__icon.icon-circle-close + .el-input__validateIcon,
.el-input__icon.clear-icon + .el-input__validateIcon {
  display: none;
}

.el-input__validateIcon > svg > path {
  d: path("M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM448 619 299 470 235 534 448 747 811 384 747 320Z");
}
.el-input__validateIcon > svg > path:last-child {
  fill: none;
  d: path("");
}

/* 清空图标和验证失败图标修改 */
.el-input__clear > svg > path,
.el-input__icon.icon-circle-close > svg > path,
.el-input__icon.clear-icon > svg > path,
.el-input__icon.el-range__close-icon > svg > path,
.el-form-item.is-error .el-input__validateIcon > svg > path {
  d: path("M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM683 277 512 448 341 277 277 341 448 512 277 683 341 747 512 576 683 747 747 683 576 512 747 341Z");
}
.el-input__clear > svg > path:last-child,
.el-input__icon.icon-circle-close > svg > path:last-child,
.el-input__icon.clear-icon > svg > path:last-child,
.el-input__icon.el-range__close-icon > svg > path:last-child,
.el-form-item.is-error .el-input__validateIcon > svg > path:last-child {
  fill: none;
  d: path("");
}

/* 下拉的箭头图标修改 */
.el-select__caret > svg > path,
.el-input__icon.icon-arrow-down > svg > path {
  fill: none;
  stroke: currentColor;
  stroke-width: 84;
  stroke-linecap: round;
  transition: d 0.2s, fill 0.2s;
  d: path("M216 362L512 662L808 362");
}
.el-select__caret.is-reverse > svg > path,
.el-input__icon.icon-arrow-down.is-reverse > svg > path {
  d: path("M216 662L512 362L808 662");
}

.el-select .el-input .el-input__wrapper .el-select__caret.is-reverse,
.el-select .el-select__wrapper .el-select__caret.is-reverse,
.el-cascader .el-input .el-input__icon.icon-arrow-down.is-reverse {
  transform: none;
}

/* 下拉的清空图标修改 */
.el-select__caret > svg > path[d^=m466] {
  stroke: none;
  fill: var(--ele-input-clear-color);
  d: path("M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM683 277 512 448 341 277 277 341 448 512 277 683 341 747 512 576 683 747 747 683 576 512 747 341Z");
}
.el-select__caret > svg > path + path {
  fill: none;
  d: path("");
}
.el-select__caret:hover > svg > path[d^=m466] {
  fill: var(--ele-input-clear-hover-color);
}

/* 组合 */
.el-input.el-input-group--prepend > .el-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input.el-input-group--append > .el-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input .el-input-group__prepend,
.el-input .el-input-group__append {
  flex-shrink: 0;
  color: var(--ele-input-extra-color);
  background: var(--ele-input-extra-bg);
  padding: var(--ele-input-extra-padding);
  line-height: var(--ele-input-extra-line-height);
  border-radius: var(--ele-input-radius);
  border: var(--ele-input-border);
  box-sizing: border-box;
  box-shadow: none;
}
.el-input .el-input-group__prepend > .el-button, .el-input .el-input-group__prepend > .el-select,
.el-input .el-input-group__append > .el-button,
.el-input .el-input-group__append > .el-select {
  margin: var(--ele-input-extra-preset-margin);
}
.el-input .el-input-group__prepend {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input .el-input-group__append {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input.el-input-group.el-input-group--prepend > .el-input-group__prepend > .el-select > .select-trigger > .el-input > .el-input__wrapper, .el-input.el-input-group.el-input-group--prepend > .el-input-group__prepend > .el-select > .el-select__wrapper,
.el-input.el-input-group.el-input-group--append > .el-input-group__append > .el-select > .select-trigger > .el-input > .el-input__wrapper,
.el-input.el-input-group.el-input-group--append > .el-input-group__append > .el-select > .el-select__wrapper {
  background: none;
  border-color: transparent;
  box-shadow: none !important;
}

.el-input-group__prepend > .el-select .el-input__validateIcon,
.el-input-group__append > .el-select .el-input__validateIcon {
  display: none;
}

/* 禁用 */
body .el-input.is-disabled .el-input__wrapper,
body .el-textarea.is-disabled .el-textarea__inner,
body .el-select.el-select--disabled .el-input.is-disabled .el-input__wrapper,
.el-select .el-select__wrapper.is-disabled,
.el-select .el-select__wrapper.is-disabled:hover,
.el-select .el-select__wrapper.is-disabled.is-hovering,
.el-date-editor.el-range-editor.is-disabled.el-input__wrapper {
  cursor: not-allowed;
  border: var(--ele-input-disabled-border);
  background: var(--ele-input-disabled-bg);
  box-shadow: none;
}

.el-input.is-disabled .el-input__wrapper .el-input__inner,
body .el-textarea.is-disabled .el-textarea__inner,
.el-select__wrapper.is-disabled .el-select__placeholder,
.el-range-editor.is-disabled.el-input__wrapper input {
  color: var(--ele-input-disabled-color);
  -webkit-text-fill-color: var(--ele-input-disabled-color);
}

/* 小尺寸 */
.el-input.el-input--small .el-input__wrapper,
.el-textarea.el-input--small .el-textarea__inner,
.el-select.el-select--small .el-select__wrapper {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--ele-input-sm-padding-left);
  padding-right: var(--ele-input-sm-padding-right);
  gap: 0;
}

/* 大尺寸 */
.el-input.el-input--large .el-input__wrapper,
.el-textarea.el-input--large .el-textarea__inner,
.el-select.el-select--large .el-select__wrapper {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--ele-input-lg-padding-left);
  padding-right: var(--ele-input-lg-padding-right);
  gap: 0;
}

/* Textarea */
body .el-textarea .el-input__count {
  color: var(--ele-input-count-color);
  font-size: var(--ele-input-count-size);
  background: var(--ele-textarea-count-bg);
  padding: var(--ele-textarea-count-padding);
  border-radius: var(--ele-textarea-count-radius);
  backdrop-filter: var(--ele-textarea-count-backdrop-filter);
  bottom: var(--ele-textarea-count-bottom);
  right: var(--ele-textarea-count-right);
  box-sizing: border-box;
  line-height: normal;
  overflow: hidden;
}

.el-textarea.el-input--small .el-textarea__inner {
  padding-top: var(--ele-textarea-sm-padding-top);
  padding-bottom: var(--ele-textarea-sm-padding-bottom);
  min-height: var(--el-component-size-small) !important;
}

.el-textarea.el-input--large .el-textarea__inner {
  padding-top: var(--ele-textarea-lg-padding-top);
  padding-bottom: var(--ele-textarea-lg-padding-bottom);
  min-height: var(--el-component-size-large) !important;
}

/* Select */
.el-select .el-input .el-input__wrapper.is-focus,
.el-select .el-input.el-input--suffix.is-focus .el-input__wrapper {
  border: var(--ele-input-focus-border);
  background: var(--ele-input-focus-bg);
  box-shadow: var(--ele-input-focus-shadow) !important;
}

/* Cascader */
.el-cascader .el-input .el-input__wrapper .el-input__suffix .el-input__icon {
  height: 1em;
}

/* DatePicker */
.el-range-editor.is-disabled.el-input__wrapper input {
  background: none;
}

/* InputNumber */
.el-input-number .el-input-number__increase,
.el-input-number .el-input-number__decrease {
  --el-input-height: var(--el-component-size);
  width: var(--el-input-height);
  background: none;
  border: 1px solid transparent;
  transition: color 0.2s;
  box-sizing: border-box;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.el-input-number .el-input-number__increase > .el-icon,
.el-input-number .el-input-number__decrease > .el-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--el-fill-color-light);
  box-sizing: border-box;
  border-radius: inherit;
}
.el-input-number .el-input-number__increase > .el-icon > svg,
.el-input-number .el-input-number__decrease > .el-icon > svg {
  transform: scale(0.9);
}
.el-input-number .el-input-number__increase {
  left: auto;
}
.el-input-number .el-input-number__increase > .el-icon {
  border-left: 1px solid var(--el-border-color);
}
.el-input-number .el-input-number__decrease > .el-icon {
  border-right: 1px solid var(--el-border-color);
}

body .el-input-number .el-input-number__increase > .el-icon,
body .el-input-number .el-input-number__decrease > .el-icon, body .el-input-number.is-controls-right .el-input-number__increase > .el-icon, body .el-input-number.is-controls-right .el-input-number__decrease > .el-icon {
  transform: none;
}
body .el-input-number.is-controls-right .el-input-number__increase,
body .el-input-number.is-controls-right .el-input-number__decrease {
  left: auto;
  border: 1px solid transparent;
}
body .el-input-number.is-controls-right .el-input-number__increase > .el-icon,
body .el-input-number.is-controls-right .el-input-number__decrease > .el-icon {
  border-left: 1px solid var(--el-border-color);
}
body .el-input-number.is-controls-right .el-input-number__increase {
  bottom: auto;
  border-bottom: none;
  height: calc(var(--el-input-height) / 2 + 0.5px);
}
body .el-input-number.is-controls-right .el-input-number__increase > .el-icon {
  border-bottom: 1px solid var(--el-border-color);
}
body .el-input-number.is-controls-right .el-input-number__decrease {
  right: 0;
  top: auto;
  border-top: none;
  height: calc(var(--el-input-height) / 2 - 0.5px);
}
body .el-input-number.is-controls-right .el-input-number__decrease > .el-icon {
  border-right: none;
}

body .el-input-number .el-input .el-input__wrapper {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--ele-input-padding-left);
  padding-right: calc(var(--el-input-height) + var(--ele-input-icon-space));
}

.el-input-number.el-input-number--small .el-input-number__increase,
.el-input-number.el-input-number--small .el-input-number__decrease {
  width: var(--el-component-size-small);
}
.el-input-number.el-input-number--small .el-input .el-input__wrapper {
  padding-left: var(--ele-input-sm-padding-left);
  padding-right: calc(var(--el-component-size-small) + var(--ele-input-icon-space));
}

.el-input-number.el-input-number--large .el-input-number__increase,
.el-input-number.el-input-number--large .el-input-number__decrease {
  --el-input-height: var(--el-component-size-large);
}
.el-input-number.el-input-number--large .el-input .el-input__wrapper {
  padding-left: var(--ele-input-lg-padding-left);
  padding-right: calc(var(--el-component-size-large) + var(--ele-input-icon-space));
}

.el-input-number.el-input-number--small .el-input-number__increase,
.el-input-number.el-input-number--small .el-input-number__decrease {
  --el-input-height: var(--el-component-size-small);
}

.el-input-number:not(.is-controls-right) .el-input .el-input__wrapper {
  padding-left: calc(var(--el-component-size) + var(--ele-input-icon-space));
}

.el-input-number--small:not(.is-controls-right) .el-input .el-input__wrapper {
  padding-left: calc(var(--el-component-size-small) + var(--ele-input-icon-space));
}

.el-input-number--large:not(.is-controls-right) .el-input .el-input__wrapper {
  padding-left: calc(var(--el-component-size-large) + var(--ele-input-icon-space));
}

body .el-input-number.is-disabled .el-input-number__increase,
body .el-input-number.is-disabled .el-input-number__decrease {
  color: var(--el-disabled-text-color);
  border-color: var(--el-disabled-border-color);
}
body .el-input-number.is-disabled .el-input-number__increase:hover,
body .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: var(--el-disabled-text-color);
}

/* 表单验证 */
.el-form-item.is-error .el-form-item__content .el-input .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-textarea .el-textarea__inner,
.el-form-item.is-error .el-form-item__content .el-select .select-trigger .el-input .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-select .el-select__wrapper,
.el-form-item.is-error .el-form-item__content .el-cascader .el-input .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-range-editor.el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-number .el-input:not(.is-disabled) .el-input__wrapper {
  border: var(--ele-input-error-border);
  background: var(--ele-input-error-bg);
  box-shadow: none;
}
.el-form-item.is-error .el-form-item__content .el-input .el-input__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-textarea .el-textarea__inner:hover,
.el-form-item.is-error .el-form-item__content .el-select .select-trigger .el-input .el-input__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-select .el-select__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-select .el-select__wrapper.is-hovering,
.el-form-item.is-error .el-form-item__content .el-cascader .el-input .el-input__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-range-editor.el-input__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-input-number:hover .el-input .el-input__wrapper {
  border: var(--ele-input-error-hover-border);
  background: var(--ele-input-error-hover-bg);
  box-shadow: var(--ele-input-error-hover-shadow);
}
.el-form-item.is-error .el-form-item__content .el-input .el-input__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-select .select-trigger .el-input.is-focus .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-select .el-select__wrapper.is-focused,
.el-form-item.is-error .el-form-item__content .el-cascader .select-trigger .el-input.is-focus .el-input__wrapper {
  border: var(--ele-input-error-focus-border);
  background: var(--ele-input-error-focus-bg);
  box-shadow: var(--ele-input-error-focus-shadow) !important;
}
.el-form-item.is-error .el-form-item__content .el-textarea .el-textarea__inner:focus,
.el-form-item.is-error .el-form-item__content .el-textarea .el-textarea__inner.is-focus,
.el-form-item.is-error .el-form-item__content .el-range-editor.el-input__wrapper.is-active,
.el-form-item.is-error .el-form-item__content .el-input-number .el-input .el-input__wrapper.is-focus {
  border: var(--ele-input-error-focus-border);
  background: var(--ele-input-error-focus-bg);
  box-shadow: var(--ele-input-error-focus-shadow);
}
.el-form-item.is-error .el-form-item__content .el-input.is-disabled .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-textarea.is-disabled .el-textarea__inner,
.el-form-item.is-error .el-form-item__content .el-select .select-trigger .el-input.is-disabled .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-select .el-select__wrapper.is-disabled,
.el-form-item.is-error .el-form-item__content .el-cascader .el-input.is-disabled .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-range-editor.el-input__wrapper.is-disabled,
.el-form-item.is-error .el-form-item__content .el-input-number.is-disabled .el-input .el-input__wrapper {
  border: var(--ele-input-error-disabled-border);
  background: var(--ele-input-error-disabled-bg);
  box-shadow: none;
}
.el-form-item.is-error .el-form-item__content .el-input__validateIcon {
  color: var(--ele-input-error-status-color);
}

.ele-edit-tag .ele-edit-tag-input.is-error .el-input .el-input__wrapper {
  border: var(--ele-input-error-border);
  background: var(--ele-input-error-bg);
  box-shadow: none;
}
.ele-edit-tag .ele-edit-tag-input.is-error .el-input .el-input__wrapper:hover {
  border: var(--ele-input-error-hover-border);
  background: var(--ele-input-error-hover-bg);
  box-shadow: var(--ele-input-error-hover-shadow);
}
.ele-edit-tag .ele-edit-tag-input.is-error .el-input .el-input__wrapper.is-focus {
  border: var(--ele-input-error-focus-border);
  background: var(--ele-input-error-focus-bg);
  box-shadow: var(--ele-input-error-focus-shadow) !important;
}

/* ElMessageBox 主题变量 */
.el-message-box {
  --ele-message-box-width: 380px;
  --ele-message-box-radius: var(--el-border-radius-base);
  --ele-message-box-header-color: var(--el-text-color-primary);
  --ele-message-box-header-font-size: var(--el-font-size-medium);
  --ele-message-box-header-font-weight: normal;
  --ele-message-box-header-line-height: 24px;
  --ele-message-box-header-padding: 18px 20px 8px 20px;
  --ele-message-box-header-border: none;
  --ele-message-box-icon-size: 22px;
  --ele-message-box-icon-font-size: 18px;
  --ele-message-box-icon-color: var(--el-text-color-secondary);
  --ele-message-box-icon-hover-color: var(--el-text-color-primary);
  --ele-message-box-icon-hover-bg: transparent;
  --ele-message-box-icon-radius: var(--el-border-radius-small);
  --ele-message-box-body-padding: 12px 20px;
  --ele-message-box-status-size: 22px;
  --ele-message-box-input-margin: 8px 0 6px 0;
  --ele-message-box-footer-padding: 8px 20px 18px 20px;
  --ele-message-box-footer-border: none;
  --ele-message-box-mobile-space: 16px;
}

/* MessageBox */
.el-overlay-message-box .el-message-box {
  padding: 0;
  max-width: var(--ele-message-box-width);
  border-radius: var(--ele-message-box-radius);
  background: var(--el-bg-color-overlay);
  border: none;
}
.el-overlay-message-box .el-message-box .el-message-box__header {
  padding: var(--ele-message-box-header-padding);
  border-bottom: var(--ele-message-box-header-border);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.el-overlay-message-box .el-message-box .el-message-box__title {
  flex: 1;
  color: var(--ele-message-box-header-color);
  font-size: var(--ele-message-box-header-font-size);
  font-weight: var(--ele-message-box-header-font-weight);
  line-height: var(--ele-message-box-header-line-height);
}
.el-overlay-message-box .el-message-box .el-message-box__headerbtn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-message-box-icon-size);
  height: var(--ele-message-box-icon-size);
  line-height: var(--ele-message-box-icon-size);
  color: var(--ele-message-box-icon-color);
  font-size: var(--ele-message-box-icon-font-size);
  border-radius: var(--ele-message-box-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  position: static;
  right: auto;
  top: auto;
}
.el-overlay-message-box .el-message-box .el-message-box__headerbtn .el-message-box__close {
  color: inherit;
}
.el-overlay-message-box .el-message-box .el-message-box__headerbtn:hover {
  color: var(--ele-message-box-icon-hover-color);
  background: var(--ele-message-box-icon-hover-bg);
}
.el-overlay-message-box .el-message-box .el-message-box__content {
  padding: var(--ele-message-box-body-padding);
  box-sizing: border-box;
}
.el-overlay-message-box .el-message-box .el-message-box__status {
  flex-shrink: 0;
  font-size: var(--ele-message-box-status-size);
}
.el-overlay-message-box .el-message-box .el-message-box__btns {
  padding: var(--ele-message-box-footer-padding);
  border-top: var(--ele-message-box-footer-border);
  box-sizing: border-box;
}
.el-overlay-message-box .el-message-box .el-message-box__input {
  padding: 0;
  margin: var(--ele-message-box-input-margin);
  position: relative;
}
.el-overlay-message-box .el-message-box .el-message-box__errormsg {
  line-height: 18px;
  position: absolute;
  top: 100%;
  left: 0;
}

.el-message-box .el-message-box__status.el-message-box-icon--info {
  color: var(--el-color-primary);
}

.el-message-box__message {
  word-break: break-all;
}

body .el-overlay.is-message-box > .el-overlay-message-box {
  overflow-x: hidden;
  scrollbar-width: none;
}
body .el-overlay.is-message-box > .el-overlay-message-box::-webkit-scrollbar {
  display: none;
}

/* useMessageBox */
.ele-message-box > .el-message-box__content > .el-message-box__container {
  gap: 0;
}
.ele-message-box > .el-message-box__content > .el-message-box__container > .el-message-box__status {
  width: auto;
  height: auto;
}

.ele-message-box-icon {
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

/* 容器 */
.ele-message-box-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
}
.ele-message-box-wrapper > .el-overlay.is-message-box {
  pointer-events: auto;
  position: absolute;
}
.ele-message-box-wrapper > .el-overlay.is-message-box > .el-overlay-message-box {
  position: absolute;
}
.ele-message-box-wrapper.is-hide {
  display: none;
}

/* ElNotification 主题变量 */
.el-notification {
  --ele-notification-width: 360px;
  --ele-notification-border: none;
  --ele-notification-padding: 20px;
  --ele-notification-radius: var(--el-border-radius-base);
  --ele-notification-shadow: var(--el-box-shadow-light);
  --ele-notification-color: var(--el-text-color-regular);
  --ele-notification-size: var(--el-font-size-base);
  --ele-notification-icon-size: 26px;
  --ele-notification-icon-margin: -2px 12px 0 0;
  --ele-notification-title-color: var(--el-text-color-primary);
  --ele-notification-title-size: var(--el-font-size-medium);
  --ele-notification-title-font-weight: normal;
  --ele-notification-title-line-height: 22px;
  --ele-notification-title-padding: 0 22px 0 0;
  --ele-notification-body-margin: 8px;
  --ele-notification-close-size: 22px;
  --ele-notification-close-margin: 20px 24px 0 0;
  --ele-notification-close-radius: var(--el-border-radius-small);
  --ele-notification-close-font-size: 18px;
  --ele-notification-close-color: var(--el-text-color-secondary);
  --ele-notification-close-hover-color: var(--el-text-color-primary);
  --ele-notification-close-hover-bg: transparent;
}

/* Notification */
body .el-notification {
  width: var(--ele-notification-width);
  max-width: calc(100vw - 48px);
  padding: var(--ele-notification-padding);
  border: var(--ele-notification-border);
  border-radius: var(--ele-notification-radius);
  box-shadow: var(--ele-notification-shadow);
  background: var(--el-bg-color-overlay);
}
body .el-notification .el-notification__icon {
  width: var(--ele-notification-icon-size);
  height: var(--ele-notification-icon-size);
  font-size: var(--ele-notification-icon-size);
  margin: var(--ele-notification-icon-margin);
}

.el-notification .el-notification__icon.el-notification--info {
  color: var(--el-color-primary);
}

.el-notification .el-notification__group {
  margin: 0;
}
.el-notification .el-notification__group .el-notification__closeBtn {
  top: 0;
  right: 0;
  width: var(--ele-notification-close-size);
  height: var(--ele-notification-close-size);
  line-height: var(--ele-notification-close-size);
  color: var(--ele-notification-close-color);
  font-size: var(--ele-notification-close-font-size);
  margin: var(--ele-notification-close-margin);
  border-radius: var(--ele-notification-close-radius);
  transition: color 0.2s, background-color 0.2s;
}
.el-notification .el-notification__group .el-notification__closeBtn:hover {
  color: var(--ele-notification-close-hover-color);
  background: var(--ele-notification-close-hover-bg);
}
.el-notification .el-notification__group .el-notification__title {
  color: var(--ele-notification-title-color);
  font-size: var(--ele-notification-title-size);
  font-weight: var(--ele-notification-title-font-weight);
  line-height: var(--ele-notification-title-line-height);
  padding: var(--ele-notification-title-padding);
  box-sizing: border-box;
}
.el-notification .el-notification__group .el-notification__content {
  color: var(--ele-notification-color);
  font-size: var(--ele-notification-size);
  margin-top: var(--ele-notification-body-margin);
  line-height: inherit;
  text-align: left;
}

/* 文字提示主题变量 */
/* 底层气泡样式 */
/* Popper 主题变量 */
.el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
  --ele-popper-border: none;
  --ele-popper-radius: var(--el-border-radius-base);
  --ele-popper-shadow: var(--el-box-shadow-light);
  --ele-popper-arrow-bg: var(--ele-popper-bg);
  --ele-popper-arrow-size: 8px;
  --ele-popper-arrow-offset: -4px;
  --ele-popper-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
}

.el-popper.is-dark {
  --ele-tooltip-color: #fff;
  --ele-tooltip-font-size: var(--el-font-size-small);
  --ele-tooltip-line-height: 22px;
  --ele-tooltip-padding: 4px 10px;
  --ele-tooltip-bg: #000;
  --ele-tooltip-border: none;
  --ele-tooltip-radius: var(--el-border-radius-base);
  --ele-tooltip-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
  --ele-tooltip-arrow-bg: var(--ele-tooltip-bg);
  --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
}

/* 气泡通用 */
body .el-popper {
  border-radius: var(--ele-popper-radius);
}
body .el-popper.is-light {
  background: var(--ele-popper-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-shadow);
}
body .el-popper.is-light > .el-popper__arrow::before {
  background: var(--ele-popper-arrow-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-arrow-shadow);
}
body .el-popper .el-popper__arrow {
  width: var(--ele-popper-arrow-size);
  height: var(--ele-popper-arrow-size);
}
body .el-popper .el-popper__arrow::before {
  width: var(--ele-popper-arrow-size);
  height: var(--ele-popper-arrow-size);
  clip-path: polygon(300% -200%, 300% 300%, -200% 300%);
}
body .el-popper[data-popper-placement^=top] > .el-popper__arrow {
  bottom: var(--ele-popper-arrow-offset);
}
body .el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
  top: var(--ele-popper-arrow-offset);
}
body .el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  clip-path: polygon(-200% 300%, -200% -200%, 300% -200%);
}
body .el-popper[data-popper-placement^=left] > .el-popper__arrow {
  right: var(--ele-popper-arrow-offset);
}
body .el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  clip-path: polygon(-200% -200%, 300% -200%, 300% 300%);
}
body .el-popper[data-popper-placement^=right] > .el-popper__arrow {
  left: var(--ele-popper-arrow-offset);
}
body .el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  clip-path: polygon(300% 300%, -200% 300%, -200% -200%);
}
body .el-popper.is-dark {
  color: var(--ele-tooltip-color);
  font-size: var(--ele-tooltip-font-size);
  line-height: var(--ele-tooltip-line-height);
  padding: var(--ele-tooltip-padding);
  background: var(--ele-tooltip-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-shadow);
  border-radius: var(--ele-tooltip-radius);
}
body .el-popper.is-dark > .el-popper__arrow::before {
  background: var(--ele-tooltip-arrow-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-arrow-shadow);
}
body .el-popper.is-prevent-event .el-popper__arrow {
  pointer-events: none;
}

/* ElRadio 主题变量 */
.el-radio {
  --ele-radio-color: var(--el-text-color-regular);
  --ele-radio-font-size: var(--el-font-size-base);
  --ele-radio-size: 15px;
  --ele-radio-radius: 50%;
  --ele-radio-space: 16px;
  --ele-radio-bg: var(--el-bg-color);
  --ele-radio-border: 1px solid var(--el-border-color);
  --ele-radio-hover-border: 1px solid var(--el-color-primary);
  --ele-radio-active-color: var(--el-text-color-regular);
  --ele-radio-active-bg: var(--el-color-primary);
  --ele-radio-active-border: 1px solid var(--el-color-primary);
  --ele-radio-dot-size: 7px;
  --ele-radio-dot-color: #fff;
  --ele-radio-dot-radius: 50%;
  --ele-radio-disabled-color: var(--el-disabled-text-color);
  --ele-radio-disabled-bg: var(--el-disabled-bg-color);
  --ele-radio-disabled-border: 1px solid var(--el-disabled-border-color);
  --ele-radio-disabled-dot-color: var(--el-disabled-text-color);
  --ele-radio-sm-font-size: var(--el-font-size-extra-small);
  --ele-radio-sm-size: 13px;
  --ele-radio-sm-radius: 50%;
  --ele-radio-sm-dot-size: 5px;
  --ele-radio-sm-dot-radius: 50%;
  --ele-radio-lg-font-size: var(--el-font-size-base);
  --ele-radio-lg-size: 16px;
  --ele-radio-lg-radius: 50%;
  --ele-radio-lg-dot-size: 8px;
  --ele-radio-lg-dot-radius: 50%;
}

/* Radio */
body .el-radio .el-radio__label {
  color: var(--ele-radio-color);
  font-size: var(--ele-radio-font-size);
  line-height: var(--ele-radio-size);
}
body .el-radio .el-radio__inner {
  width: var(--ele-radio-size);
  height: var(--ele-radio-size);
  background: var(--ele-radio-bg);
  border: var(--ele-radio-border);
  border-radius: var(--ele-radio-radius);
  transition: border-color 0.2s, background-color 0.2s;
}
body .el-radio .el-radio__inner::after {
  width: var(--ele-radio-dot-size);
  height: var(--ele-radio-dot-size);
  margin-top: calc(var(--ele-radio-dot-size) / 2 * -1);
  margin-left: calc(var(--ele-radio-dot-size) / 2 * -1);
  background: var(--ele-radio-dot-color);
  border-radius: var(--ele-radio-dot-radius);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  box-sizing: border-box;
  transform: scale(0);
  opacity: 0;
}
body .el-radio:hover .el-radio__inner {
  border: var(--ele-radio-hover-border);
}
body .el-radio.is-checked .el-radio__label {
  color: var(--ele-radio-active-color);
}
body .el-radio.is-checked .el-radio__inner {
  background: var(--ele-radio-active-bg);
  border: var(--ele-radio-active-border);
}
body .el-radio.is-checked .el-radio__inner::after {
  transform: scale(1);
  opacity: 1;
}
body .el-radio.is-disabled span.el-radio__label {
  color: var(--ele-radio-disabled-color);
}
body .el-radio.is-disabled .el-radio__input .el-radio__inner {
  background: var(--ele-radio-disabled-bg);
  border: var(--ele-radio-disabled-border);
}
body .el-radio.is-disabled .el-radio__input .el-radio__inner::after {
  background: var(--ele-radio-disabled-dot-color);
}
body .el-radio.el-radio--small .el-radio__label {
  font-size: var(--ele-radio-sm-font-size);
  line-height: var(--ele-radio-sm-size);
}
body .el-radio.el-radio--small .el-radio__inner {
  width: var(--ele-radio-sm-size);
  height: var(--ele-radio-sm-size);
  border-radius: var(--ele-radio-sm-radius);
}
body .el-radio.el-radio--small .el-radio__inner::after {
  width: var(--ele-radio-sm-dot-size);
  height: var(--ele-radio-sm-dot-size);
  margin-top: calc(var(--ele-radio-sm-dot-size) / 2 * -1);
  margin-left: calc(var(--ele-radio-sm-dot-size) / 2 * -1);
  border-radius: var(--ele-radio-sm-dot-radius);
}
body .el-radio.el-radio--large .el-radio__label {
  font-size: var(--ele-radio-lg-font-size);
  line-height: var(--ele-radio-lg-size);
}
body .el-radio.el-radio--large .el-radio__inner {
  width: var(--ele-radio-lg-size);
  height: var(--ele-radio-lg-size);
  border-radius: var(--ele-radio-lg-radius);
}
body .el-radio.el-radio--large .el-radio__inner::after {
  width: var(--ele-radio-lg-dot-size);
  height: var(--ele-radio-lg-dot-size);
  margin-top: calc(var(--ele-radio-lg-dot-size) / 2 * -1);
  margin-left: calc(var(--ele-radio-lg-dot-size) / 2 * -1);
  border-radius: var(--ele-radio-lg-dot-radius);
}

body .el-radio,
body .el-radio-group > .el-radio {
  margin-right: var(--ele-radio-space);
}

.el-radio-group > .el-radio:last-child {
  margin-right: 0;
}

body .el-radio-button.is-active .el-radio-button__original-radio:not(:disabled) + .el-radio-button__inner {
  box-shadow: none;
  outline-color: var(--el-color-primary);
  z-index: 2;
}

body .el-radio-button__inner {
  transition: color 0.2s;
}

/* ElSelect 主题变量 */
.el-select__popper {
  --ele-select-padding: 6px 0;
  --ele-select-item-height: 32px;
  --ele-select-item-margin: 2px;
  --ele-select-item-padding: 0 16px;
  --ele-select-item-radius: 0;
  --ele-select-item-active-bg: var(--el-color-primary-light-9);
  --ele-select-item-active-hover-bg: var(--el-color-primary-light-8);
  --ele-select-item-active-font-weight: normal;
  --ele-select-icon-size: 16px;
  --ele-select-icon-margin: 0 -4px 0 4px;
}

/* Select */
.el-select__popper .el-select-dropdown__list {
  margin: 0 !important;
  padding: var(--ele-select-padding) !important;
}
.el-select__popper .el-select-dropdown__item {
  height: var(--ele-select-item-height);
  line-height: var(--ele-select-item-height);
  padding: var(--ele-select-item-padding);
  border-radius: var(--ele-select-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.el-select__popper .el-select-dropdown__item > span {
  flex: 1;
}
.el-select__popper .el-select-dropdown__item + .el-select-dropdown__item {
  margin-top: var(--ele-select-item-margin);
}
.el-select__popper .el-select-dropdown__item.selected, .el-select__popper .el-select-dropdown__item.is-selected {
  background: var(--ele-select-item-active-bg);
  font-weight: var(--ele-select-item-active-font-weight);
}
.el-select__popper .el-select-dropdown__item.selected:hover, .el-select__popper .el-select-dropdown__item.selected.hover, .el-select__popper .el-select-dropdown__item.selected.is-hovering, .el-select__popper .el-select-dropdown__item.is-selected:hover, .el-select__popper .el-select-dropdown__item.is-selected.hover, .el-select__popper .el-select-dropdown__item.is-selected.is-hovering {
  background: var(--ele-select-item-active-hover-bg);
}
.el-select__popper .el-select-dropdown__list .el-select-dropdown__item > span {
  font-size: inherit;
}
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected {
  background: var(--ele-select-item-active-bg);
}
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:hover, .el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover, .el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.is-hovering,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:hover,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected.hover,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected.is-hovering {
  background: var(--ele-select-item-active-hover-bg);
}
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected::after {
  width: var(--ele-select-icon-size);
  height: var(--ele-select-icon-size);
  margin: var(--ele-select-icon-margin);
  display: inline-block;
  position: static;
  top: auto;
  right: auto;
  transform: none;
}
.el-select__popper .el-select-group__title {
  padding: var(--ele-select-item-padding);
}
.el-select__popper .el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 0;
}
.el-select__popper .el-select-group__wrap:not(:last-of-type)::after {
  display: none;
}

/* 多选标签 */
.el-select-tags-wrapper .el-tag__content,
.el-select__collapse-tag .el-tag__content,
.el-select__selected-item .el-tag__content {
  display: inline-flex;
  align-items: center;
}

.el-select .el-tag__content .el-select__tags-text {
  line-height: 1;
}

.el-select .el-select-tags-wrapper.has-prefix {
  margin: 0 !important;
  box-sizing: border-box;
}

.el-select .el-select__tags {
  box-sizing: border-box;
  padding: 0 0 0 4px;
  left: 0;
}

.el-select .el-select__selection.is-near {
  gap: 0;
  margin: 0 0 0 calc(var(--ele-input-padding-left, 12px) * -1);
  padding: 1px 0 1px 3px;
  box-sizing: border-box;
}

.el-select .el-select__tags .el-tag,
.el-select__collapse-tags .el-select__collapse-tag .el-tag {
  flex-shrink: 0;
  margin: 2px 4px 2px 0;
  height: calc(var(--el-component-size) - 4px - 4px);
  border: none;
}

.el-select .el-select__tags .el-select__input {
  margin: 0 0 0 5.8px !important;
}

.el-select__selection.is-near > .el-select__selected-item,
.el-popper > .el-select__selection > .el-select__selected-item {
  flex-shrink: 0;
  margin: 2px 4px 2px 0;
}

.el-select__selection .el-select__selected-item > .el-tag {
  height: calc(var(--el-component-size) - 4px - 4px);
  border: none;
}

/* 小尺寸 */
.el-select--small .el-select__tags .el-tag--small,
.el-select__collapse-tags .el-select__collapse-tag .el-tag--small {
  margin: 1px 4px 1px 0;
  height: calc(var(--el-component-size-small) - 4px - 2px);
}

.el-select--small .el-select__selection.is-near {
  margin: 0 0 0 calc(var(--ele-input-sm-padding-left, 8px) * -1);
  padding: 1px 0 1px 3px;
}

.el-select--small .el-select__selection.is-near > .el-select__selected-item {
  margin: 1px 4px 1px 0;
}

.el-select--small .el-select__selected-item > .el-tag,
.el-popper > .el-select__selection .el-tag--small {
  height: calc(var(--el-component-size-small) - 4px - 2px);
}

.el-select--small .el-select__tags .el-select__input {
  margin: 0 0 0 3.8px !important;
}

/* 大尺寸 */
.el-select--large .el-select__tags {
  padding: 1px 0 1px 6px;
}

.el-select--large .el-select__selection.is-near {
  padding: 3px 0 3px 5px;
}

.el-select--large .el-select__tags .el-tag,
.el-select--large .el-select__selected-item > .el-tag {
  height: calc(var(--el-component-size-large) - 8px - 4px);
}

.el-select--large .el-select__selection.is-near {
  margin: 0 0 0 calc(var(--ele-input-lg-padding-left, 16px) * -1);
}

.el-select--large .el-select__tags .el-select__input {
  margin: 0 0 0 7.8px !important;
}

/* 多选搜索框 */
.el-select-tags-wrapper.has-prefix + .el-select__input {
  margin: 0 0 0 2px !important;
}

/* 标签溢出气泡 */
.el-popper > .el-select__collapse-tags,
.el-popper > .el-select__selection {
  margin: -5px -11px;
  padding: 8px 10px;
  box-sizing: border-box;
  gap: 0;
}

/* ElTag 主题变量 */
.el-tag {
  --ele-tag-size: 13px;
  --ele-tag-height: 24px;
  --ele-tag-padding: 0 8px;
  --ele-tag-radius: var(--el-border-radius-small);
  --ele-tag-close-size: 14px;
  --ele-tag-close-padding: 0;
  --ele-tag-close-margin: 0 -4px 0 2px;
  --ele-tag-close-radius: 3px;
  --ele-tag-color: var(--el-color-primary);
  --ele-tag-bg: var(--el-color-primary-light-9);
  --ele-tag-border-color: var(--el-color-primary-light-7);
  --ele-tag-close-color: var(--el-color-primary);
  --ele-tag-close-hover-color: var(--el-color-primary);
  --ele-tag-close-hover-bg: transparent;
  --ele-tag-info-color: var(--el-text-color-regular);
  --ele-tag-info-bg: var(--el-color-info-light-9);
  --ele-tag-info-border-color: var(--el-border-color);
  --ele-tag-info-close-color: var(--el-text-color-secondary);
  --ele-tag-info-close-hover-color: var(--el-text-color-primary);
  --ele-tag-info-close-hover-bg: transparent;
  --ele-tag-success-color: var(--el-color-success);
  --ele-tag-success-bg: var(--el-color-success-light-9);
  --ele-tag-success-border-color: var(--el-color-success-light-7);
  --ele-tag-success-close-color: var(--el-color-success);
  --ele-tag-success-close-hover-color: var(--el-color-success);
  --ele-tag-success-close-hover-bg: transparent;
  --ele-tag-warning-color: var(--el-color-warning);
  --ele-tag-warning-bg: var(--el-color-warning-light-9);
  --ele-tag-warning-border-color: var(--el-color-warning-light-7);
  --ele-tag-warning-close-color: var(--el-color-warning);
  --ele-tag-warning-close-hover-color: var(--el-color-warning);
  --ele-tag-warning-close-hover-bg: transparent;
  --ele-tag-danger-color: var(--el-color-error);
  --ele-tag-danger-bg: var(--el-color-error-light-9);
  --ele-tag-danger-border-color: var(--el-color-error-light-7);
  --ele-tag-danger-close-color: var(--el-color-error);
  --ele-tag-danger-close-hover-color: var(--el-color-error);
  --ele-tag-danger-close-hover-bg: transparent;
  --ele-tag-round-radius: 12px;
  --ele-tag-round-padding: 0 10px;
  --ele-tag-sm-size: 12px;
  --ele-tag-sm-height: 20px;
  --ele-tag-sm-padding: 0 4px;
  --ele-tag-sm-radius: var(--el-border-radius-small);
  --ele-tag-sm-close-size: 13px;
  --ele-tag-sm-close-padding: 0;
  --ele-tag-sm-close-margin: 0 -2px 0 2px;
  --ele-tag-sm-close-radius: 2px;
  --ele-tag-sm-round-radius: 10px;
  --ele-tag-sm-round-padding: 0 6px;
  --ele-tag-lg-size: 14px;
  --ele-tag-lg-height: 32px;
  --ele-tag-lg-padding: 0 12px;
  --ele-tag-lg-radius: var(--el-border-radius-base);
  --ele-tag-lg-close-size: 15px;
  --ele-tag-lg-close-padding: 2px;
  --ele-tag-lg-close-margin: 0 -8px 0 4px;
  --ele-tag-lg-close-radius: 4px;
  --ele-tag-lg-round-radius: 16px;
  --ele-tag-lg-round-padding: 0 14px;
  --ele-tag-dark-color: #fff;
  --ele-tag-dark-bg: var(--el-color-primary);
  --ele-tag-dark-close-color: #fff;
  --ele-tag-dark-close-hover-color: #fff;
  --ele-tag-dark-close-hover-bg: transparent;
  --ele-tag-dark-info-color: var(--el-text-color-primary);
  --ele-tag-dark-info-bg: var(--el-color-info-light-7);
  --ele-tag-dark-info-close-color: var(--el-text-color-secondary);
  --ele-tag-dark-info-close-hover-color: var(--el-text-color-primary);
  --ele-tag-dark-info-close-hover-bg: transparent;
  --ele-tag-dark-success-color: #fff;
  --ele-tag-dark-success-bg: var(--el-color-success);
  --ele-tag-dark-success-close-color: #fff;
  --ele-tag-dark-success-close-hover-color: #fff;
  --ele-tag-dark-success-close-hover-bg: transparent;
  --ele-tag-dark-warning-color: #fff;
  --ele-tag-dark-warning-bg: var(--el-color-warning);
  --ele-tag-dark-warning-close-color: #fff;
  --ele-tag-dark-warning-close-hover-color: #fff;
  --ele-tag-dark-warning-close-hover-bg: transparent;
  --ele-tag-dark-danger-color: #fff;
  --ele-tag-dark-danger-bg: var(--el-color-error);
  --ele-tag-dark-danger-close-color: #fff;
  --ele-tag-dark-danger-close-hover-color: #fff;
  --ele-tag-dark-danger-close-hover-bg: transparent;
  --ele-tag-plain-color: var(--el-color-primary);
  --ele-tag-plain-border-color: var(--el-color-primary);
  --ele-tag-plain-close-color: var(--el-color-primary);
  --ele-tag-plain-close-hover-color: var(--el-color-primary);
  --ele-tag-plain-close-hover-bg: transparent;
  --ele-tag-plain-info-color: var(--el-text-color-regular);
  --ele-tag-plain-info-border-color: var(--el-color-info-light-3);
  --ele-tag-plain-info-close-color: var(--el-text-color-secondary);
  --ele-tag-plain-info-close-hover-color: var(--el-text-color-primary);
  --ele-tag-plain-info-close-hover-bg: transparent;
  --ele-tag-plain-success-color: var(--el-color-success);
  --ele-tag-plain-success-border-color: var(--el-color-success);
  --ele-tag-plain-success-close-color: var(--el-color-success);
  --ele-tag-plain-success-close-hover-color: var(--el-color-success);
  --ele-tag-plain-success-close-hover-bg: transparent;
  --ele-tag-plain-warning-color: var(--el-color-warning);
  --ele-tag-plain-warning-border-color: var(--el-color-warning);
  --ele-tag-plain-warning-close-color: var(--el-color-warning);
  --ele-tag-plain-warning-close-hover-color: var(--el-color-warning);
  --ele-tag-plain-warning-close-hover-bg: transparent;
  --ele-tag-plain-danger-color: var(--el-color-error);
  --ele-tag-plain-danger-border-color: var(--el-color-error);
  --ele-tag-plain-danger-close-color: var(--el-color-error);
  --ele-tag-plain-danger-close-hover-color: var(--el-color-error);
  --ele-tag-plain-danger-close-hover-bg: transparent;
  --ele-tag-hit-border-color: var(--el-color-primary);
  --ele-tag-hit-info-border-color: var(--el-color-info-light-3);
  --ele-tag-hit-success-border-color: var(--el-color-success);
  --ele-tag-hit-warning-border-color: var(--el-color-warning);
  --ele-tag-hit-danger-border-color: var(--el-color-error);
}

/* Tag */
span.el-tag {
  line-height: inherit;
  height: var(--ele-tag-height);
  font-size: var(--ele-tag-size);
  border-radius: var(--ele-tag-radius);
  padding: var(--ele-tag-padding);
}
span.el-tag .el-icon {
  width: auto;
  height: auto;
  font-size: inherit;
  border-radius: 0;
  cursor: inherit;
}

span.el-tag,
span.el-tag.is-closable {
  padding: var(--ele-tag-padding);
}

/* 关闭按钮 */
.el-tag.is-closable .el-tag__close {
  width: auto;
  height: auto;
  font-size: var(--ele-tag-close-size);
  margin: var(--ele-tag-close-margin);
  padding: var(--ele-tag-close-padding);
  border-radius: var(--ele-tag-close-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}

/* 亮色风格 */
.el-tag.el-tag--light {
  color: var(--ele-tag-color);
  background: var(--ele-tag-bg);
  border-color: var(--ele-tag-border-color);
}
.el-tag.el-tag--light .el-tag__close {
  color: var(--ele-tag-close-color);
}
.el-tag.el-tag--light .el-tag__close:hover {
  color: var(--ele-tag-close-hover-color);
  background: var(--ele-tag-close-hover-bg);
}

.el-tag--light.el-tag--info {
  color: var(--ele-tag-info-color);
  background: var(--ele-tag-info-bg);
  border-color: var(--ele-tag-info-border-color);
}
.el-tag--light.el-tag--info .el-tag__close {
  color: var(--ele-tag-info-close-color);
}
.el-tag--light.el-tag--info .el-tag__close:hover {
  color: var(--ele-tag-info-close-hover-color);
  background: var(--ele-tag-info-close-hover-bg);
}
.el-tag--light.el-tag--success {
  color: var(--ele-tag-success-color);
  background: var(--ele-tag-success-bg);
  border-color: var(--ele-tag-success-border-color);
}
.el-tag--light.el-tag--success .el-tag__close {
  color: var(--ele-tag-success-close-color);
}
.el-tag--light.el-tag--success .el-tag__close:hover {
  color: var(--ele-tag-success-close-hover-color);
  background: var(--ele-tag-success-close-hover-bg);
}
.el-tag--light.el-tag--warning {
  color: var(--ele-tag-warning-color);
  background: var(--ele-tag-warning-bg);
  border-color: var(--ele-tag-warning-border-color);
}
.el-tag--light.el-tag--warning .el-tag__close {
  color: var(--ele-tag-warning-close-color);
}
.el-tag--light.el-tag--warning .el-tag__close:hover {
  color: var(--ele-tag-warning-close-hover-color);
  background: var(--ele-tag-warning-close-hover-bg);
}
.el-tag--light.el-tag--danger {
  color: var(--ele-tag-danger-color);
  background: var(--ele-tag-danger-bg);
  border-color: var(--ele-tag-danger-border-color);
}
.el-tag--light.el-tag--danger .el-tag__close {
  color: var(--ele-tag-danger-close-color);
}
.el-tag--light.el-tag--danger .el-tag__close:hover {
  color: var(--ele-tag-danger-close-hover-color);
  background: var(--ele-tag-danger-close-hover-bg);
}

/* 暗色风格 */
.el-tag.el-tag--dark {
  color: var(--ele-tag-dark-color);
  background: var(--ele-tag-dark-bg);
  border: none;
}
.el-tag.el-tag--dark .el-tag__close {
  color: var(--ele-tag-dark-close-color);
}
.el-tag.el-tag--dark .el-tag__close:hover {
  color: var(--ele-tag-dark-close-hover-color);
  background: var(--ele-tag-dark-close-hover-bg);
}

.el-tag--dark.el-tag--info {
  color: var(--ele-tag-dark-info-color);
  background: var(--ele-tag-dark-info-bg);
}
.el-tag--dark.el-tag--info .el-tag__close {
  color: var(--ele-tag-dark-info-close-color);
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: var(--ele-tag-dark-info-close-hover-color);
  background: var(--ele-tag-dark-info-close-hover-bg);
}
.el-tag--dark.el-tag--success {
  color: var(--ele-tag-dark-success-color);
  background: var(--ele-tag-dark-success-bg);
}
.el-tag--dark.el-tag--success .el-tag__close {
  color: var(--ele-tag-dark-success-close-color);
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: var(--ele-tag-dark-success-close-hover-color);
  background: var(--ele-tag-dark-success-close-hover-bg);
}
.el-tag--dark.el-tag--warning {
  color: var(--ele-tag-dark-warning-color);
  background: var(--ele-tag-dark-warning-bg);
}
.el-tag--dark.el-tag--warning .el-tag__close {
  color: var(--ele-tag-dark-warning-close-color);
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: var(--ele-tag-dark-warning-close-hover-color);
  background: var(--ele-tag-dark-warning-close-hover-bg);
}
.el-tag--dark.el-tag--danger {
  color: var(--ele-tag-dark-danger-color);
  background: var(--ele-tag-dark-danger-bg);
}
.el-tag--dark.el-tag--danger .el-tag__close {
  color: var(--ele-tag-dark-danger-close-color);
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: var(--ele-tag-dark-danger-close-hover-color);
  background: var(--ele-tag-dark-danger-close-hover-bg);
}

/* 朴素风格 */
.el-tag.el-tag--plain {
  color: var(--ele-tag-plain-color);
  border-color: var(--ele-tag-plain-border-color);
  background: none;
}
.el-tag.el-tag--plain .el-tag__close {
  color: var(--ele-tag-plain-close-color);
}
.el-tag.el-tag--plain .el-tag__close:hover {
  color: var(--ele-tag-plain-close-hover-color);
  background: var(--ele-tag-plain-close-hover-bg);
}

.el-tag--plain.el-tag--info {
  color: var(--ele-tag-plain-info-color);
  border-color: var(--ele-tag-plain-info-border-color);
}
.el-tag--plain.el-tag--info .el-tag__close {
  color: var(--ele-tag-plain-info-close-color);
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: var(--ele-tag-plain-info-close-hover-color);
  background: var(--ele-tag-plain-info-close-hover-bg);
}
.el-tag--plain.el-tag--success {
  color: var(--ele-tag-plain-success-color);
  border-color: var(--ele-tag-plain-success-border-color);
}
.el-tag--plain.el-tag--success .el-tag__close {
  color: var(--ele-tag-plain-success-close-color);
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: var(--ele-tag-plain-success-close-hover-color);
  background: var(--ele-tag-plain-success-close-hover-bg);
}
.el-tag--plain.el-tag--warning {
  color: var(--ele-tag-plain-warning-color);
  border-color: var(--ele-tag-plain-warning-border-color);
}
.el-tag--plain.el-tag--warning .el-tag__close {
  color: var(--ele-tag-plain-warning-close-color);
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: var(--ele-tag-plain-warning-close-hover-color);
  background: var(--ele-tag-plain-warning-close-hover-bg);
}
.el-tag--plain.el-tag--danger {
  color: var(--ele-tag-plain-danger-color);
  border-color: var(--ele-tag-plain-danger-border-color);
}
.el-tag--plain.el-tag--danger .el-tag__close {
  color: var(--ele-tag-plain-danger-close-color);
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: var(--ele-tag-plain-danger-close-hover-color);
  background: var(--ele-tag-plain-danger-close-hover-bg);
}

/* 加深边框 */
span.el-tag.is-hit.el-tag--primary {
  border-color: var(--ele-tag-hit-border-color);
}
span.el-tag.is-hit.el-tag--info {
  border-color: var(--ele-tag-hit-info-border-color);
}
span.el-tag.is-hit.el-tag--success {
  border-color: var(--ele-tag-hit-success-border-color);
}
span.el-tag.is-hit.el-tag--warning {
  border-color: var(--ele-tag-hit-warning-border-color);
}
span.el-tag.is-hit.el-tag--danger {
  border-color: var(--ele-tag-hit-danger-border-color);
}

/* 椭圆风格 */
span.el-tag.is-round {
  padding: var(--ele-tag-round-padding);
  border-radius: var(--ele-tag-round-radius);
}

/* 小尺寸 */
.el-tag.el-tag--small {
  height: var(--ele-tag-sm-height);
  line-height: var(--ele-tag-sm-height);
  font-size: var(--ele-tag-sm-size);
  border-radius: var(--ele-tag-sm-radius);
}
.el-tag.el-tag--small .el-tag__close {
  font-size: var(--ele-tag-sm-close-size);
  margin: var(--ele-tag-sm-close-margin);
  padding: var(--ele-tag-sm-close-padding);
  border-radius: var(--ele-tag-sm-close-radius);
}

span.el-tag.el-tag--small {
  padding: var(--ele-tag-sm-padding);
}

.el-tag.el-tag--small.is-round {
  padding: var(--ele-tag-sm-round-padding);
  border-radius: var(--ele-tag-sm-round-radius);
}

/* 大尺寸 */
.el-tag.el-tag--large {
  height: var(--ele-tag-lg-height);
  font-size: var(--ele-tag-lg-size);
  border-radius: var(--ele-tag-lg-radius);
}
.el-tag.el-tag--large .el-tag__close {
  font-size: var(--ele-tag-lg-close-size);
  margin: var(--ele-tag-lg-close-margin);
  padding: var(--ele-tag-lg-close-padding);
  border-radius: var(--ele-tag-lg-close-radius);
}

span.el-tag.el-tag--large {
  padding: var(--ele-tag-lg-padding);
}

.el-tag.el-tag--large.is-round {
  padding: var(--ele-tag-lg-round-padding);
  border-radius: var(--ele-tag-lg-round-radius);
}

/* 椭圆风格关闭按钮圆角 */
.el-tag.is-round .el-tag__close {
  border-radius: 50%;
}

/* ElTree 主题变量 */
.el-tree {
  --ele-tree-item-height: 30px;
  --ele-tree-item-line-height: 16px;
  --ele-tree-item-margin: 2px;
  --ele-tree-item-padding: 0 16px;
  --ele-tree-item-radius: 0px;
  --ele-tree-item-active-color: var(--el-color-primary);
  --ele-tree-item-active-weight: normal;
  --ele-tree-item-active-bg: var(--el-color-primary-light-9);
  --ele-tree-item-active-hover-bg: var(--el-color-primary-light-8);
  --ele-tree-expand-size: 12px;
  --ele-tree-expand-padding: 3px;
  --ele-tree-expand-margin: 0 2px 0 4px;
  --ele-tree-expand-radius: var(--el-border-radius-small);
  --ele-tree-expand-hover-bg: transparent;
}

/* Tree */
body .el-tree {
  background: none;
}

.el-tree .el-tree-node {
  padding-top: var(--ele-tree-item-margin);
  box-sizing: border-box;
}
.el-tree > .el-tree-node:first-child {
  padding-top: 0;
}
.el-tree .el-tree-node__content {
  height: var(--ele-tree-item-height);
  padding: var(--ele-tree-item-padding);
  border-radius: var(--ele-tree-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon {
  flex-shrink: 0;
  width: auto;
  height: auto;
  transform: none;
  box-sizing: border-box;
  margin: var(--ele-tree-expand-margin);
  padding: var(--ele-tree-expand-padding);
  border-radius: var(--ele-tree-expand-radius);
  font-size: var(--ele-tree-expand-size);
  transition: background-color 0.2s;
  z-index: 4;
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon > svg {
  transition: transform 0.3s;
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon.expanded > svg {
  transform: rotate(90deg);
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon:hover {
  background: var(--ele-tree-expand-hover-bg);
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon.is-leaf {
  pointer-events: none;
}
.el-tree .el-tree-node__content > .el-checkbox {
  flex-shrink: 0;
}
.el-tree .el-tree-node__content > .el-tree-node__label {
  flex: 1;
  line-height: var(--ele-tree-item-line-height);
  transition: color 0.2s;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}
.el-tree.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: var(--ele-tree-item-active-bg);
}
.el-tree.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .el-tree-node__label {
  color: var(--ele-tree-item-active-color);
  font-weight: var(--ele-tree-item-active-weight);
}
.el-tree.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content:hover {
  background: var(--ele-tree-item-active-hover-bg);
}
.el-tree {
  /* TreeV2 */
}
.el-tree .el-vl__wrapper {
  box-sizing: border-box;
}
.el-tree .el-vl__wrapper > .el-virtual-scrollbar {
  margin: auto 0;
}
.el-tree .el-vl__wrapper .el-tree-node {
  padding-top: 0;
  padding-bottom: var(--ele-tree-item-margin);
}
.el-tree .el-vl__wrapper .el-tree-node__content {
  height: 100% !important;
}

/* ElTreeSelect 主题变量 */
.el-tree-select__popper {
  --ele-tree-select-padding: 6px 0;
  --ele-tree-select-item-disabled-color: var(--el-disabled-text-color);
}

/* TreeSelect */
.el-tree-select__popper .el-select-dropdown__wrap .el-select-dropdown__list {
  margin: 0 !important;
  padding: var(--ele-tree-select-padding) !important;
}
.el-tree-select__popper .el-tree {
  background: none;
}
.el-tree-select__popper .el-tree-node__content {
  position: relative;
  z-index: 0;
}
.el-tree-select__popper .el-tree-node__content .el-select-dropdown__item {
  height: auto;
  line-height: var(--ele-tree-item-line-height);
  padding: 0;
  border-radius: 0;
  position: static;
}
.el-tree-select__popper .el-tree-node__content .el-select-dropdown__item::before {
  content: "";
  border-radius: var(--ele-tree-item-radius);
  transition: background-color 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.el-tree-select__popper .el-tree-node__content > .el-checkbox + .el-select-dropdown__item::before, .el-tree-select__popper .el-tree-node__content > .el-checkbox + .el-tree-node__loading-icon + .el-select-dropdown__item::before {
  display: none;
}
.el-tree-select__popper .el-tree-node__content:has(> .el-select-dropdown__item.is-disabled) {
  cursor: not-allowed;
}
.el-tree-select__popper .el-tree .el-tree-node > .el-tree-node__content .el-select-dropdown__item {
  color: inherit;
  font-weight: normal;
}
.el-tree-select__popper {
  /* 选中 */
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.selected,
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.is-selected {
  color: var(--ele-tree-item-active-color);
  font-weight: var(--ele-tree-item-active-weight);
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.selected::before,
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.is-selected::before {
  background: var(--ele-tree-item-active-bg);
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content:hover .el-select-dropdown__item.selected::before, .el-tree-select__popper .el-tree-node > .el-tree-node__content:hover .el-select-dropdown__item.is-selected::before {
  background: var(--ele-tree-item-active-hover-bg);
}
.el-tree-select__popper {
  /* 有复选框时去掉文本选中效果 */
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content > .el-checkbox + .el-select-dropdown__item,
.el-tree-select__popper .el-tree-node__content > .el-checkbox + .el-tree-node__loading-icon + .el-select-dropdown__item {
  color: inherit;
  font-weight: normal;
}
.el-tree-select__popper {
  /* 有复选框时去掉右侧选中图标 */
}
.el-tree-select__popper .el-tree-node.is-checked > .el-tree-node__content > .el-select-dropdown__item.is-selected::after {
  display: none;
}
.el-tree-select__popper {
  /* 禁用 */
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.is-disabled {
  color: var(--ele-tree-select-item-disabled-color);
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.is-disabled::before {
  display: none;
}
.el-tree-select__popper {
  /* 行点击高亮时去掉模拟背景的伪元素 */
}
.el-tree-select__popper .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .el-select-dropdown__item::before {
  display: none;
}

/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
:root {
  --ele-scrollbar-size: 10px;
  --ele-scrollbar-radius: 6px;
  --ele-scrollbar-padding: 2px;
  --ele-scrollbar-color: #cfcfcf;
  --ele-scrollbar-hover-color: #b6b6b6;
  --ele-scrollbar-bg: transparent;
}

@media (hover: hover) and (pointer: fine) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--ele-scrollbar-color) var(--ele-scrollbar-bg);
  }
  ::-webkit-scrollbar {
    width: var(--ele-scrollbar-size);
    height: var(--ele-scrollbar-size);
  }
  ::-webkit-scrollbar-thumb {
    border: var(--ele-scrollbar-padding) solid transparent;
    border-radius: var(--ele-scrollbar-radius);
    background-color: var(--ele-scrollbar-color);
    background-clip: padding-box;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--ele-scrollbar-hover-color);
  }
  ::-webkit-scrollbar-track {
    background: var(--ele-scrollbar-bg);
  }
  ::-webkit-scrollbar-corner {
    background: transparent;
  }
  html.is-webkit,
  html.is-webkit * {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
}
/* 表单组件宽度撑满 */
.ele-fluid {
  width: 100%;
  box-sizing: border-box;
}
.ele-fluid.el-select, .ele-fluid.el-input-number, .ele-fluid.el-date-editor, .ele-fluid.el-date-editor.el-input, .ele-fluid.el-date-editor.el-input__wrapper, .ele-fluid.el-date-editor > .el-input__wrapper {
  width: 100%;
  box-sizing: border-box;
}
.ele-fluid {
  /* 日期选择 */
}
.ele-fluid.el-date-editor.el-input__wrapper {
  width: 100%;
  box-sizing: border-box;
}
.ele-fluid.el-date-editor .el-range-input {
  flex: 1;
  width: 100%;
}
.ele-fluid.el-date-editor .el-range-separator {
  flex: 0;
}
.ele-fluid.el-date-editor > .el-input__icon {
  flex-shrink: 0;
}
.ele-fluid {
  /* 数字输入框 */
}
.ele-fluid.el-input-number.is-controls-right .el-input__inner {
  text-align: left;
}

/* 隐藏滚动条 */
.ele-scrollbar-hide,
.ele-scrollbar-hover:not(:hover) {
  scrollbar-width: none;
}
.ele-scrollbar-hide::-webkit-scrollbar,
.ele-scrollbar-hover:not(:hover)::-webkit-scrollbar {
  display: none;
}

.ele-scrollbar-hover {
  overflow: auto;
}

/* 消息提示主题变量 */
.ele-message {
  --ele-message-color: var(--el-text-color-regular);
  --ele-message-size: var(--el-font-size-base);
  --ele-message-space: 16px;
  --ele-message-padding: 12px 14px;
  --ele-message-radius: var(--el-border-radius-base);
  --ele-message-shadow: var(--el-box-shadow-light);
  --ele-message-icon-size: var(--el-font-size-large);
  --ele-message-icon-margin: 0 8px 0 0;
  --ele-message-close-size: 18px;
  --ele-message-close-margin: 0 -4px 0 8px;
  --ele-message-close-radius: var(--el-border-radius-small);
  --ele-message-close-font-size: var(--el-font-size-base);
  --ele-message-close-color: var(--el-text-color-placeholder);
  --ele-message-close-hover-color: var(--el-text-color-primary);
  --ele-message-close-hover-bg: transparent;
  --ele-message-plain-bg: var(--el-bg-color-overlay);
  --ele-message-alert-padding: 10px 14px;
  --ele-message-mask-color: var(--el-overlay-color-lighter);
  --ele-message-index: calc(var(--el-index-popper) + 2002);
  --ele-message-bg: linear-gradient(transparent 0, transparent 0);
}

.ele-message.el-message {
  gap: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  width: max-content;
  pointer-events: auto;
  align-items: flex-start;
  margin: 0 auto var(--ele-message-space) auto;
  transition: margin-bottom 0.2s;
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none;
  opacity: 1;
}
.ele-message.el-message > .el-message__content {
  display: none;
}
.ele-message.el-message {
  /* 徽章 */
}
.ele-message.el-message > .el-message__badge {
  position: relative;
  top: auto;
  right: auto;
  width: 0;
  height: 0;
  overflow: visible;
  order: 2;
  z-index: calc(var(--ele-message-index) + 2);
  transition: margin-top 0.4s, transform var(--el-transition-duration), opacity var(--el-transition-duration);
}
.ele-message.el-message > .el-message__badge > .el-badge__content {
  position: absolute;
  top: 8px;
  right: -8px;
  transform: translateY(-100%);
}
.ele-message.el-message {
  /* 主体 */
}
.ele-message.el-message > .el-message__icon {
  width: auto;
  height: auto;
  max-width: 100%;
  line-height: normal;
  font-style: normal;
  display: flex;
  flex-shrink: 0;
  color: var(--ele-message-color);
  font-size: var(--ele-message-size);
  padding: var(--ele-message-padding);
  box-shadow: var(--ele-message-shadow);
  border-radius: var(--ele-message-radius);
  background: var(--el-color-primary-light-9);
  background: linear-gradient(transparent 0, var(--el-color-primary-light-9) 0), var(--ele-message-bg);
  border: 0 solid var(--el-color-primary-light-8);
  z-index: calc(var(--ele-message-index) + 1);
  transition: margin-top 0.4s, transform var(--el-transition-duration), opacity var(--el-transition-duration);
  box-sizing: border-box;
  position: relative;
}

.ele-message + .ele-message {
  margin-top: 0 !important;
}

/* 图标 */
.ele-message-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--el-color-primary);
  font-size: var(--ele-message-icon-size);
  margin: var(--ele-message-icon-margin);
}

/* 关闭按钮 */
.ele-message-close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-message-close-size);
  height: var(--ele-message-close-size);
  line-height: var(--ele-message-close-size);
  color: var(--ele-message-close-color);
  font-size: var(--ele-message-close-font-size);
  margin: var(--ele-message-close-margin);
  border-radius: var(--ele-message-close-radius);
  transition: color 0.2s, background-color 0.2s;
  cursor: pointer;
}
.ele-message-close:hover {
  color: var(--ele-message-close-hover-color);
  background: var(--ele-message-close-hover-bg);
}

/* 情景色类型 */
.ele-message.el-message--success > .el-message__icon {
  background: var(--el-color-success-light-9);
  background: linear-gradient(transparent 0, var(--el-color-success-light-9) 0), var(--ele-message-bg);
  border-color: var(--el-color-success-light-7);
}
.ele-message.el-message--success > .el-message__icon > .ele-message-icon {
  color: var(--el-color-success);
}

.ele-message.el-message--warning > .el-message__icon {
  background: var(--el-color-warning-light-9);
  background: linear-gradient(transparent 0, var(--el-color-warning-light-9) 0), var(--ele-message-bg);
  border-color: var(--el-color-warning-light-7);
}
.ele-message.el-message--warning > .el-message__icon > .ele-message-icon {
  color: var(--el-color-warning);
}

.ele-message.el-message--error > .el-message__icon {
  background: var(--el-color-error-light-9);
  background: linear-gradient(transparent 0, var(--el-color-error-light-9) 0), var(--ele-message-bg);
  border-color: var(--el-color-error-light-7);
}
.ele-message.el-message--error > .el-message__icon > .ele-message-icon {
  color: var(--el-color-error);
}

.ele-message.el-message--info > .el-message__badge > .el-badge__content,
.ele-message.is-loading > .el-message__badge > .el-badge__content {
  background: var(--el-color-primary);
}

/* 简约风格 */
.ele-message.is-plain.el-message {
  background: none;
  box-shadow: none;
}

.ele-message.is-plain > .el-message__icon,
.ele-message.is-plain-alert > .el-message__icon {
  background: var(--ele-message-plain-bg);
}

/* 彩色风格 */
.ele-message.is-alert > .el-message__icon {
  color: var(--el-color-primary);
  padding: var(--ele-message-alert-padding);
  border-width: 1px;
  box-shadow: none;
}

.ele-message.is-plain-alert > .el-message__icon {
  color: var(--el-color-primary);
}

.el-message--success.is-alert > .el-message__icon,
.el-message--success.is-plain-alert > .el-message__icon {
  color: var(--el-color-success);
}

.el-message--warning.is-alert > .el-message__icon,
.el-message--warning.is-plain-alert > .el-message__icon {
  color: var(--el-color-warning);
}

.el-message--error.is-alert > .el-message__icon,
.el-message--error.is-plain-alert > .el-message__icon {
  color: var(--el-color-error);
}

/* 加载框 */
.ele-message.is-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity var(--el-transition-duration);
  z-index: var(--ele-message-index);
}

/* 遮罩 */
.ele-message.is-show-mask::before {
  background: var(--ele-message-mask-color);
}

/* 居中 */
.ele-message.is-centered {
  margin: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  align-items: center;
  justify-content: center;
}
.ele-message.is-centered.el-message-fade-enter-from > .el-message__icon, .ele-message.is-centered.el-message-fade-leave-to > .el-message__icon {
  transform: scale(0.6);
  margin-top: 0;
}

/* 进入和关闭动画 */
.ele-message.el-message-fade-enter-from,
.ele-message.el-message-fade-leave-to {
  margin-bottom: 0;
}
.ele-message.el-message-fade-enter-from > .el-message__icon, .ele-message.el-message-fade-enter-from > .el-message__badge,
.ele-message.el-message-fade-leave-to > .el-message__icon,
.ele-message.el-message-fade-leave-to > .el-message__badge {
  opacity: 0;
  margin-top: -88px;
}
.ele-message.el-message-fade-enter-from::before,
.ele-message.el-message-fade-leave-to::before {
  opacity: 0;
}

/* 容器 */
.ele-message-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
}
.ele-message-wrapper > .ele-message:first-child {
  margin-top: var(--ele-message-space);
}
.ele-message-wrapper.is-hide {
  display: none;
}

/* 布局主题变量 */
/* 页签栏 */
.ele-admin-tabs {
  flex-shrink: 0;
  background: var(--ele-header-bg);
  box-shadow: var(--ele-header-shadow);
  z-index: calc(var(--ele-layout-index) + 1);
}
.ele-admin-tabs:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: var(--ele-page-padding, var(--ele-header-tools-padding));
}
.ele-admin-tabs {
  /* 固定的主页页签 */
}
.ele-admin-tabs.is-fixed-home {
  padding-left: var(--ele-page-padding, var(--ele-header-tools-padding));
}
.ele-admin-tabs.is-fixed-home.is-tag .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: var(--ele-tab-tag-space);
}
.ele-admin-tabs.is-fixed-home.is-button .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: var(--ele-tab-button-space);
}
.ele-admin-tabs {
  /* 标签风格页签栏 */
}
.ele-admin-tabs.is-tag {
  padding-right: var(--ele-tab-tag-space);
}
.ele-admin-tabs {
  /* 卡片风格页签栏 */
}
.ele-admin-tabs.is-button {
  padding-right: var(--ele-page-padding, var(--ele-header-tools-padding));
  background: var(--ele-layout-bg);
  box-shadow: none;
}
.ele-admin-tabs {
  /* 固定页签栏 */
}
.ele-admin-tabs.is-fixed {
  position: sticky;
  top: var(--ele-header-height);
}
.ele-admin-tabs.is-fixed-top {
  top: 0;
}

/* 顶栏 */
.ele-admin-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: var(--ele-header-height);
  line-height: var(--ele-header-height);
  background: var(--ele-header-bg);
  box-shadow: var(--ele-header-shadow);
  z-index: calc(var(--ele-layout-index) + 2);
  transition: all 0.2s;
  /* 顶栏面包屑导航 */
}
.ele-admin-header .ele-admin-breadcrumb {
  margin-left: calc(var(--ele-header-tools-padding) + var(--ele-header-tool-padding));
  flex-shrink: 0;
}
.ele-admin-header {
  /* 顶栏菜单 */
}
.ele-admin-header .ele-admin-menus {
  flex: 1;
  overflow: hidden;
}
.ele-admin-header .ele-admin-menus > .ele-menu.el-menu.el-menu--horizontal {
  --ele-menu-horizontal-height: var(--ele-header-menu-height);
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  border: none;
}
.ele-admin-header {
  /* 顶栏页签栏 */
}
.ele-admin-header > .ele-admin-tabs {
  flex: 1;
  overflow: hidden;
  line-height: normal;
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap {
  padding-right: 0;
  background: none;
  box-shadow: none;
}
.ele-admin-header > .ele-admin-tabs + .ele-admin-tools {
  padding-left: 0;
}
.ele-admin-header > .ele-admin-tabs.is-simple, .ele-admin-header > .ele-admin-tabs.is-indicator {
  align-self: flex-end;
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator {
  --ele-tab-height: calc(var(--ele-header-height) - (var(--ele-header-height) - var(--ele-header-tool-height)) / 2);
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__item,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .ele-tab-tool,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-prev,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-next, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__item,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .ele-tab-tool,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-prev,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-next {
  line-height: calc(var(--ele-header-height) - (var(--ele-header-height) - var(--ele-header-tool-height)));
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-prev,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-next, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-prev,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-next {
  display: block;
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-prev > .el-icon,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-next > .el-icon, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-prev > .el-icon,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-next > .el-icon {
  vertical-align: -2px;
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple > .ele-tabs > .el-tabs__header .el-tabs__item .is-icon-close, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple > .ele-tabs > .el-tabs__header .ele-tab-title::before, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator > .ele-tabs > .el-tabs__header .el-tabs__item .is-icon-close, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator > .ele-tabs > .el-tabs__header .ele-tab-title::before {
  margin-top: calc((var(--ele-header-height) - var(--ele-header-tool-height)) / 2 / 2 * -1);
}
.ele-admin-header {
  /* 顶栏与页签栏分割线 */
}
.ele-admin-header.show-divider {
  box-shadow: var(--ele-header-divider-shadow);
}
.ele-admin-header {
  /* 模糊透明顶栏 */
}
.ele-admin-header.is-ghost {
  background: var(--ele-header-ghost-bg);
  backdrop-filter: var(--ele-header-ghost-filter);
}
.ele-admin-header {
  /* 固定顶栏 */
}
.ele-admin-header.is-fixed {
  position: sticky;
  top: 0;
}

/* 顶栏操作按钮容器 */
.ele-admin-tools {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 var(--ele-header-tools-padding);
  box-sizing: border-box;
  height: 100%;
}
.ele-admin-tools + .ele-admin-breadcrumb {
  margin-left: 0;
}
.ele-admin-tools + .ele-admin-tabs.ele-tab-wrap, .ele-admin-tools + .ele-admin-tabs:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: 0;
}
.ele-admin-tools + .is-simple.is-fixed-home, .ele-admin-tools + .is-simple:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav, .ele-admin-tools + .is-indicator.is-fixed-home, .ele-admin-tools + .is-indicator:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: var(--ele-tab-simple-angle-size);
}
.ele-admin-tools + .is-button.is-fixed-home, .ele-admin-tools + .is-button:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: var(--ele-tab-button-space);
}

/* 暗色顶栏 */
.ele-admin-header.is-dark,
.ele-admin-header.is-primary {
  color: var(--ele-header-dark-color);
  background: var(--ele-header-dark-bg);
  box-shadow: var(--ele-header-dark-shadow);
  /* 暗色顶栏面包屑 */
}
.ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner,
.ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator {
  color: rgba(255, 255, 255, 0.8);
}
.ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover, .ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: var(--ele-header-dark-color);
}
.ele-admin-header.is-dark,
.ele-admin-header.is-primary {
  /* 暗色顶栏页签栏 */
}
.ele-admin-header.is-dark > .ele-admin-tabs.ele-tab-wrap,
.ele-admin-header.is-primary > .ele-admin-tabs.ele-tab-wrap {
  --ele-tab-color: var(--ele-header-dark-color);
  --ele-tab-hover-color: var(--ele-header-dark-color);
  --ele-tab-close-color: var(--ele-header-dark-color);
  --ele-tab-close-hover-color: var(--ele-header-dark-color);
  --ele-tab-close-hover-bg: var(--ele-header-dark-tool-hover-bg);
  --ele-tab-tool-color: var(--ele-header-dark-color);
  --ele-tab-tool-hover-color: var(--ele-header-dark-color);
  --ele-tab-simple-hover-color: var(--ele-header-dark-color);
  --ele-tab-simple-hover-bg: var(--ele-header-dark-tool-hover-bg);
  --ele-tab-simple-active-bg: var(--el-bg-color);
  --ele-tab-simple-line-width: 16px;
  --ele-tab-simple-tool-hover-bg: transparent;
  --ele-tab-indicator-dot-color: rgba(255, 255, 255, 0.4);
  --ele-tab-indicator-dot-hover-color: rgba(255, 255, 255, 0.6);
  --ele-tab-button-bg: var(--ele-header-dark-tool-hover-bg);
  --ele-tab-button-shadow: 0 0 0 0.8px rgba(255, 255, 255, 0.2) inset;
  --ele-tab-button-hover-bg: rgba(255, 255, 255, 0.2);
  --ele-tab-button-hover-color: var(--ele-header-dark-color);
  --ele-tab-button-hover-shadow: 0 0 0 0.8px rgba(255, 255, 255, 0.28) inset;
  --ele-tab-button-active-bg: var(--el-bg-color);
  --ele-tab-button-active-shadow: none;
}

.ele-admin-header.is-dark > .ele-admin-tabs.ele-tab-wrap {
  --ele-tab-active-close-color: var(--ele-header-dark-color);
  --ele-tab-active-close-hover-color: var(--ele-header-dark-color);
  --ele-tab-active-close-hover-bg: var(--ele-header-dark-tool-hover-bg);
  --ele-tab-simple-active-color: var(--ele-header-dark-color);
  --ele-tab-simple-active-bg: var(--el-color-primary);
  --ele-tab-simple-active-line: 0px;
  --ele-tab-indicator-dot-active-color: var(--ele-header-dark-color);
  --ele-tab-button-active-color: var(--ele-header-dark-color);
  --ele-tab-button-active-bg: var(--el-color-primary);
}

/* 主色顶栏 */
.ele-admin-header.is-primary {
  background: var(--ele-header-primary-bg);
  box-shadow: var(--ele-header-primary-shadow);
  /* 主色顶栏菜单 */
}
.ele-admin-header.is-primary .ele-admin-menus > .ele-menu {
  --ele-menu-horizontal-dark-active-bg: var(--ele-header-primary-active-bg);
}
.ele-admin-header.is-primary {
  /* 主色顶栏页签拖动 */
}
.ele-admin-header.is-primary > .ele-admin-tabs .ele-tabs.is-sortable > .el-tabs__header .el-tabs__item.sortable-chosen:not(.is-active) {
  --ele-tab-simple-active-bg: var(--ele-tab-simple-hover-bg);
  --ele-tab-button-active-bg: var(--ele-tab-button-hover-bg);
}

/* 侧栏容器 */
.ele-admin-side {
  flex-shrink: 0;
  display: flex;
  box-sizing: border-box;
  z-index: calc(var(--ele-layout-index) + 3);
  position: relative;
}

/* 侧栏 */
.ele-admin-sidebar {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: var(--ele-sidebar-width);
  background: var(--ele-sidebar-bg);
  box-shadow: var(--ele-sidebar-shadow);
  z-index: calc(var(--ele-layout-index) + 3);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  /* 侧栏菜单 */
}
.ele-admin-sidebar .ele-admin-menus {
  flex: 1;
  overflow: hidden;
}
.ele-admin-sidebar .ele-admin-menus > .el-scrollbar__wrap {
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-admin-sidebar .ele-admin-menus > .el-scrollbar__wrap > .el-scrollbar__view > .ele-menu {
  width: 100%;
  border: none;
  background: none;
  transition: none;
}
.ele-admin-sidebar {
  /* 暗色侧栏 */
}
.ele-admin-sidebar.is-dark {
  background: var(--ele-sidebar-dark-bg);
  box-shadow: var(--ele-sidebar-dark-shadow);
}
.ele-admin-sidebar {
  /* 双侧栏 */
}
.ele-admin-sidebar.is-mix {
  width: var(--ele-sidebar-mix-width);
  z-index: calc(var(--ele-layout-index) + 2);
}
.ele-admin-sidebar {
  /* 模糊透明侧栏 */
}
.ele-admin-sidebar.is-ghost {
  background: var(--ele-sidebar-ghost-bg);
}
.ele-admin-sidebar {
  /* 折叠侧栏 */
}
.ele-admin-sidebar.is-collapse:not(.is-mix) {
  width: var(--ele-sidebar-collapse-width);
}
.ele-admin-sidebar.is-collapse.is-mix {
  margin-left: calc(var(--ele-sidebar-mix-width) * -1) !important;
  visibility: hidden;
}

/* 双侧栏一级 */
.ele-admin-sidebox {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: var(--ele-sidebox-width);
  background: var(--ele-sidebar-bg);
  box-shadow: var(--ele-sidebar-shadow);
  z-index: calc(var(--ele-layout-index) + 3);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  /* 双侧栏一级菜单 */
}
.ele-admin-sidebox .ele-admin-menus {
  flex: 1;
  overflow: hidden;
}
.ele-admin-sidebox .ele-admin-menus > .el-scrollbar__wrap {
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-admin-sidebox .ele-admin-menus > .el-scrollbar__wrap > .el-scrollbar__view > .ele-menu {
  border: none;
  background: none;
}
.ele-admin-sidebox {
  /* 暗色双侧栏一级 */
}
.ele-admin-sidebox.is-dark {
  background: var(--ele-sidebar-dark-bg);
  box-shadow: var(--ele-sidebar-dark-shadow);
}
.ele-admin-sidebox {
  /* 模糊透明双侧栏一级 */
}
.ele-admin-sidebox.is-ghost {
  background: var(--ele-sidebar-ghost-bg);
}
.ele-admin-sidebox {
  /* 与侧栏分割线 */
}
.ele-admin-sidebox.show-divider {
  box-shadow: var(--ele-sidebar-divider-shadow);
}
.ele-admin-sidebox.show-divider.is-dark {
  box-shadow: var(--ele-sidebar-dark-divider-shadow);
}
.ele-admin-sidebox {
  /* 折叠双侧栏一级 */
}
.ele-admin-sidebox.is-compact {
  width: var(--ele-sidebar-collapse-width);
}

/* 固定侧栏 */
.ele-admin-side.is-fixed {
  position: sticky;
  left: 0;
  top: 0;
  height: 100vh;
  height: 100dvh;
}

.ele-admin-side.show-placeholder {
  margin-top: calc(var(--ele-header-height) * -1);
}
.ele-admin-side.show-placeholder > .ele-admin-sidebar, .ele-admin-side.show-placeholder > .ele-admin-sidebox {
  padding-top: var(--ele-header-height);
}

/* 侧栏菜单滚动条 */
.ele-admin-sidebar > .ele-admin-menus,
.ele-admin-sidebox > .ele-admin-menus {
  --el-scrollbar-opacity: 1;
  --el-scrollbar-hover-opacity: 1;
  --el-scrollbar-bg-color: var(--ele-menu-thumb-color);
  --el-scrollbar-hover-bg-color: var(--ele-menu-thumb-hover-color);
}
.ele-admin-sidebar > .ele-admin-menus > .el-scrollbar__bar.is-vertical,
.ele-admin-sidebox > .ele-admin-menus > .el-scrollbar__bar.is-vertical {
  width: calc(var(--ele-menu-thumb-size) - var(--ele-menu-thumb-padding) * 2);
  border-radius: var(--ele-menu-thumb-radius);
  right: var(--ele-menu-thumb-padding);
  z-index: 9;
}
.ele-admin-sidebar > .ele-admin-menus > .el-scrollbar__bar.is-horizontal,
.ele-admin-sidebox > .ele-admin-menus > .el-scrollbar__bar.is-horizontal {
  height: calc(var(--ele-menu-thumb-size) - var(--ele-menu-thumb-padding) * 2);
  border-radius: var(--ele-menu-thumb-radius);
  bottom: var(--ele-menu-thumb-padding);
  z-index: 9;
}

/* 暗色侧栏菜单滚动条 */
.ele-admin-sidebar.is-dark > .ele-admin-menus,
.ele-admin-sidebox.is-dark > .ele-admin-menus {
  --el-scrollbar-bg-color: var(--ele-menu-dark-thumb-color);
  --el-scrollbar-hover-bg-color: var(--ele-menu-dark-thumb-hover-color);
}

.ele-admin-layout {
  --ele-layout-bg: var(--el-bg-color-page);
  --ele-layout-index: 99;
  --ele-layout-mask-index: calc(var(--el-index-popper) + 2000);
  --ele-layout-button-tab-page-pt: 0;
  --ele-layout-ghost-header-page-pt: 16px;
}
.ele-admin-layout {
  --ele-logo-size: 18px;
  --ele-logo-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --ele-logo-color: var(--el-text-color-primary);
  --ele-logo-dark-color: #fff;
}
.ele-admin-layout {
  --ele-header-height: 54px;
  --ele-header-bg: var(--el-bg-color);
  --ele-header-shadow: 0 0 0 0.8px var(--el-border-color-lighter);
  --ele-header-line-color: var(--el-border-color-extra-light);
  --ele-header-divider-shadow: 0 -0.8px 0 var(--ele-header-line-color) inset;
  --ele-header-menu-height: var(--ele-header-height);
  --ele-header-tools-padding: 12px;
  --ele-header-tool-padding: 12px;
  --ele-header-tool-height: var(--ele-header-height);
  --ele-header-tool-radius: 0;
  --ele-header-tool-hover-bg: rgba(0, 0, 0, 0.04);
  --ele-header-dark-tool-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-header-dark-color: #fff;
  --ele-header-dark-bg: #191a23;
  --ele-header-dark-shadow: none;
  --ele-header-primary-bg: linear-gradient(12deg, var(--el-color-primary), var(--el-color-primary-light-3) 28%, var(--el-color-primary-light-5) 46%, var(--el-color-primary-light-3) 72%, var(--el-color-primary) 92%, var(--el-color-primary-dark-2));
  --ele-header-primary-shadow: none;
  --ele-header-primary-active-bg: transparent;
  --ele-header-ghost-bg: hsla(0, 0%, 100%, 0.4);
  --ele-header-ghost-filter: blur(8px);
}
.ele-admin-layout {
  --ele-sidebar-width: 220px;
  --ele-sidebar-collapse-width: 54px;
  --ele-sidebar-mix-width: 160px;
  --ele-sidebar-bg: var(--el-bg-color);
  --ele-sidebar-dark-bg: #191a23;
  --ele-sidebar-shadow: 0 0 0 0.8px var(--el-border-color-lighter);
  --ele-sidebar-dark-shadow: none;
  --ele-sidebar-divider-shadow: 0 0 0 0.8px var(--el-border-color-lighter);
  --ele-sidebar-dark-divider-shadow: -0.8px 0 0 0 #000 inset;
  --ele-sidebar-transition: width 0.2s, left 0.2s;
  --ele-sidebar-tool-height: 40px;
  --ele-sidebar-mobile-backdrop-filter: none;
  --ele-sidebar-mobile-bg: var(--ele-sidebar-bg);
  --ele-sidebar-mobile-dark-bg: var(--ele-sidebar-dark-bg);
  --ele-sidebar-mobile-dark-backdrop-filter: none;
  --ele-sidebar-ghost-bg: var(--ele-sidebar-bg);
}
.ele-admin-layout {
  --ele-sidebox-width: 80px;
}
.ele-admin-layout {
  --ele-menu-thumb-size: 8px;
  --ele-menu-thumb-radius: 4px;
  --ele-menu-thumb-padding: 2px;
  --ele-menu-thumb-color: #cfcfcf;
  --ele-menu-thumb-hover-color: #b6b6b6;
}
.ele-admin-layout {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.32);
  --ele-menu-dark-thumb-hover-color: rgba(255, 255, 255, 0.48);
}

.ele-admin-layout {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: var(--ele-layout-bg);
  box-sizing: border-box;
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
}
.ele-admin-layout > .ele-admin-header {
  z-index: calc(var(--ele-layout-index) + 4);
}

.ele-admin-main,
.ele-admin-body,
.ele-admin-wrapper,
.ele-admin-content {
  flex: auto;
  display: flex;
  flex-direction: column;
}

.ele-admin-layout.is-row-direction,
.ele-admin-main.is-row-direction {
  flex-direction: row;
}

.ele-admin-wrapper {
  position: relative;
}
.ele-admin-wrapper > .ele-backtop {
  z-index: calc(var(--ele-layout-index) + 1);
}

/* 主体宽度 */
.ele-admin-layout.is-row-direction > .ele-admin-main,
.ele-admin-main.is-row-direction > .ele-admin-body {
  flex: 0 1 auto;
  transition: width 0.2s;
  width: 100%;
}

.ele-admin-layout > .ele-admin-side + .ele-admin-main,
.ele-admin-main > .ele-admin-side + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-width));
}

.ele-admin-side.is-collapse + .ele-admin-main,
.ele-admin-side.is-collapse + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-collapse-width));
}

.ele-admin-side.is-mix + .ele-admin-main,
.ele-admin-side.is-mix + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-mix-width) - var(--ele-sidebox-width));
}

.ele-admin-side.is-mix.is-collapse + .ele-admin-main,
.ele-admin-side.is-mix.is-collapse + .ele-admin-body {
  width: calc(100% - var(--ele-sidebox-width));
}

.ele-admin-side.is-compact + .ele-admin-main,
.ele-admin-side.is-compact + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-mix-width) - var(--ele-sidebar-collapse-width));
}

.ele-admin-side.is-compact.is-collapse + .ele-admin-main,
.ele-admin-side.is-compact.is-collapse + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-collapse-width));
}

.ele-admin-side.is-box + .ele-admin-main,
.ele-admin-side.is-box + .ele-admin-body {
  width: calc(100% - var(--ele-sidebox-width));
}

.ele-admin-side.is-box.is-compact + .ele-admin-main,
.ele-admin-side.is-box.is-compact + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-collapse-width));
}

.ele-admin-layout.is-row-direction.is-mobile > .ele-admin-main,
.ele-admin-layout.is-row-direction.is-fixed-body > .ele-admin-main,
.ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body,
.ele-admin-layout.is-row-direction.is-maximized > .ele-admin-main,
.ele-admin-layout.is-maximized > .ele-admin-main > .ele-admin-body {
  width: 100%;
}

.ele-admin-layout {
  /* 固定主体 */
}
.ele-admin-layout.is-fixed-body {
  height: 100vh;
  height: 100dvh;
}
.ele-admin-layout.is-fixed-body > .ele-admin-main, .ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body, .ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-side, .ele-admin-layout.is-fixed-body > .ele-admin-side {
  height: 100%;
}
.ele-admin-layout.is-fixed-body > .ele-admin-main, .ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body, .ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper {
  overflow: auto;
}
.ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-admin-content {
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-backtop {
  z-index: var(--ele-layout-index);
}
.ele-admin-layout {
  /* 内容全屏 */
}
.ele-admin-layout.is-maximized > .ele-admin-header, .ele-admin-layout.is-maximized > .ele-admin-main > .ele-admin-header, .ele-admin-layout.is-maximized > .ele-admin-main > .ele-admin-side, .ele-admin-layout.is-maximized > .ele-admin-side, .ele-admin-layout.is-expanded > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  display: none;
}
.ele-admin-layout {
  /* 移动端风格 */
}
.ele-admin-layout.is-mobile > .ele-admin-side {
  width: 0;
  z-index: calc(var(--ele-layout-mask-index) + 1);
  clip-path: none !important;
}
.ele-admin-layout.is-mobile > .ele-admin-side > .ele-admin-sidebar:not(.is-dark), .ele-admin-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox:not(.is-dark) {
  background: var(--ele-sidebar-mobile-bg);
  backdrop-filter: var(--ele-sidebar-mobile-backdrop-filter);
}
.ele-admin-layout.is-mobile > .ele-admin-side > .ele-admin-sidebar.is-dark, .ele-admin-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox.is-dark {
  background: var(--ele-sidebar-mobile-dark-bg);
  backdrop-filter: var(--ele-sidebar-mobile-dark-backdrop-filter);
}
.ele-admin-layout.is-collapse > .ele-admin-side > .ele-admin-sidebar, .ele-admin-layout.is-collapse > .ele-admin-side > .ele-admin-sidebox {
  visibility: hidden;
}
.ele-admin-layout.is-collapse > .ele-admin-side > .ele-admin-sidebar {
  transform: translateX(-100%);
}
.ele-admin-layout.is-collapse > .ele-admin-side > .ele-admin-sidebar.is-mix, .ele-admin-layout.is-collapse > .ele-admin-side > .ele-admin-sidebox {
  transform: translateX(calc(var(--ele-sidebox-width) * -1 - var(--ele-sidebar-mix-width)));
}
.ele-admin-layout.is-collapse > .ele-admin-mask, .ele-admin-layout:not(.is-mobile) > .ele-admin-mask {
  visibility: hidden;
  opacity: 0;
}
.ele-admin-layout {
  /* 禁用过渡效果 */
}
.ele-admin-layout.is-transition-disabled > .ele-admin-header, .ele-admin-layout.is-transition-disabled > .ele-admin-main > .ele-admin-header, .ele-admin-layout.is-transition-disabled > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar, .ele-admin-layout.is-transition-disabled > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox, .ele-admin-layout.is-transition-disabled > .ele-admin-side > .ele-admin-sidebar, .ele-admin-layout.is-transition-disabled > .ele-admin-side > .ele-admin-sidebox, .ele-admin-layout.is-transition-disabled > .ele-admin-main, .ele-admin-layout.is-transition-disabled > .ele-admin-main > .ele-admin-body {
  transition: none !important;
}

/* logo */
.ele-admin-logo,
.ele-admin-logo-title {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ele-logo-color);
  font-size: var(--ele-logo-size);
  font-family: var(--ele-logo-family);
  height: var(--ele-header-height);
  position: relative;
  overflow: hidden;
}
.ele-admin-logo h1,
.ele-admin-logo-title h1 {
  margin: 0;
  font-weight: 500;
  font-size: inherit;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}

.ele-admin-logo > img {
  width: 30px;
  height: 30px;
}
.ele-admin-logo > img + h1 {
  margin-left: 8px;
}

.ele-admin-sidebar.is-collapse > .ele-admin-logo > img + h1 {
  display: none;
}

.ele-admin-header > .ele-admin-logo {
  margin-left: calc(var(--ele-header-tools-padding) + var(--ele-header-tool-padding));
}

.ele-admin-header.is-dark > .ele-admin-logo,
.ele-admin-header.is-primary > .ele-admin-logo,
.ele-admin-sidebar.is-dark > .ele-admin-logo,
.ele-admin-sidebar.is-dark > .ele-admin-logo-title,
.ele-admin-sidebox.is-dark > .ele-admin-logo {
  color: var(--ele-logo-dark-color);
}

/* 操作按钮 */
.ele-admin-tool {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--ele-header-tool-height);
  padding: 0 var(--ele-header-tool-padding);
  border-radius: var(--ele-header-tool-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}
.ele-admin-tool:hover {
  background: var(--ele-header-tool-hover-bg);
}
.ele-admin-tool > .el-dropdown {
  color: inherit;
  cursor: inherit;
  font-size: inherit;
  line-height: inherit;
  align-items: center;
  height: 100%;
}

.ele-admin-header.is-dark .ele-admin-tool:hover,
.ele-admin-header.is-primary .ele-admin-tool:hover,
.ele-admin-sidebar.is-dark .ele-admin-tool:hover,
.ele-admin-sidebox.is-dark .ele-admin-tool:hover {
  background: var(--ele-header-dark-tool-hover-bg);
}

.ele-admin-sidebar .ele-admin-tool,
.ele-admin-sidebox .ele-admin-tool {
  height: var(--ele-sidebar-tool-height);
  padding: 0;
}

.ele-admin-sidebar.is-dark .ele-admin-tool,
.ele-admin-sidebox.is-dark .ele-admin-tool {
  color: var(--ele-header-dark-color);
}

/* 模态框容器 */
.ele-admin-modals {
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: var(--ele-layout-index);
}

/* 遮罩 */
.ele-admin-mask {
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: var(--ele-layout-mask-index);
  background: var(--el-overlay-color-lighter);
  transition: all 0.2s;
}

/* 警告提示主题变量 */
.ele-alert {
  --ele-alert-color: var(--el-text-color-regular);
  --ele-alert-size: var(--el-font-size-small);
  --ele-alert-padding: 6px 12px;
  --ele-alert-radius: var(--el-border-radius-base);
  --ele-alert-title-color: var(--el-text-color-primary);
  --ele-alert-title-size: var(--el-font-size-base);
  --ele-alert-title-line-height: 24px;
  --ele-alert-icon-size: var(--el-font-size-medium);
  --ele-alert-icon-margin: 0 8px 0 0;
  --ele-alert-close-size: 18px;
  --ele-alert-close-margin: 0 -4px 0 4px;
  --ele-alert-close-radius: var(--el-border-radius-small);
  --ele-alert-close-font-size: 13px;
  --ele-alert-close-color: var(--el-text-color-placeholder);
  --ele-alert-close-hover-color: var(--el-text-color-primary);
  --ele-alert-close-hover-bg: transparent;
  --ele-alert-rich-padding: 12px 14px;
  --ele-alert-rich-icon-size: 26px;
}

.ele-alert.is-dark {
  --ele-alert-dark-color: rgba(255, 255, 255, 0.88);
  --ele-alert-dark-title-color: #fff;
  --ele-alert-dark-close-color: rgba(255, 255, 255, 0.88);
  --ele-alert-dark-close-hover-color: #fff;
  --ele-alert-dark-close-hover-bg: transparent;
}

.ele-alert {
  display: flex;
  align-items: center;
  padding: var(--ele-alert-padding);
  border-radius: var(--ele-alert-radius);
  background: var(--el-color-primary-light-9);
  border: 1px solid var(--el-color-primary-light-7);
  transition: opacity 0.2s;
  box-sizing: border-box;
  position: relative;
}
.ele-alert .ele-alert-icon {
  flex-shrink: 0;
  color: var(--el-color-primary);
  font-size: var(--ele-alert-icon-size);
  margin: var(--ele-alert-icon-margin);
  display: flex;
}
.ele-alert .ele-alert-body {
  flex: 1;
  overflow: auto;
}
.ele-alert .ele-alert-title {
  color: var(--ele-alert-color);
  font-size: var(--ele-alert-title-size);
  line-height: var(--ele-alert-title-line-height);
}
.ele-alert .ele-alert-title + .ele-alert-text {
  margin-top: 4px;
}
.ele-alert .ele-alert-text {
  color: var(--ele-alert-color);
  font-size: var(--ele-alert-size);
}
.ele-alert .ele-alert-close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-alert-close-size);
  height: var(--ele-alert-close-size);
  line-height: var(--ele-alert-close-size);
  border-radius: var(--ele-alert-close-radius);
  color: var(--ele-alert-close-color);
  font-size: var(--ele-alert-close-font-size);
  transition: color 0.2s, background-color 0.2s;
  margin: var(--ele-alert-close-margin);
  cursor: pointer;
}
.ele-alert .ele-alert-close:hover {
  color: var(--ele-alert-close-hover-color);
  background: var(--ele-alert-close-hover-bg);
}
.ele-alert {
  /* 含有描述 */
}
.ele-alert.is-rich {
  align-items: flex-start;
  padding: var(--ele-alert-rich-padding);
}
.ele-alert.is-rich > .ele-alert-icon {
  font-size: var(--ele-alert-rich-icon-size);
}
.ele-alert.is-rich > .ele-alert-body > .ele-alert-title {
  color: var(--ele-alert-title-color);
}
.ele-alert {
  /* 类型 */
}
.ele-alert.is-success {
  background: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-7);
}
.ele-alert.is-success > .ele-alert-icon {
  color: var(--el-color-success);
}
.ele-alert.is-warning {
  background: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-7);
}
.ele-alert.is-warning > .ele-alert-icon {
  color: var(--el-color-warning);
}
.ele-alert.is-error {
  background: var(--el-color-error-light-9);
  border-color: var(--el-color-error-light-7);
}
.ele-alert.is-error > .ele-alert-icon {
  color: var(--el-color-error);
}
.ele-alert {
  /* 居中 */
}
.ele-alert.is-center {
  justify-content: center;
}
.ele-alert.is-center > .ele-alert-body {
  flex: initial;
}
.ele-alert.is-center > .ele-alert-close {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.ele-alert {
  /* 主题 */
}
.ele-alert.is-dark {
  background: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.ele-alert.is-dark > .ele-alert-icon {
  color: var(--ele-alert-dark-title-color);
}
.ele-alert.is-dark > .ele-alert-body > .ele-alert-title, .ele-alert.is-dark > .ele-alert-body > .ele-alert-text {
  color: var(--ele-alert-dark-color);
}
.ele-alert.is-dark > .ele-alert-close {
  color: var(--ele-alert-dark-close-color);
}
.ele-alert.is-dark > .ele-alert-close:hover {
  color: var(--ele-alert-dark-close-hover-color);
  background: var(--ele-alert-dark-close-hover-bg);
}
.ele-alert.is-dark.is-rich > .ele-alert-body > .ele-alert-title {
  color: var(--ele-alert-dark-title-color);
}
.ele-alert.is-dark.is-success {
  background: var(--el-color-success);
  border-color: var(--el-color-success);
}
.ele-alert.is-dark.is-warning {
  background: var(--el-color-warning);
  border-color: var(--el-color-warning);
}
.ele-alert.is-dark.is-error {
  background: var(--el-color-error);
  border-color: var(--el-color-error);
}

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

.ele-avatar-group {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0;
}
.ele-avatar-group .el-avatar {
  vertical-align: top;
  border: 1px solid var(--el-bg-color);
  transition: all 0.3s ease;
  box-sizing: content-box;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.ele-avatar-group .el-avatar:first-child {
  margin-left: 0 !important;
}
.ele-avatar-group .el-avatar:hover {
  z-index: 2;
}
.ele-avatar-group .ele-avatar-more {
  color: rgb(245, 106, 0);
  background: var(--el-bg-color-overlay);
  display: inline-block;
}
.ele-avatar-group .ele-avatar-more-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 106, 0, 0.2);
}
.ele-avatar-group.is-hover-open::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease;
  pointer-events: all;
  z-index: 9999;
}
.ele-avatar-group.is-hover-open:hover::before {
  visibility: hidden;
}
.ele-avatar-group.is-hover-open:hover .el-avatar {
  margin-left: 0 !important;
}

.ele-avatar-popover.ele-popper.ele-popover {
  min-width: auto;
}

.ele-avatar-popover > .ele-popover-body {
  padding: 8px 12px;
}

/* 返回顶部主题变量 */
.ele-backtop {
  --ele-backtop-color: var(--el-text-color-regular);
  --ele-backtop-bg: var(--el-bg-color-overlay);
  --ele-backtop-shadow: var(--el-box-shadow-light);
  --ele-backtop-hover-color: var(--el-color-primary);
}

.ele-backtop {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 18px;
  color: var(--ele-backtop-color);
  background: var(--ele-backtop-bg);
  box-shadow: var(--ele-backtop-shadow);
  transition: color 0.2s, background-color 0.2s;
  position: fixed;
  right: 40px;
  bottom: 40px;
  cursor: pointer;
  z-index: 5;
}
.ele-backtop:hover {
  color: var(--ele-backtop-hover-color);
}

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

/* 通用下拉选择主题变量 */
.ele-select {
  --ele-input-padding-left: 10px;
  --ele-input-padding-right: 10px;
  --ele-input-bg: transparent;
  --ele-input-border: 1px solid var(--el-border-color);
  --ele-input-radius: var(--el-border-radius-base);
  --ele-input-hover-bg: transparent;
  --ele-input-hover-border: 1px solid var(--el-color-primary);
  --ele-input-hover-shadow: none;
  --ele-input-focus-bg: transparent;
  --ele-input-focus-border: 1px solid var(--el-color-primary);
  --ele-input-focus-shadow: 0 0 0 2px var(--el-color-primary-light-8);
  --ele-input-disabled-color: var(--el-disabled-text-color);
  --ele-input-disabled-bg: var(--el-disabled-bg-color);
  --ele-input-disabled-border: 1px solid var(--el-disabled-border-color);
  --ele-input-icon-size: 14px;
  --ele-input-icon-space: 6px;
  --ele-input-icon-color: var(--el-text-color-placeholder);
  --ele-input-icon-hover-color: var(--el-text-color-secondary);
  --ele-input-eye-margin: 0 -2px 0 6px;
  --ele-input-clear-margin: 0 -2px 0 6px;
  --ele-input-clear-color: var(--el-text-color-disabled);
  --ele-input-clear-hover-color: var(--el-text-color-secondary);
  --ele-input-status-margin: 0 -2px 0 6px;
  --ele-input-status-color: var(--el-color-success);
  --ele-input-count-size: var(--el-font-size-small);
  --ele-input-count-color: var(--el-text-color-secondary);
  --ele-input-extra-color: var(--el-text-color-regular);
  --ele-input-extra-bg: var(--el-fill-color-light);
  --ele-input-extra-padding: 0 10px;
  --ele-input-extra-line-height: normal;
  --ele-input-extra-preset-margin: -1px -11px;
}
.ele-select {
  --ele-input-error-bg: transparent;
  --ele-input-error-border: 1px solid var(--el-color-error);
  --ele-input-error-hover-bg: transparent;
  --ele-input-error-hover-border: 1px solid var(--el-color-error);
  --ele-input-error-hover-shadow: none;
  --ele-input-error-focus-bg: transparent;
  --ele-input-error-focus-border: 1px solid var(--el-color-error);
  --ele-input-error-focus-shadow: 0 0 0 2px var(--el-color-error-light-8);
  --ele-input-error-disabled-bg: var(--el-disabled-bg-color);
  --ele-input-error-disabled-border: 1px solid var(--el-disabled-border-color);
  --ele-input-error-status-color: var(--el-color-error);
}

.ele-select {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.ele-select > .el-input, .ele-select > .el-input > .el-input__wrapper, .ele-select > .el-input > .el-input__wrapper > .el-input__inner {
  cursor: inherit;
}
.ele-select.is-filterable {
  cursor: text;
}
.ele-select {
  /* 输入框 */
}
.ele-select > .el-input > .el-input__wrapper {
  border: var(--ele-input-border);
  background: var(--ele-input-bg);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  box-shadow: none;
}
.ele-select:hover > .el-input > .el-input__wrapper {
  border: var(--ele-input-hover-border);
  background: var(--ele-input-hover-bg);
  box-shadow: var(--ele-input-hover-shadow);
}
.ele-select > .el-input > .el-input__wrapper.is-focus, .ele-select.is-opened > .el-input > .el-input__wrapper {
  border: var(--ele-input-focus-border);
  background: var(--ele-input-focus-bg);
  box-shadow: var(--ele-input-focus-shadow);
}
.ele-select {
  /* 图标 */
}
.ele-select > .el-input > .el-input__wrapper .el-input__icon {
  color: var(--ele-input-icon-color);
  font-size: var(--ele-input-icon-size);
  transition: all 0.2s;
}
.ele-select > .el-input .el-input__prefix-inner .el-input__icon {
  margin-right: var(--ele-input-icon-space);
}
.ele-select > .el-input .el-input__suffix-inner .el-input__icon {
  margin-left: var(--ele-input-icon-space);
}
.ele-select {
  /* 箭头和清空图标 */
}
.ele-select > .el-input .el-input__icon.ele-select-clear, .ele-select > .el-input .el-input__icon.ele-select-arrow {
  margin: var(--ele-input-clear-margin);
}
.ele-select > .el-input .el-input__icon.ele-select-clear {
  color: var(--ele-input-clear-color);
  cursor: pointer;
}
.ele-select > .el-input .el-input__icon.ele-select-clear:hover {
  color: var(--ele-input-clear-hover-color);
}
.ele-select .ele-select-clear, .ele-select:hover .ele-select-clear + .ele-select-arrow, .ele-select:hover .ele-select-clear + .ele-select-arrow + .el-input__validateIcon {
  display: none;
}
.ele-select:hover .ele-select-clear {
  display: flex;
}
.ele-select .ele-select-arrow > svg > path {
  transition: d 0.2s;
}
.ele-select.is-opened .ele-select-arrow > svg > path {
  d: path("M10 31 24 17 38 31");
}
.ele-select {
  /* 多选 */
}
.ele-select.is-multiple {
  min-height: var(--el-component-size);
}
.ele-select.is-multiple > .el-input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ele-select.is-multiple > .el-input > .el-input__wrapper, .ele-select.is-multiple > .el-input > .el-input__wrapper > .el-input__inner {
  height: 100%;
  box-sizing: border-box;
}
.ele-select {
  /* 多选标签 */
}
.ele-select .ele-select-tags {
  display: flex;
  flex-wrap: wrap;
  min-height: inherit;
  box-sizing: border-box;
  padding: 2px 0 2px 4px;
  width: calc(100% - 22px);
  position: relative;
  z-index: 3;
}
.ele-select .ele-select-tags > .el-tag {
  flex-shrink: 0;
  margin: 2px 4px 2px 0;
  height: calc(var(--el-component-size) - 4px - 4px);
  border: none;
}
.ele-select.is-empty .ele-select-tags {
  padding-left: 8.8px;
}
.ele-select {
  /* 多选搜索框 */
}
.ele-select .ele-select-search.el-tag {
  flex: 1;
  padding: 0;
  margin-right: 0;
  min-width: 60px;
  overflow: hidden;
  background: none;
  display: none;
  font-size: 0;
}
.ele-select .ele-select-search.el-tag > .el-tag__content {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
}
.ele-select .ele-select-search.el-tag .el-input {
  width: 100%;
  height: 100%;
  cursor: inherit;
}
.ele-select .ele-select-search.el-tag .el-input .el-input__wrapper {
  height: 100%;
  min-height: auto;
  padding: 0 0 0 2px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  background: none;
  cursor: inherit;
}
.ele-select .ele-select-search.el-tag .el-input .el-input__inner {
  height: 100%;
  cursor: inherit;
}
.ele-select.is-opened .ele-select-search.el-tag {
  display: block;
}
.ele-select {
  /* 小尺寸 */
}
.ele-select.is-small.is-multiple {
  min-height: var(--el-component-size-small);
}
.ele-select.is-small .ele-select-tags {
  width: calc(100% - 20px);
}
.ele-select.is-small .ele-select-tags > .el-tag {
  margin: 1px 4px 1px 0;
  height: calc(var(--el-component-size-small) - 4px - 2px);
}
.ele-select.is-small.is-empty .ele-select-tags {
  padding-left: 6.8px;
}
.ele-select {
  /* 大尺寸 */
}
.ele-select.is-large.is-multiple {
  min-height: var(--el-component-size-large);
}
.ele-select.is-large .ele-select-tags {
  padding: 4px 0 4px 6px;
  width: calc(100% - 24px);
}
.ele-select.is-large .ele-select-tags > .el-tag {
  height: calc(var(--el-component-size-large) - 8px - 4px);
}
.ele-select.is-large.is-empty .ele-select-tags {
  padding-left: 10.8px;
}
.ele-select {
  /* 禁用 */
}
.ele-select.is-disabled {
  cursor: not-allowed;
}
.ele-select.is-disabled > .el-input.is-disabled > .el-input__wrapper {
  border: var(--ele-input-disabled-border);
  background: var(--ele-input-disabled-bg);
  box-shadow: none;
}
.ele-select.is-disabled > .el-input > .el-input__wrapper > .el-input__inner {
  color: var(--ele-input-disabled-color);
  -webkit-text-fill-color: var(--ele-input-disabled-color);
}
.ele-select.is-disabled .ele-select-tags > .el-tag {
  color: var(--el-disabled-text-color);
  background: hsla(0, 0%, 60%, 0.15);
}

/* 表单验证 */
.el-form-item.is-error .ele-select > .el-input > .el-input__wrapper {
  border: var(--ele-input-error-border);
  background: var(--ele-input-error-bg);
  box-shadow: none;
}
.el-form-item.is-error .ele-select:hover > .el-input > .el-input__wrapper {
  border: var(--ele-input-error-hover-border);
  background: var(--ele-input-error-hover-bg);
  box-shadow: var(--ele-input-error-hover-shadow);
}
.el-form-item.is-error .ele-select > .el-input > .el-input__wrapper.is-focus,
.el-form-item.is-error .ele-select.is-opened > .el-input > .el-input__wrapper {
  border: var(--ele-input-error-focus-border);
  background: var(--ele-input-error-focus-bg);
  box-shadow: var(--ele-input-error-focus-shadow) !important;
}
.el-form-item.is-error .ele-select.is-disabled > .el-input > .el-input__wrapper {
  border: var(--ele-input-error-disabled-border);
  background: var(--ele-input-error-disabled-bg);
  box-shadow: none;
}

/* 底部工具栏主题变量 */
.ele-bottom-bar {
  --ele-bottom-bar-padding: 8px 16px;
  --ele-bottom-bar-bg: var(--el-bg-color-overlay);
  --ele-bottom-bar-shadow: 0 -1px 5px rgba(0, 0, 0, 0.08);
}

.ele-bottom-bar {
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--ele-bottom-bar-padding);
  background: var(--ele-bottom-bar-bg);
  box-shadow: var(--ele-bottom-bar-shadow);
  z-index: var(--ele-layout-index, 99);
}
.ele-bottom-bar .ele-bottom-bar-body {
  flex: 1;
  overflow: auto;
}
.ele-bottom-bar .ele-bottom-bar-extra {
  flex-shrink: 0;
}
.ele-bottom-bar.is-deactivated {
  display: none;
}

.ele-breadcrumb {
  white-space: nowrap;
  font-size: inherit;
}
.ele-breadcrumb::after, .ele-breadcrumb::before {
  display: none;
}
.ele-breadcrumb .el-breadcrumb__item {
  float: none;
  display: inline;
  vertical-align: 1px;
}
.ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner {
  color: var(--el-text-color-secondary);
  font-weight: normal;
}
.ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover {
  color: var(--el-color-primary);
}
.ele-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: var(--el-text-color-regular);
}

/* 表格操作按钮主题变量 */
.ele-buttons-wrap {
  --ele-buttons-gap: 12px;
  --ele-buttons-link-arrow-font-size: 12px;
  --ele-buttons-link-arrow-margin: 0 0 0 2px;
  --ele-buttons-link-arrow-vertical-align: -1px;
  --ele-buttons-btn-arrow-font-size: 12px;
  --ele-buttons-btn-arrow-margin: 0 -4px 0 2px;
  --ele-buttons-link-icon-font-size: 13px;
  --ele-buttons-link-icon-margin: 0 4px 0 0;
  --ele-buttons-btn-icon-margin: 0 -2px 0 -2px;
  --ele-buttons-icon-btn-padding-left: 12px;
  --ele-buttons-icon-btn-padding-right: 12px;
  --ele-buttons-icon-btn-sm-padding-left: 6px;
  --ele-buttons-icon-btn-sm-padding-right: 6px;
  --ele-buttons-icon-btn-lg-padding-left: 16px;
  --ele-buttons-icon-btn-lg-padding-right: 16px;
}

/* 按钮容器 */
.ele-buttons {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
.ele-buttons.is-nowrap {
  flex-wrap: nowrap;
}
.ele-buttons.is-gap {
  gap: var(--ele-buttons-gap);
}
.ele-buttons.is-gap .ele-buttons-item.ele-buttons-btn {
  margin: 0;
}
.ele-buttons.is-modal-footer {
  display: flex;
  justify-content: flex-end;
}

/* 下拉箭头 */
.ele-buttons-link .ele-buttons-arrow {
  font-size: var(--ele-buttons-link-arrow-font-size);
  margin: var(--ele-buttons-link-arrow-margin);
  vertical-align: var(--ele-buttons-link-arrow-vertical-align);
}

.ele-buttons-btn .ele-buttons-arrow {
  font-size: var(--ele-buttons-btn-arrow-vertical-align);
  margin: var(--ele-buttons-btn-arrow-margin);
}

/* 带图标间距调整 */
.ele-buttons-item.ele-buttons-icon-link > .el-icon {
  font-size: var(--ele-buttons-link-icon-font-size);
  margin: var(--ele-buttons-link-icon-margin);
}
.ele-buttons-item.ele-buttons-btn.ele-buttons-icon-btn {
  padding-left: var(--ele-buttons-icon-btn-padding-left);
  padding-right: var(--ele-buttons-icon-btn-padding-right);
}
.ele-buttons-item.ele-buttons-btn.ele-buttons-icon-btn > .el-icon {
  margin: var(--ele-buttons-btn-icon-margin);
}
.ele-buttons-item.ele-buttons-btn.ele-buttons-icon-btn.el-button--small {
  padding-left: var(--ele-buttons-icon-btn-sm-padding-left);
  padding-right: var(--ele-buttons-icon-btn-sm-padding-right);
}
.ele-buttons-item.ele-buttons-btn.ele-buttons-icon-btn.el-button--large {
  padding-left: var(--ele-buttons-icon-btn-lg-padding-left);
  padding-right: var(--ele-buttons-icon-btn-lg-padding-right);
}

/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 卡片主题变量 */
.ele-card {
  --ele-card-padding: 20px;
  --ele-card-bg: var(--el-bg-color);
  --ele-card-radius: var(--el-border-radius-base);
  --ele-card-border: 1px solid var(--el-border-color-lighter);
  --ele-card-none-border: none;
  --ele-card-none-shadow: none;
  --ele-card-shadow: var(--el-box-shadow-lighter);
  --ele-card-hover-shadow: var(--el-box-shadow);
  --ele-card-header-padding: 14px 22px;
  --ele-card-header-color: var(--el-text-color-primary);
  --ele-card-header-font-size: var(--el-font-size-medium);
  --ele-card-header-line-height: 24px;
  --ele-card-header-font-weight: normal;
  --ele-card-header-border: 1px solid var(--el-border-color-light);
  --ele-card-footer-padding: 14px 22px;
  --ele-card-footer-border: 1px solid var(--el-border-color-light);
  --ele-card-collapse-size: 24px;
  --ele-card-collapse-font-size: 16px;
  --ele-card-collapse-color: var(--el-text-color-secondary);
  --ele-card-collapse-radius: var(--el-border-radius-small);
  --ele-card-collapse-margin: 1px -6px 0 0;
  --ele-card-collapse-hover-color: var(--el-text-color-primary);
  --ele-card-collapse-hover-bg: transparent;
  --ele-card-search-form-padding: 20px 20px 4px 20px;
  --ele-card-search-form-space: 16px;
}

.ele-card-body {
  padding: var(--ele-card-padding);
  transition: max-height 0.2s, padding-top 0.2s, padding-bottom 0.2s;
  box-sizing: border-box;
}

.ele-card-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: var(--ele-card-header-color);
  font-size: var(--ele-card-header-font-size);
  font-weight: var(--ele-card-header-font-weight);
  line-height: var(--ele-card-header-line-height);
  padding: var(--ele-card-header-padding);
  border-bottom: var(--ele-card-header-border);
  box-sizing: border-box;
}

.ele-card-title {
  flex: 1;
}

.ele-card-footer {
  flex-shrink: 0;
  padding: var(--ele-card-footer-padding);
  border-top: var(--ele-card-footer-border);
  box-sizing: border-box;
}

.ele-card-collapse-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-card-collapse-size);
  height: var(--ele-card-collapse-size);
  color: var(--ele-card-collapse-color);
  font-size: var(--ele-card-collapse-font-size);
  border-radius: var(--ele-card-collapse-radius);
  margin: var(--ele-card-collapse-margin);
  transition: all 0.2s;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
}
.ele-card-collapse-icon svg.ele-arrow-up path {
  transition: d 0.2s;
}
.ele-card-collapse-icon:hover {
  color: var(--ele-card-collapse-hover-color);
  background: var(--ele-card-collapse-hover-bg);
}

.ele-card {
  box-sizing: border-box;
  background: var(--ele-card-bg);
  border: var(--ele-card-none-border);
  box-shadow: var(--ele-card-none-shadow);
  border-radius: var(--ele-card-radius);
  transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
.ele-card.is-border {
  border: var(--ele-card-border);
}
.ele-card.is-shadow {
  box-shadow: var(--ele-card-shadow);
}
.ele-card.is-hover-shadow:hover {
  box-shadow: var(--ele-card-hover-shadow);
}
.ele-card {
  /* 折叠状态 */
}
.ele-card.is-collapse > .ele-card-header {
  border-bottom: none;
}
.ele-card.is-collapse > .ele-card-header > .ele-card-collapse-icon svg.ele-arrow-up path {
  d: path("M10 17 24 31 38 17");
}
.ele-card {
  /* 搜索表单 */
}
.ele-card.is-search-form > .ele-card-body {
  overflow: hidden;
  padding: var(--ele-card-search-form-padding);
}
.ele-card.is-search-form > .ele-card-body .el-form-item {
  margin-bottom: var(--ele-card-search-form-space);
}
.ele-card {
  /* 内部表格高度铺满 */
}
.ele-card.is-flex-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-card.is-flex-table > .ele-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.ele-card.is-flex-table > .ele-card-body > .ele-pro-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-card.is-flex-table > .ele-card-body > .ele-pro-table > .ele-pro-table-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.ele-card.is-flex-auto-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-card.is-flex-auto-table > .ele-card-body {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-card.is-flex-auto-table > .ele-card-body > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-card.is-flex-auto-table > .ele-card-body > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}

/* 聊天主题变量 */
.ele-chat-wrapper {
  --ele-chat-side-bg: var(--el-fill-color-extra-light);
  --ele-chat-side-pop-bg: var(--el-bg-color-overlay);
  --ele-chat-side-line: 1px solid var(--el-border-color-light);
  --ele-chat-side-size: 238px;
  --ele-chat-side-tools-padding: 8px 12px;
  --ele-chat-logo-padding: 14px 10px 10px 16px;
  --ele-chat-logo-size: 30px;
  --ele-chat-logo-font-size: var(--el-font-size-large);
  --ele-chat-logo-color: var(--el-text-color-primary);
  --ele-chat-logo-gap: 8px;
  --ele-chat-logo-tool-color: var(--el-text-color-secondary);
  --ele-chat-logo-tool-font-size: var(--el-font-size-medium);
  --ele-chat-logo-tool-size: 28px;
  --ele-chat-logo-tool-radius: var(--el-border-radius-base);
  --ele-chat-logo-tool-hover-color: var(--el-text-color-primary);
  --ele-chat-logo-tool-hover-bg: var(--el-fill-color);
  --ele-chat-header-padding: 6px 16px;
  --ele-chat-header-color: var(--el-text-color-regular);
  --ele-chat-header-font-size: var(--el-font-size-small);
  --ele-chat-header-title-margin: 0 118px 0 0;
  --ele-chat-header-tools-border: 1px solid var(--el-border-color-light);
  --ele-chat-header-tools-bg: var(--el-bg-color-overlay);
  --ele-chat-header-tools-padding: 4px;
  --ele-chat-header-tools-radius: 40px;
  --ele-chat-header-tools-margin: 0 12px;
  --ele-chat-header-tool-color: var(--el-text-color-regular);
  --ele-chat-header-tool-font-size: var(--el-font-size-medium);
  --ele-chat-header-tool-size: 28px;
  --ele-chat-header-tool-radius: 50%;
  --ele-chat-header-tool-hover-color: var(--el-text-color-primary);
  --ele-chat-header-tool-hover-bg: var(--el-fill-color-light);
  --ele-chat-content-max-width: 880px;
  --ele-chat-content-padding: 8px 12px;
  --ele-chat-bottom-padding: 0 12px 6px 12px;
  --ele-chat-footer-color: var(--el-text-color-placeholder);
  --ele-chat-footer-font-size: 11px;
  --ele-chat-footer-padding: 6px 0 0 0;
  --ele-chat-conversation-group-color: var(--el-text-color-secondary);
  --ele-chat-conversation-group-font-size: var(--el-font-size-extra-small);
  --ele-chat-conversation-group-padding: 12px 16px 2px 16px;
  --ele-chat-conversation-color: var(--el-text-color-regular);
  --ele-chat-conversation-font-size: var(--el-font-size-base);
  --ele-chat-conversation-padding: 8px 18px;
  --ele-chat-conversation-margin: 2px 0;
  --ele-chat-conversation-radius: 0px;
  --ele-chat-conversation-hover-bg: var(--el-fill-color);
  --ele-chat-conversation-active-color: var(--el-color-primary);
  --ele-chat-conversation-active-bg: var(--el-color-primary-light-9);
  --ele-chat-conversation-more-color: var(--el-text-color-secondary);
  --ele-chat-conversation-more-font-size: var(--el-font-size-base);
  --ele-chat-conversation-more-size: 22px;
  --ele-chat-conversation-more-radius: var(--el-border-radius-base);
  --ele-chat-conversation-more-margin: 0 -8px 0 4px;
  --ele-chat-conversation-more-bg: transparent;
  --ele-chat-conversation-more-hover-color: var(--el-text-color-primary);
  --ele-chat-conversation-more-hover-bg: hsla(0, 0%, 60%, 0.15);
  --ele-chat-bubble-gap: 6px;
  --ele-chat-bubble-max-width: 760px;
  --ele-chat-bubble-padding: 12px 16px;
  --ele-chat-bubble-color: var(--el-text-color-regular);
  --ele-chat-bubble-font-size: var(--el-font-size-base);
  --ele-chat-bubble-shadow: none;
  --ele-chat-bubble-bg: var(--el-fill-color-light);
  --ele-chat-bubble-border: none;
  --ele-chat-bubble-radius: 6px;
  --ele-chat-bubble-end-bg: var(--el-color-primary-light-9);
  --ele-chat-bubble-end-border: none;
  --ele-chat-bubble-end-radius: 6px;
  --ele-chat-bubble-avatar-size: 34px;
  --ele-chat-bubble-avatar-bg: var(--el-bg-color);
  --ele-chat-bubble-avatar-border: 1px solid var(--el-border-color-lighter);
  --ele-chat-bubble-avatar-radius: var(--el-border-radius-base);
  --ele-chat-bubble-avatar-padding: 2px;
  --ele-chat-bubble-avatar-margin: 8px;
  --ele-chat-bubble-header-color: var(--el-text-color-secondary);
  --ele-chat-bubble-header-font-size: var(--el-font-size-small);
  --ele-chat-bubble-header-margin: 2px 0 4px 0;
  --ele-chat-bubble-tool-gap: 2px;
  --ele-chat-bubble-tool-size: 26px;
  --ele-chat-bubble-tool-color: var(--el-text-color-secondary);
  --ele-chat-bubble-tool-font-size: var(--el-font-size-small);
  --ele-chat-bubble-tool-radius: 24px;
  --ele-chat-bubble-tool-bg: transparent;
  --ele-chat-bubble-tool-border: none;
  --ele-chat-bubble-tool-hover-color: var(--el-text-color-primary);
  --ele-chat-bubble-tool-hover-bg: var(--el-fill-color);
  --ele-chat-bubble-tool-hover-border: none;
  --ele-chat-bubble-tool-disabled-color: var(--el-disabled-text-color);
  --ele-chat-bubble-tool-disabled-bg: transparent;
  --ele-chat-bubble-tool-disabled-border: none;
  --ele-chat-bubble-loading-padding: 14px 8px;
  --ele-chat-bubble-loading-gap: 8px;
  --ele-chat-bubble-loading-size: 4px;
  --ele-chat-think-color: var(--el-text-color-regular);
  --ele-chat-think-font-size: var(--el-font-size-small);
  --ele-chat-think-hover-color: var(--el-color-primary);
  --ele-chat-think-text-color: var(--el-text-color-secondary);
  --ele-chat-think-text-font-size: var(--el-font-size-small);
  --ele-chat-input-padding: 8px;
  --ele-chat-input-bg: var(--el-bg-color-overlay);
  --ele-chat-input-height: 52px;
  --ele-chat-input-max-height: 128px;
  --ele-chat-input-font-size: var(--el-font-size-base);
  --ele-chat-input-line-height: 20px;
  --ele-chat-input-radius: 8px;
  --ele-chat-input-border: 1px solid var(--el-border-color);
  --ele-chat-input-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
  --ele-chat-input-hover-border: 1px solid var(--el-color-primary-light-5);
  --ele-chat-input-hover-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
  --ele-chat-input-focus-border: 1px solid var(--el-color-primary);
  --ele-chat-input-focus-shadow: 0 2px 20px 0 var(--el-color-primary-light-8);
  --ele-chat-input-inner-padding: 4px 12px;
  --ele-chat-input-tool-gap: 6px;
  --ele-chat-input-tool-color: var(--el-text-color-regular);
  --ele-chat-input-tool-font-size: var(--el-font-size-base);
  --ele-chat-input-tool-size: 32px;
  --ele-chat-input-tool-icon-size: var(--el-font-size-medium);
  --ele-chat-input-tool-radius: var(--el-border-radius-base);
  --ele-chat-input-tool-round-radius: 32px;
  --ele-chat-input-tool-border: 1px solid var(--el-border-color-light);
  --ele-chat-input-tool-padding: 0 8px;
  --ele-chat-input-tool-bg: transparent;
  --ele-chat-input-tool-hover-color: var(--el-text-color-regular);
  --ele-chat-input-tool-hover-bg: var(--el-fill-color-light);
  --ele-chat-input-tool-hover-border: 1px solid var(--el-border-color);
  --ele-chat-input-tool-selected-color: var(--el-color-primary);
  --ele-chat-input-tool-selected-bg: var(--el-color-primary-light-9);
  --ele-chat-input-tool-selected-border: 1px solid var(--el-color-primary-light-5);
  --ele-chat-input-tool-disabled-color: var(--el-disabled-text-color);
  --ele-chat-input-tool-disabled-bg: transparent;
  --ele-chat-input-tool-disabled-border: var(--el-disabled-border-color);
  --ele-chat-input-tool-label-margin: 0 0 0 4px;
  --ele-chat-file-gap: 8px;
  --ele-chat-file-item-width: 200px;
  --ele-chat-file-item-padding: 6px 8px;
  --ele-chat-file-item-bg: transparent;
  --ele-chat-file-item-border: 1px solid var(--el-border-color-light);
  --ele-chat-file-item-radius: var(--el-border-radius-base);
  --ele-chat-file-item-hover-bg: var(--el-fill-color-light);
  --ele-chat-file-item-hover-border: 1px solid var(--el-border-color);
  --ele-chat-file-item-color: var(--el-text-color-regular);
  --ele-chat-file-item-font-size: var(--el-font-size-small);
  --ele-chat-file-item-sub-color: var(--el-text-color-secondary);
  --ele-chat-file-item-sub-font-size: var(--el-font-size-extra-small);
  --ele-chat-file-item-icon-size: 32px;
  --ele-chat-file-item-icon-margin: 0 8px 0 0;
  --ele-chat-file-item-del-color: #fff;
  --ele-chat-file-item-del-font-size: 12px;
  --ele-chat-file-item-del-size: 16px;
  --ele-chat-file-item-del-radius: 50%;
  --ele-chat-file-item-del-position: 4px;
  --ele-chat-file-item-del-bg: var(--el-text-color-disabled);
  --ele-chat-file-item-del-hover-bg: var(--el-text-color-secondary);
  --ele-chat-file-tool-color: var(--el-text-color-secondary);
  --ele-chat-file-tool-font-size: var(--el-font-size-medium);
  --ele-chat-file-tool-size: 24px;
  --ele-chat-file-tool-radius: 50%;
  --ele-chat-file-tool-bg: var(--el-bg-color-overlay);
  --ele-chat-file-tool-border: 1px solid var(--el-border-color);
  --ele-chat-file-tool-shadow: var(--el-box-shadow-lighter);
  --ele-chat-file-tool-hover-color: var(--el-text-color-primary);
  --ele-chat-file-tool-hover-bg: var(--el-fill-color-light);
  --ele-chat-file-tool-hover-border: 1px solid var(--el-border-color);
  --ele-chat-file-tool-hover-shadow: var(--el-box-shadow-lighter);
  --ele-chat-backbottom-color: var(--el-text-color-secondary);
  --ele-chat-backbottom-font-size: var(--el-font-size-medium);
  --ele-chat-backbottom-size: 32px;
  --ele-chat-backbottom-radius: 50%;
  --ele-chat-backbottom-bg: var(--el-bg-color-overlay);
  --ele-chat-backbottom-border: 1px solid var(--el-border-color);
  --ele-chat-backbottom-shadow: var(--el-box-shadow-lighter);
  --ele-chat-backbottom-margin: 0 auto 16px auto;
  --ele-chat-backbottom-hover-color: var(--el-text-color-primary);
  --ele-chat-backbottom-hover-bg: var(--el-fill-color-light);
  --ele-chat-mask-bg: var(--el-overlay-color-lighter);
  --ele-chat-mask-index: 90;
}

.ele-chat {
  display: flex;
  box-sizing: border-box;
  position: relative;
}

/* 侧栏 */
.ele-chat-side {
  width: var(--ele-chat-side-size);
  background: var(--ele-chat-side-bg);
  border-right: var(--ele-chat-side-line);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transition: all 0.2s;
}

.ele-chat-side-footer {
  flex-shrink: 0;
  box-sizing: border-box;
}

.ele-chat-side-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: auto;
}

.ele-chat-conversation-list {
  flex: 1;
  box-sizing: border-box;
  overflow: auto;
}

.ele-chat-side-tools {
  flex-shrink: 0;
  padding: var(--ele-chat-side-tools-padding);
  box-sizing: border-box;
}

.ele-chat-new-btn.el-button {
  width: 100%;
  border-style: dashed;
  --el-button-bg-color: transparent;
}

/* logo */
.ele-chat-logo-wrapper {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: var(--ele-chat-logo-padding);
  box-sizing: border-box;
}

.ele-chat-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.ele-chat-logo-img,
.ele-chat-header-logo-img {
  width: auto;
  height: var(--ele-chat-logo-size);
  box-sizing: border-box;
}
.ele-chat-logo-img + .ele-chat-logo-title,
.ele-chat-header-logo-img + .ele-chat-logo-title {
  margin-left: var(--ele-chat-logo-gap);
}

.ele-chat-logo-title {
  color: var(--ele-chat-logo-color);
  font-size: var(--ele-chat-logo-font-size);
  box-sizing: border-box;
}

.ele-chat-logo-tools {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
}

.ele-chat-logo-tool {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-chat-logo-tool-size);
  height: var(--ele-chat-logo-tool-size);
  color: var(--ele-chat-logo-tool-color);
  font-size: var(--ele-chat-logo-tool-font-size);
  border-radius: var(--ele-chat-logo-tool-radius);
  transition: all 0.2s;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
}
.ele-chat-logo-tool:hover {
  color: var(--ele-chat-logo-tool-hover-color);
  background: var(--ele-chat-logo-tool-hover-bg);
}

.ele-chat-header-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
}

/* 主体 */
.ele-chat-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.ele-chat-content {
  flex: 1;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-chat-content > div {
  box-sizing: border-box;
}

.ele-chat-bottom {
  flex-shrink: 0;
  padding: var(--ele-chat-bottom-padding);
  box-sizing: border-box;
}

.ele-chat-footer {
  flex-shrink: 0;
  text-align: center;
  color: var(--ele-chat-footer-color);
  font-size: var(--ele-chat-footer-font-size);
  padding: var(--ele-chat-footer-padding);
  box-sizing: border-box;
}

/* 顶栏 */
.ele-chat-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: var(--ele-chat-header-padding);
  box-sizing: border-box;
}

.ele-chat-header-title {
  flex: 1;
  color: var(--ele-chat-header-color);
  font-size: var(--ele-chat-header-font-size);
  margin: var(--ele-chat-header-title-margin);
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  text-align: center;
}

.ele-chat-header-tools {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  background: var(--ele-chat-header-tools-bg);
  border: var(--ele-chat-header-tools-border);
  border-radius: var(--ele-chat-header-tools-radius);
  padding: var(--ele-chat-header-tools-padding);
  margin: var(--ele-chat-header-tools-margin);
  transition: all 0.2s;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
}

.ele-chat-header-tool {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-chat-header-tool-size);
  height: var(--ele-chat-header-tool-size);
  color: var(--ele-chat-header-tool-color);
  font-size: var(--ele-chat-header-tool-font-size);
  border-radius: var(--ele-chat-header-tool-radius);
  transition: all 0.2s;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
}
.ele-chat-header-tool:hover {
  color: var(--ele-chat-header-tool-hover-color);
  background: var(--ele-chat-header-tool-hover-bg);
}

/* 折叠侧栏 */
.ele-chat.is-collapse > .ele-chat-side {
  opacity: 0;
  margin-left: calc(var(--ele-chat-side-size) * -1);
  visibility: hidden;
}
.ele-chat.is-collapse > .ele-chat-body > .ele-chat-header > .ele-chat-header-logo, .ele-chat.is-collapse > .ele-chat-body > .ele-chat-header > .ele-chat-header-tools {
  opacity: 1;
  visibility: visible;
}

/* 对话列表 */
.ele-chat-conversation {
  box-sizing: border-box;
}

.ele-chat-conversation-body {
  display: flex;
  align-items: center;
  color: var(--ele-chat-conversation-group-color);
  font-size: var(--ele-chat-conversation-group-font-size);
  padding: var(--ele-chat-conversation-group-padding);
  margin: var(--ele-chat-conversation-margin);
  transition: all 0.2s;
  box-sizing: border-box;
}

.ele-chat-conversation:not(.is-group) > .ele-chat-conversation-body {
  color: var(--ele-chat-conversation-color);
  font-size: var(--ele-chat-conversation-font-size);
  padding: var(--ele-chat-conversation-padding);
  border-radius: var(--ele-chat-conversation-radius);
  cursor: pointer;
}
.ele-chat-conversation:not(.is-group) > .ele-chat-conversation-body:hover {
  background: var(--ele-chat-conversation-hover-bg);
}

.ele-chat-conversation:not(.is-group).is-active > .ele-chat-conversation-body {
  color: var(--ele-chat-conversation-active-color);
  background: var(--ele-chat-conversation-active-bg);
}

.ele-chat-conversations {
  box-sizing: border-box;
}

.ele-chat-conversation-label {
  flex: 1;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.ele-chat-conversation-more {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-chat-conversation-more-size);
  height: var(--ele-chat-conversation-more-size);
  color: var(--ele-chat-conversation-more-color);
  font-size: var(--ele-chat-conversation-more-font-size);
  background: var(--ele-chat-conversation-more-bg);
  border-radius: var(--ele-chat-conversation-more-radius);
  margin: var(--ele-chat-conversation-more-margin);
  transition: all 0.2s;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
}
.ele-chat-conversation-more:hover, .ele-chat-conversation-more.is-opened {
  color: var(--ele-chat-conversation-more-hover-color);
  background: var(--ele-chat-conversation-more-hover-bg);
}

.ele-chat-conversation:not(:hover):not(.is-active):not(.is-dropdown-opened) > .ele-chat-conversation-body > .ele-chat-conversation-more {
  display: none;
}

.ele-chat-conversation-shrink {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px 0 0;
}
.ele-chat-conversation-shrink > .el-icon {
  transition: all 0.2s;
}

.ele-chat-conversation.is-shrink > .ele-chat-conversation-body > .ele-chat-conversation-shrink > .el-icon {
  transform: rotate(-90deg);
}
.ele-chat-conversation.is-shrink > .ele-chat-conversations {
  display: none;
}

/* 消息列表 */
.ele-chat-bubble-list {
  margin: 0 auto;
  max-width: var(--ele-chat-content-max-width);
  padding: var(--ele-chat-content-padding);
  box-sizing: border-box;
}

.ele-chat-bubble {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  color: var(--ele-chat-bubble-color);
  font-size: var(--ele-chat-bubble-font-size);
}
.ele-chat-bubble > .ele-chat-file-wrapper + .ele-chat-bubble-main {
  margin-top: var(--ele-chat-file-gap);
}

.ele-chat-bubble-main {
  width: 100%;
  display: flex;
  box-sizing: border-box;
}

.ele-chat-bubble-avatar {
  flex-shrink: 0;
  display: flex;
  margin: 0 var(--ele-chat-bubble-avatar-margin) 0 0;
}

.ele-chat-bubble-avatar-img {
  width: var(--ele-chat-bubble-avatar-size);
  height: var(--ele-chat-bubble-avatar-size);
  padding: var(--ele-chat-bubble-avatar-padding);
  border: var(--ele-chat-bubble-avatar-border);
  border-radius: var(--ele-chat-bubble-avatar-radius);
  background: var(--ele-chat-bubble-avatar-bg);
  box-sizing: border-box;
}

.ele-chat-bubble-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}

.ele-chat-bubble-header {
  color: var(--ele-chat-bubble-header-color);
  font-size: var(--ele-chat-bubble-header-font-size);
  margin: var(--ele-chat-bubble-header-margin);
}

.ele-chat-bubble-content {
  width: 100%;
  max-width: var(--ele-chat-bubble-max-width);
  padding: var(--ele-chat-bubble-padding);
  border: var(--ele-chat-bubble-border);
  border-radius: var(--ele-chat-bubble-radius);
  box-shadow: var(--ele-chat-bubble-shadow);
  background: var(--ele-chat-bubble-bg);
  box-sizing: border-box;
}

.ele-chat-bubble-content-text {
  box-sizing: border-box;
  white-space: pre-wrap;
}

.ele-chat-bubble.is-placement-end {
  align-items: flex-end;
}
.ele-chat-bubble.is-placement-end > .ele-chat-bubble-main {
  flex-direction: row-reverse;
}
.ele-chat-bubble.is-placement-end > .ele-chat-bubble-main > .ele-chat-bubble-avatar {
  margin: 0 0 0 var(--ele-chat-bubble-avatar-margin);
}
.ele-chat-bubble.is-placement-end > .ele-chat-bubble-main > .ele-chat-bubble-body {
  align-items: flex-end;
}
.ele-chat-bubble.is-placement-end > .ele-chat-bubble-main > .ele-chat-bubble-body > .ele-chat-bubble-content {
  border: var(--ele-chat-bubble-end-border);
  border-radius: var(--ele-chat-bubble-end-radius);
  background: var(--ele-chat-bubble-end-bg);
}

.ele-chat-bubble-footer {
  display: flex;
  align-items: center;
  margin-top: var(--ele-chat-bubble-gap);
  box-sizing: border-box;
}

.ele-chat-bubble-tool {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--ele-chat-bubble-tool-size);
  width: var(--ele-chat-bubble-tool-size);
  height: var(--ele-chat-bubble-tool-size);
  color: var(--ele-chat-bubble-tool-color);
  font-size: var(--ele-chat-bubble-tool-font-size);
  background: var(--ele-chat-bubble-tool-bg);
  border: var(--ele-chat-bubble-tool-border);
  border-radius: var(--ele-chat-bubble-tool-radius);
  transition: all 0.2s;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
}
.ele-chat-bubble-tool:not(.is-text):not(.is-disabled):hover {
  color: var(--ele-chat-bubble-tool-hover-color);
  background: var(--ele-chat-bubble-tool-hover-bg);
  border: var(--ele-chat-bubble-tool-hover-border);
}
.ele-chat-bubble-tool.is-disabled {
  color: var(--ele-chat-bubble-tool-disabled-color);
  background: var(--ele-chat-bubble-tool-disabled-bg);
  border: var(--ele-chat-bubble-tool-disabled-border);
  cursor: not-allowed;
}
.ele-chat-bubble-tool + .ele-chat-bubble-tool {
  margin-left: var(--ele-chat-bubble-tool-gap);
}
.ele-chat-bubble-tool > * {
  pointer-events: none;
}

@keyframes eleChatLoadingAnim {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(4px);
  }
  20% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-4px);
  }
  40% {
    transform: translateY(0);
  }
}
.ele-chat-bubble-loading {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--ele-chat-bubble-loading-padding);
}
.ele-chat-bubble-loading > i {
  width: var(--ele-chat-bubble-loading-size);
  height: var(--ele-chat-bubble-loading-size);
  border-radius: 50%;
  background: var(--el-color-primary);
  animation: eleChatLoadingAnim 2s infinite linear;
}
.ele-chat-bubble-loading > i + i {
  margin-left: var(--ele-chat-bubble-loading-gap);
}
.ele-chat-bubble-loading > i:nth-child(2) {
  animation-delay: 0.2s;
}
.ele-chat-bubble-loading > i:nth-child(3) {
  animation-delay: 0.4s;
}

.ele-chat-bubble-edit {
  width: var(--ele-chat-bubble-max-width);
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
}

.ele-chat-bubble-edit-footer {
  position: absolute;
  bottom: 8px;
  right: 10px;
}
.ele-chat-bubble-edit-footer .el-button + .el-button {
  margin-left: 8px;
}

.ele-chat-bubble .ele-chat-bubble-edit .ele-chat-bubble-edit-input {
  --ele-input-radius: calc(var(--el-border-radius-round) / 4 + var(--el-border-radius-base));
  --ele-input-padding-left: 12px;
  --ele-input-padding-right: 12px;
  --ele-textarea-padding-top: 6px;
  --ele-textarea-padding-bottom: 38px;
}

/* 深度思考 */
.ele-chat-think {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}

.ele-chat-think-status {
  align-self: flex-start;
  display: flex;
  align-items: center;
  color: var(--ele-chat-think-color);
  font-size: var(--ele-chat-think-font-size);
  margin-bottom: 4px;
  transition: all 0.2s;
  user-select: none;
  cursor: pointer;
}
.ele-chat-think-status > .ele-chat-think-status-expand {
  transition: all 0.2s;
}
.ele-chat-think-status > .ele-chat-think-status-expand > svg {
  transform: translateY(-0.5px);
}
.ele-chat-think-status:hover {
  color: var(--ele-chat-think-hover-color);
}

.ele-chat-think-status-icon {
  margin-left: -1px;
}
.ele-chat-think-status-icon > svg {
  transform: translateY(-0.5px);
}

.ele-chat-think-status-text {
  margin: 0 4px 0 6px;
}

.ele-chat-think-content {
  color: var(--ele-chat-think-text-color);
  font-size: var(--ele-chat-think-text-font-size);
  padding-left: 12px;
  margin-left: 3px;
  border-left: 2px solid var(--el-border-color);
  box-sizing: border-box;
  white-space: pre-wrap;
}

.ele-chat-think:not(.is-expanded) {
  margin-bottom: 6px;
}
.ele-chat-think:not(.is-expanded) > .ele-chat-think-status > .ele-chat-think-status-expand {
  transform: rotate(-90deg);
}
.ele-chat-think:not(.is-expanded) > .ele-chat-think-content {
  display: none;
}

/* 输入框 */
.ele-chat-input-wrapper {
  display: flex;
  flex-direction: column;
  max-width: var(--ele-chat-content-max-width);
  border: var(--ele-chat-input-border);
  border-radius: var(--ele-chat-input-radius);
  padding: var(--ele-chat-input-padding);
  padding-left: 0;
  padding-right: 0;
  background: var(--ele-chat-input-bg);
  box-shadow: var(--ele-chat-input-shadow);
  transition: all 0.2s;
  box-sizing: border-box;
  margin: 0 auto;
}
.ele-chat-input-wrapper > .ele-chat-file-wrapper, .ele-chat-input-wrapper > .ele-chat-input-tools {
  padding: var(--ele-chat-input-padding);
  padding-top: 0;
  padding-bottom: 0;
}
.ele-chat-input-wrapper:hover {
  border: var(--ele-chat-input-hover-border);
  box-shadow: var(--ele-chat-input-hover-shadow);
}
.ele-chat-input-wrapper.is-focused {
  border: var(--ele-chat-input-focus-border);
  box-shadow: var(--ele-chat-input-focus-shadow);
}

.ele-chat-input {
  min-height: var(--ele-chat-input-height);
  max-height: var(--ele-chat-input-max-height);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.ele-chat-input-hidden {
  font-size: var(--ele-chat-input-font-size);
  line-height: var(--ele-chat-input-line-height);
  padding: var(--ele-chat-input-inner-padding);
  box-sizing: border-box;
  white-space: pre-wrap;
  visibility: hidden;
}

.ele-chat-textarea {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  font-family: var(--el-font-family);
  color: var(--el-text-color-regular);
  font-size: var(--ele-chat-input-font-size);
  line-height: var(--ele-chat-input-line-height);
  padding: var(--ele-chat-input-inner-padding);
  caret-color: var(--el-color-primary);
  border: none;
  background: none;
  resize: none;
}
.ele-chat-textarea::placeholder {
  color: var(--el-text-color-placeholder);
}

/* 输入框底栏 */
.ele-chat-input-tools,
.ele-chat-input-tools-left,
.ele-chat-input-tools-right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.ele-chat-input-tools-left {
  flex: 1;
  overflow: auto;
  scrollbar-width: none;
}
.ele-chat-input-tools-left::-webkit-scrollbar {
  display: none;
}

/* 输入框操作按钮 */
.ele-chat-input-tool {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--ele-chat-input-tool-size);
  min-width: var(--ele-chat-input-tool-size);
  color: var(--ele-chat-input-tool-color);
  font-size: var(--ele-chat-input-tool-font-size);
  background: var(--ele-chat-input-tool-bg);
  border: var(--ele-chat-input-tool-border);
  border-radius: var(--ele-chat-input-tool-radius);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  user-select: none;
  cursor: pointer;
}
.ele-chat-input-tool > * {
  pointer-events: none;
}
.ele-chat-input-tool.is-btn {
  padding: var(--ele-chat-input-tool-padding);
}
.ele-chat-input-tool.is-round {
  border-radius: var(--ele-chat-input-tool-round-radius);
}
.ele-chat-input-tool:hover {
  color: var(--ele-chat-input-tool-hover-color);
  background: var(--ele-chat-input-tool-hover-bg);
  border: var(--ele-chat-input-tool-hover-border);
}
.ele-chat-input-tool.is-primary {
  color: #fff;
  background: var(--el-color-primary);
  border: none;
}
.ele-chat-input-tool.is-primary:hover {
  background: var(--el-color-primary-light-3);
}
.ele-chat-input-tool.is-primary:active {
  background: var(--el-color-primary-dark-2);
}
.ele-chat-input-tool.is-selected, .ele-chat-input-tool.is-selected:hover, .ele-chat-input-tool.is-selected:active {
  color: var(--ele-chat-input-tool-selected-color);
  background: var(--ele-chat-input-tool-selected-bg);
  border: var(--ele-chat-input-tool-selected-border);
}
.ele-chat-input-tool.is-disabled, .ele-chat-input-tool.is-disabled:hover, .ele-chat-input-tool.is-disabled:active {
  color: var(--ele-chat-input-tool-disabled-color);
  background: var(--ele-chat-input-tool-disabled-bg);
  border: var(--ele-chat-input-tool-disabled-border);
  cursor: not-allowed;
}
.ele-chat-input-tool.is-primary.is-disabled {
  color: #fff;
  background: var(--el-color-primary-light-5);
  border: none;
}
.ele-chat-input-tool:not(.is-btn), .ele-chat-input-tool:not(.is-btn):hover {
  border: none;
}

.ele-chat-input-tool-label {
  margin: var(--ele-chat-input-tool-label-margin);
}

.ele-chat-input-tool .ele-chat-input-tool-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.ele-chat-input-tool:not(.is-btn) > .ele-chat-input-tool-icon {
  font-size: var(--ele-chat-input-tool-icon-size);
}

.ele-chat-input-tool-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ele-chat-input-tool-size);
  box-sizing: border-box;
  position: relative;
}
.ele-chat-input-tool-loading::after {
  content: "";
  width: 30%;
  height: 30%;
  position: absolute;
  top: 35%;
  left: 35%;
  background-color: currentColor;
  border-radius: 2px;
}
.ele-chat-input-tool-loading > .el-icon > svg {
  transform: scale(1.17);
  stroke-width: 3;
}

.ele-chat-input-tool.is-btn > .ele-chat-input-tool-loading {
  font-size: var(--ele-chat-input-tool-icon-size);
}
.ele-chat-input-tool.is-btn > .ele-chat-input-tool-loading::after {
  border-radius: 1px;
}

.ele-chat-input-tools-left > div + div,
.ele-chat-input-tools-right > div {
  margin-left: var(--ele-chat-input-tool-gap);
}

.ele-chat-input-tools-left > .ele-dropdown-trigger {
  flex-shrink: 0;
}

/* 输入框发送按钮 */
.ele-chat-input-tool-send {
  order: 2;
}

/* 输入框上传按钮 */
.ele-chat-input-tool-upload {
  order: 1;
}

.ele-chat-input-tools .ele-chat-input-tool-upload > div {
  display: block;
}
.ele-chat-input-tools .ele-chat-input-tool-upload .el-upload {
  display: flex;
  cursor: inherit;
}
.ele-chat-input-tools .ele-chat-input-tool-upload .el-upload-dragger {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  border-radius: 0;
  cursor: inherit;
}

/* 附件列表 */
.ele-chat-file-wrapper {
  flex-shrink: 0;
  display: flex;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
}

.ele-chat-file-tool {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-chat-file-tool-size);
  height: var(--ele-chat-file-tool-size);
  color: var(--ele-chat-file-tool-color);
  font-size: var(--ele-chat-file-tool-font-size);
  background: var(--ele-chat-file-tool-bg);
  border: var(--ele-chat-file-tool-border);
  border-radius: var(--ele-chat-file-tool-radius);
  box-shadow: var(--ele-chat-file-tool-shadow);
  transition: all 0.2s;
  box-sizing: border-box;
  user-select: none;
  position: absolute;
  top: 50%;
  left: var(--ele-chat-file-gap);
  transform: translateY(-50%);
  z-index: 8;
  cursor: pointer;
}
.ele-chat-file-tool:hover {
  color: var(--ele-chat-file-tool-hover-color);
  background: var(--ele-chat-file-tool-hover-bg);
  border: var(--ele-chat-file-tool-hover-border);
  box-shadow: var(--ele-chat-file-tool-hover-shadow);
}

.ele-chat-files {
  width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: auto;
  scrollbar-width: none;
}
.ele-chat-files::-webkit-scrollbar {
  display: none;
}
.ele-chat-files + .ele-chat-file-tool {
  left: auto;
  right: var(--ele-chat-file-gap);
}

.ele-chat-file-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: var(--ele-chat-file-item-width);
  color: var(--ele-chat-file-item-color);
  font-size: var(--ele-chat-file-item-font-size);
  padding: var(--ele-chat-file-item-padding);
  background: var(--ele-chat-file-item-bg);
  border: var(--ele-chat-file-item-border);
  border-radius: var(--ele-chat-file-item-radius);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ele-chat-file-item:hover {
  background: var(--ele-chat-file-item-hover-bg);
  border: var(--ele-chat-file-item-hover-border);
}
.ele-chat-file-item + .ele-chat-file-item {
  margin-left: var(--ele-chat-file-gap);
}

.ele-chat-file-item-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ele-chat-file-item-icon-size);
  margin: var(--ele-chat-file-item-icon-margin);
}

.ele-chat-file-item-body {
  flex: 1;
  overflow: hidden;
}

.ele-chat-file-item-name,
.ele-chat-file-item-text {
  box-sizing: border-box;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ele-chat-file-item-text {
  color: var(--ele-chat-file-item-sub-color);
  font-size: var(--ele-chat-file-item-sub-font-size);
  white-space: pre;
}

.ele-chat-file-item-del {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-chat-file-item-del-size);
  height: var(--ele-chat-file-item-del-size);
  color: var(--ele-chat-file-item-del-color);
  font-size: var(--ele-chat-file-item-del-font-size);
  background: var(--ele-chat-file-item-del-bg);
  border-radius: var(--ele-chat-file-item-del-radius);
  transition: all 0.2s;
  box-sizing: border-box;
  user-select: none;
  position: absolute;
  right: var(--ele-chat-file-item-del-position);
  top: var(--ele-chat-file-item-del-position);
  cursor: pointer;
}
.ele-chat-file-item-del:hover {
  background: var(--ele-chat-file-item-del-hover-bg);
}

.ele-chat-file-item:not(:hover) > .ele-chat-file-item-del {
  opacity: 0;
  visibility: hidden;
}

.ele-chat-file-item.is-exception > .ele-chat-file-item-del {
  opacity: 1;
  visibility: visible;
  background: var(--el-color-danger);
}
.ele-chat-file-item.is-exception > .ele-chat-file-item-del:hover {
  background: var(--el-color-danger-dark-2);
}

.ele-chat-file-item-text.is-exception {
  color: var(--el-color-danger);
}

.ele-chat-file-item-icon > .ele-chat-file-item-icon-loading {
  color: var(--el-color-primary);
}
.ele-chat-file-item-icon > .ele-chat-file-item-icon-loading > svg {
  transform: scale(0.68);
}
.ele-chat-file-item-icon > .ele-chat-file-item-icon-loading + .el-icon {
  display: none;
}

.ele-chat-file-wrapper.is-vertical > .ele-chat-file-tool {
  top: var(--ele-chat-file-gap);
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}
.ele-chat-file-wrapper.is-vertical > .ele-chat-files {
  display: grid;
  grid-gap: var(--ele-chat-file-gap);
  gap: var(--ele-chat-file-gap);
  grid-template-columns: repeat(auto-fill, minmax(var(--ele-chat-file-item-width), 1fr));
}
.ele-chat-file-wrapper.is-vertical > .ele-chat-files > .ele-chat-file-item {
  width: auto;
  margin: 0;
}
.ele-chat-file-wrapper.is-vertical > .ele-chat-files + .ele-chat-file-tool {
  top: auto;
  bottom: var(--ele-chat-file-gap);
}

/* 回到底部 */
.ele-chat-backbottom {
  height: 0px;
  display: flex;
  flex-direction: column-reverse;
  box-sizing: border-box;
  position: relative;
}
.ele-chat-backbottom > .ele-chat-backbottom-icon {
  flex-shrink: 0;
  position: relative;
  width: var(--ele-chat-backbottom-size);
  height: var(--ele-chat-backbottom-size);
  color: var(--ele-chat-backbottom-color);
  font-size: var(--ele-chat-backbottom-font-size);
  background: var(--ele-chat-backbottom-bg);
  margin: var(--ele-chat-backbottom-margin);
  border: var(--ele-chat-backbottom-border);
  border-radius: var(--ele-chat-backbottom-radius);
  box-shadow: var(--ele-chat-backbottom-shadow);
  transition: all 0.2s;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 8;
}
.ele-chat-backbottom > .ele-chat-backbottom-icon:hover {
  color: var(--ele-chat-backbottom-hover-color);
  background: var(--ele-chat-backbottom-hover-bg);
}

/* 文本提示 */
.ele-chat-tooltip.ele-popper.ele-tooltip {
  --ele-tooltip-padding: 2px 8px;
  --ele-tooltip-shadow: none;
  --ele-tooltip-arrow-shadow: none;
  --ele-tooltip-light-arrow-shadow: none;
}

/* 遮罩层 */
.ele-chat-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  background: var(--ele-chat-mask-bg);
  z-index: var(--ele-chat-mask-index);
  display: none;
}

/* 小屏幕样式 */
@media screen and (max-width: 767.99px) {
  .ele-chat.is-responsive > .ele-chat-side {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--ele-chat-side-pop-bg);
    z-index: calc(var(--ele-chat-mask-index) + 1);
  }
  .ele-chat.is-responsive > .ele-chat-mask {
    display: block;
  }
  .ele-chat.is-responsive:not(.is-collapse) > .ele-chat-mask {
    visibility: visible;
    opacity: 1;
  }
  .ele-chat.is-responsive > .ele-chat-body > .ele-chat-header > .ele-chat-header-title {
    margin-right: 0;
    text-align: left;
  }
}
/* 可选卡片主题变量 */
.ele-check-card {
  --ele-check-card-radius: var(--el-border-radius-base);
  --ele-check-card-border-color: var(--el-border-color-light);
  --ele-check-card-hover-border-color: var(--el-color-primary);
  --ele-check-card-hover-bg: transparent;
  --ele-check-card-active-border-color: var(--el-color-primary);
  --ele-check-card-active-bg: var(--el-color-primary-light-9);
  --ele-check-card-disabled-border-color: var(--el-disabled-border-color);
  --ele-check-card-disabled-bg: var(--el-disabled-bg-color);
  --ele-check-card-disabled-opacity: 0.75;
  --ele-check-card-arrow-color: var(--el-color-primary);
  --ele-check-card-arrow-size: 6px;
  --ele-check-card-arrow-radius: var(--el-border-radius-small);
  --ele-check-card-arrow-disabled-color: var(--el-disabled-text-color);
}

.ele-check-card {
  box-sizing: border-box;
  transition: color 0.2s, border-color 0.2s, border-width 0.2s, box-shadow 0.2s;
  position: relative;
  cursor: pointer;
  /* 选中箭头 */
}
.ele-check-card .ele-check-card-arrow {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 0;
  height: 0;
  border: var(--ele-check-card-arrow-size) solid transparent;
  border-top-color: var(--ele-check-card-arrow-color);
  border-right-color: var(--ele-check-card-arrow-color);
  border-top-right-radius: var(--ele-check-card-arrow-radius);
  box-sizing: border-box;
  display: none;
}
.ele-check-card {
  /* 边框 */
}
.ele-check-card.is-bordered {
  border: 1px solid var(--ele-check-card-border-color);
  border-radius: var(--ele-check-card-radius);
}
.ele-check-card.is-bordered:not(.is-disabled):not(.is-checked):hover {
  border-color: var(--ele-check-card-hover-border-color);
  background: var(--ele-check-card-hover-bg);
}
.ele-check-card.is-bordered.is-checked {
  border-color: var(--ele-check-card-active-border-color);
}
.ele-check-card {
  /* 选中 */
}
.ele-check-card.is-checked {
  background: var(--ele-check-card-active-bg);
}
.ele-check-card.is-checked > .ele-check-card-arrow {
  display: block;
}
.ele-check-card {
  /* 禁用 */
}
.ele-check-card.is-disabled {
  background: var(--ele-check-card-disabled-bg);
  opacity: var(--ele-check-card-disabled-opacity);
  cursor: not-allowed;
}
.ele-check-card.is-disabled.is-bordered.is-checked {
  border-color: var(--ele-check-card-disabled-border-color);
}
.ele-check-card.is-disabled.is-checked > .ele-check-card-arrow {
  border-top-color: var(--ele-check-card-arrow-disabled-color);
  border-right-color: var(--ele-check-card-arrow-disabled-color);
}

.ele-copyable {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
}
.ele-copyable .ele-copyable-inner {
  flex: 1;
  overflow: hidden;
}
.ele-copyable .ele-copyable-icon {
  flex-shrink: 0;
  display: inline-flex;
  color: var(--el-color-primary);
  font-size: 15px;
  margin-left: 6px;
  box-sizing: border-box;
  cursor: pointer;
}

.ele-copyable-done .ele-copyable-icon {
  color: var(--el-color-success);
}

.ele-cron-builder > .el-dialog__body > .ele-modal-body {
  padding: 8px 12px 12px 12px;
}

.ele-cron-panel {
  position: relative;
}

.ele-cron-panel-main > .ele-tabs {
  --ele-tab-height: 32px;
}
.ele-cron-panel-main > .ele-tabs .el-tabs__content {
  padding: 0;
}
.ele-cron-panel-main > .ele-tabs .el-tabs__new-tab {
  flex-shrink: 0;
  min-width: 36px;
  width: max-content;
  box-sizing: border-box;
  margin: 0 6px 0 0;
  padding: 0 4px;
}

/* 内容 */
.ele-cron-panel-content {
  height: 360px;
  padding: 12px 20px 0 20px;
  overflow: auto;
  box-sizing: border-box;
}
.ele-cron-panel-content .el-radio-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: min-content;
  min-width: 100%;
}
.ele-cron-panel-content .el-radio-group > .el-radio {
  margin: 0;
}
.ele-cron-panel-content .el-radio-group > .el-radio + .el-radio {
  margin-top: 8px;
}
.ele-cron-panel-content {
  /* 指定选择项 */
}
.ele-cron-panel-content .ele-cron-panel-options-wrapper {
  padding: 4px 0 0 0;
  align-items: flex-start;
}
.ele-cron-panel-content .ele-cron-panel-options {
  white-space: normal;
  padding: 6px 0 0 2px;
  box-sizing: border-box;
}
.ele-cron-panel-content .ele-cron-panel-options .el-checkbox {
  margin: 0;
  width: 66px;
  height: 26px;
}
.ele-cron-panel-content {
  /* 范围输入项 */
}
.ele-cron-panel-content .ele-cron-panel-item-wrapper {
  height: auto;
}
.ele-cron-panel-content .ele-cron-panel-item {
  display: flex;
  align-items: center;
}
.ele-cron-panel-content .ele-cron-panel-item-input > .el-input-number {
  width: 100%;
  box-sizing: border-box;
}
.ele-cron-panel-content .ele-cron-panel-item-input,
.ele-cron-panel-content .ele-cron-panel-item-input.el-checkbox {
  width: 98px;
}

/* 底栏 */
.ele-cron-panel-extra {
  border: 1px solid var(--el-border-color-light);
  border-top: none;
  display: flex;
}

.ele-cron-panel-extra-item {
  flex-shrink: 0;
  box-sizing: border-box;
}
.ele-cron-panel-extra-item:first-child {
  flex: 1;
  overflow: hidden;
}
.ele-cron-panel-extra-item + .ele-cron-panel-extra-item {
  min-width: 220px;
  border-left: 1px solid var(--el-border-color-light);
}

/* 结果 */
.ele-cron-panel-result {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  min-width: max-content;
}
.ele-cron-panel-result + .ele-cron-panel-result {
  margin: 12px 0 8px 0;
}

.ele-cron-panel-result-item {
  flex-shrink: 0;
}

.ele-cron-panel-result-title {
  font-size: 12px;
  text-align: center;
  margin-bottom: 2px;
}

.ele-cron-panel-result-text {
  font-size: 12px;
  text-align: center;
  min-width: 32px;
  max-width: 100%;
  height: 20px;
  line-height: 20px;
  padding: 0 4px;
  border-radius: 4px;
  border: 1px solid var(--el-border-color);
  box-sizing: border-box;
}

.ele-cron-panel-result-value {
  min-width: 270px;
}

/* 最近运行时间 */
.ele-cron-panel-extra-header {
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  padding: 0 16px;
  background: var(--el-fill-color-lighter);
  border-bottom: 1px solid var(--el-border-color-light);
  box-sizing: border-box;
  text-align: center;
}

.ele-cron-panel-extra-body {
  padding: 6px 12px;
  box-sizing: border-box;
  overflow: auto;
}
.ele-cron-panel-extra-body .ele-cron-panel-test {
  padding: 0;
  margin: 0 auto;
  width: max-content;
  box-sizing: border-box;
  list-style: none;
}
.ele-cron-panel-extra-body .ele-cron-panel-test-item {
  line-height: 22px;
}
.ele-cron-panel-extra-body .ele-cron-panel-test-item::before {
  content: "";
  width: 4px;
  height: 4px;
  margin: 0 6px 0 0;
  vertical-align: 3px;
  display: inline-block;
  background: var(--el-text-color-regular);
  border-radius: 50%;
}

/* 常用列表 */
.ele-cron-panel-list-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.ele-cron-panel-list-mask:not(.is-show) {
  pointer-events: none;
}
.ele-cron-panel-list-mask:not(.is-show) .ele-cron-panel-list-wrapper {
  opacity: 0;
  transform: scale(0.6);
  pointer-events: none;
  visibility: hidden;
}

.ele-cron-panel-list-wrapper {
  width: max-content;
  max-height: calc(100% - 36px);
  margin: 36px 0 0 auto;
  padding: 8px;
  border-radius: 6px;
  background: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
  transition: all 0.3s;
  transform-origin: top right;
  box-sizing: border-box;
  overflow: auto;
}

.ele-cron-panel-list-item {
  padding: 6px 8px 2px 8px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
  transition: all 0.2s;
  cursor: pointer;
}
.ele-cron-panel-list-item + .ele-cron-panel-list-item {
  margin-top: 8px;
}
.ele-cron-panel-list-item:hover {
  background: var(--el-fill-color-lighter);
}

.ele-cron-panel-list-item-label {
  font-size: 12px;
  line-height: 18px;
  margin-top: 2px;
  opacity: 0.8;
}

.ele-cron-panel-list-item-value {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  border-radius: 4px;
  padding: 0 6px;
  width: max-content;
  background: var(--el-color-info-light-9);
  border: 1px solid var(--el-border-color);
}

/* 小屏幕 */
@media screen and (max-width: 767.99px) {
  .ele-cron-panel-content {
    height: 220px;
  }
  .ele-cron-panel-extra {
    flex-direction: column;
  }
  .ele-cron-panel-extra .ele-cron-panel-extra-item {
    flex: none;
  }
  .ele-cron-panel-extra .ele-cron-panel-extra-item + .ele-cron-panel-extra-item {
    border-top: 1px solid var(--el-border-color-light);
    border-left: none;
  }
  .ele-cron-panel-result {
    gap: 2px;
  }
}
.ele-cropper .ele-cropper-main {
  display: flex;
  height: 380px;
  box-sizing: border-box;
  overflow: hidden;
}
.ele-cropper .ele-cropper-image {
  flex: 1;
  height: 100%;
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
  overflow: hidden;
}
.ele-cropper .ele-cropper-image > cropper-canvas {
  width: 100%;
  height: 100%;
}
.ele-cropper .ele-cropper-image cropper-shade {
  outline-style: solid;
  outline-color: rgba(0, 0, 0, 0.6);
}
.ele-cropper .ele-cropper-previews {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  margin-left: 14px;
}
.ele-cropper .ele-cropper-preview {
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 12px;
  box-sizing: border-box;
  border-radius: var(--el-border-radius-base);
  border: 1px solid var(--el-border-color-light);
  overflow: hidden;
}
.ele-cropper .ele-cropper-preview.is-circle {
  border-radius: 50%;
}
.ele-cropper .ele-cropper-preview.is-small {
  width: 60%;
}

/* 操作按钮 */
.ele-cropper-tools {
  margin-top: 6px;
}
.ele-cropper-tools .el-upload-list {
  display: none;
}

.ele-cropper-tool-item {
  margin: 10px 10px 0 0;
  vertical-align: top;
}
.ele-cropper-tool-item:last-child {
  margin-right: 0;
}
.ele-cropper-tool-item > .ele-cropper-tool-upload {
  float: left;
}
.ele-cropper-tool-item .ele-cropper-tool-upload {
  line-height: 0;
  display: inline-block;
}

.ele-cropper-tool {
  padding: 0 10px;
}
.ele-cropper-tool:not(.ele-cropper-ok) > i + span {
  display: none;
}
.ele-cropper-tool.ele-cropper-ok > .el-icon + span {
  margin-left: 4px;
}

.ele-cropper-ok {
  padding-left: 10px;
  padding-right: 10px;
  border-left: none;
  border-right: none;
}

.ele-cropper-upload {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right: none;
}

@media screen and (max-width: 767.99px) {
  .ele-cropper.is-responsive .ele-cropper-previews {
    display: none;
  }
  .ele-cropper.is-responsive .ele-cropper-tool-item:not(:last-child) {
    margin-right: 6px;
  }
}
/* 折叠面板 */
.ele-crud-split-panel.ele-split-panel {
  height: 100%;
}
.ele-crud-split-panel.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side {
  border-width: 0 1px 0 0;
}

/* 侧栏搜索框 */
.ele-crud-tree-search {
  min-height: 32px;
}
.ele-crud-tree-search.el-input--small {
  min-height: 24px;
}
.ele-crud-tree-search.el-input--large {
  min-height: 40px;
}
.ele-crud-tree-search .el-input__prefix-inner > .el-input__icon {
  transform: translateY(-0.5px);
}

/* 侧栏树组件 */
.ele-crud-tree-wrapper {
  flex: 1 1 60px;
  box-sizing: border-box;
  overflow: auto;
}
.ele-crud-tree-wrapper > .ele-crud-tree {
  padding: 12px calc(var(--ele-tree-item-radius) * 3);
  --ele-tree-item-height: 34px;
  --ele-tree-expand-margin: 0 2px 0 calc(8px - var(--ele-tree-item-radius));
}

/* 左右面板 */
.ele-crud-builder-wrapper.ele-split-panel {
  height: 100%;
}
.ele-crud-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side {
  display: flex;
  flex-direction: column;
  border-width: 0 1px 0 0;
}
.ele-crud-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side > .ele-tab-bar {
  flex-shrink: 0;
  padding: 0;
}
.ele-crud-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side > .ele-tab-bar .ele-tab-nav {
  justify-content: space-evenly;
}
.ele-crud-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side > .ele-tab-bar .ele-tab-item {
  margin: 0;
}
.ele-crud-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side > .ele-crud-builder-tab-body {
  flex: 1 1 140px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
}
.ele-crud-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn {
  z-index: 99;
}

/* 主体 */
.ele-crud-builder-body-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ele-crud-builder-body {
  flex: 1 1 140px;
  display: flex;
  flex-direction: column;
  padding: 12px;
  max-width: 100%;
  box-sizing: border-box;
  border: 0px solid transparent;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-crud-builder-body.is-show-page-card {
  padding: 2px;
  border: 8px solid transparent;
  background: hsla(216, 8%, 50%, 0.08);
  background-clip: padding-box;
}

.ele-crud-builder-body.is-pad,
.ele-crud-builder-body.is-phone {
  width: 796px;
  padding: 2px;
  outline: 6px solid #3c3c3c;
  outline-offset: -12px;
  border-width: 12px;
  border-radius: 18px;
  margin: 0 auto;
}

.ele-crud-builder-body.is-phone {
  width: 418px;
}

/* 顶栏 */
.ele-crud-builder-header {
  flex-shrink: 0;
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--el-border-color-light);
  box-sizing: border-box;
  overflow: auto;
}

.ele-crud-builder-header-tool.el-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  font-size: 16px;
  border-radius: var(--el-border-radius-small);
  transition: all 0.2s;
  user-select: none;
  cursor: pointer;
}
.ele-crud-builder-header-tool.el-icon:hover {
  background: var(--el-fill-color-light);
}

/* 屏幕尺寸切换图标 */
.ele-crud-builder-screen-radio {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 8px;
  box-sizing: border-box;
  position: relative;
}
.ele-crud-builder-screen-radio .ele-crud-builder-screen-icon.is-active {
  color: var(--el-color-primary);
}

.ele-crud-builder-header > .ele-crud-builder-screen-radio:before {
  content: "";
  width: 0;
  height: 12px;
  border-left: 1px solid var(--el-border-color);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 991.99px) {
  .ele-crud-builder-header > .ele-crud-builder-screen-radio {
    display: none;
  }
}
/* 顶栏左侧操作按钮 */
.ele-crud-builder-header-left {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 0 0 8px;
  box-sizing: border-box;
  position: relative;
}
.ele-crud-builder-header-left .ele-crud-builder-header-tool-undo,
.ele-crud-builder-header-left .ele-crud-builder-header-tool-redo {
  font-size: 14px;
}
.ele-crud-builder-header-left .ele-crud-builder-header-tool-undo.is-disabled,
.ele-crud-builder-header-left .ele-crud-builder-header-tool-redo.is-disabled {
  color: var(--el-disabled-text-color);
  background: none;
  cursor: not-allowed;
}

/* 顶栏右侧操作按钮 */
.ele-crud-builder-header-tools {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}
.ele-crud-builder-header-tools .el-button {
  flex-shrink: 0;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  padding: 0 6px 0 7px;
  margin: 0 0 0 4px;
}
.ele-crud-builder-header-tools .el-button > .el-icon {
  font-size: 12px;
}
.ele-crud-builder-header-tools .el-button > .el-icon + span {
  margin-left: 3px;
}

/* 模板卡片 */
.ele-crud-builder-template-wrapper {
  flex: 1;
  padding: 12px;
  box-sizing: border-box;
  overflow: auto;
}

.ele-crud-builder-template-item {
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  outline: 2px solid transparent;
  outline-offset: -2px;
  box-sizing: border-box;
  transition: all 0.2s;
  position: relative;
  user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.ele-crud-builder-template-item:hover {
  border-color: transparent;
  outline-color: var(--el-color-primary);
  transform: translateY(-4px);
}
.ele-crud-builder-template-item + .ele-crud-builder-template-item {
  margin-top: 12px;
}

.ele-crud-builder-template-item-label {
  font-size: 13px;
  padding: 10px 10px 4px 10px;
  box-sizing: border-box;
}

.ele-crud-builder-template-item-body {
  height: 120px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}

.ele-crud-builder-template-item-cover {
  flex-shrink: 0;
  width: 88%;
}

/* 页面设置表单 */
.ele-crud-builder-page-config-form {
  flex: 1;
  overflow: auto;
  padding: 0 10px;
  box-sizing: border-box;
}
.ele-crud-builder-page-config-form .el-form-item {
  margin-bottom: 12px;
}
.ele-crud-builder-page-config-form .el-form-item__label {
  margin-bottom: 2px;
  pointer-events: none;
}

/* 页面设置表单项分组 */
.ele-crud-builder-page-config-group-list {
  flex-shrink: 0;
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(3, 1fr);
  padding: 10px 10px 6px 10px;
  box-sizing: border-box;
}
.ele-crud-builder-page-config-group-list .ele-crud-builder-page-config-group-list-item {
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  text-align: center;
  border: 1px solid var(--el-border-color-light);
  border-radius: var(--el-border-radius-base);
  transition: all 0.2s;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
}
.ele-crud-builder-page-config-group-list .ele-crud-builder-page-config-group-list-item:hover {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.ele-crud-builder-page-config-group-list .ele-crud-builder-page-config-group-list-item.is-active {
  color: #fff;
  border-color: var(--el-color-primary);
  background: var(--el-color-primary);
}

/* 空视图 */
.ele-crud-builder-form-empty.el-empty {
  flex: 1;
  padding: 0;
  width: 100%;
  pointer-events: none;
}
.ele-crud-builder-form-empty.el-empty .el-empty__description {
  margin-top: 8px;
}
.ele-crud-builder-form-empty.el-empty .el-empty__description p {
  font-size: 13px;
  color: var(--el-text-color-placeholder);
}

/* 字段列表 */
.ele-crud-builder-field {
  padding: 6px 0;
  box-sizing: border-box;
  position: relative;
  user-select: none;
}

.ele-crud-builder-field-item {
  display: flex;
  flex-direction: column-reverse;
  border-radius: var(--el-border-radius-base);
  position: relative;
}
.ele-crud-builder-field-item + .ele-crud-builder-field-item {
  margin-top: 6px;
}

.ele-crud-builder-field-item-border {
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  transition: border-color 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}

.ele-crud-builder-field-item-arrow.el-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -8px;
  color: var(--el-text-color-secondary);
  font-size: 12px;
  border-radius: var(--el-border-radius-small);
  box-sizing: border-box;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 4;
}
.ele-crud-builder-field-item-arrow.el-icon:hover {
  background: hsla(0, 0%, 60%, 0.15);
}
.ele-crud-builder-field-item-arrow.el-icon > svg {
  transition: all 0.2s;
}

.ele-crud-builder-field-item-tool.el-icon,
.ele-crud-builder-field-item-handle.el-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: var(--el-color-primary);
  border-radius: var(--el-border-radius-small);
  box-sizing: border-box;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 4;
}
.ele-crud-builder-field-item-tool.el-icon:hover,
.ele-crud-builder-field-item-handle.el-icon:hover {
  background: hsla(0, 0%, 60%, 0.15);
}
.ele-crud-builder-field-item-tool.el-icon.is-danger,
.ele-crud-builder-field-item-handle.el-icon.is-danger {
  color: var(--el-color-danger);
}

.ele-crud-builder-field-item-handle.el-icon {
  cursor: move;
}

.ele-crud-builder-field-item-content {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}

.ele-crud-builder-field-item-prop,
.ele-crud-builder-field-item-label {
  font-size: 13px;
}

.ele-crud-builder-field-item-label {
  margin-left: 4px;
}

.ele-crud-builder-field-item-body {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 6px 0 18px;
  border: 1px solid transparent;
  border-bottom-color: var(--el-border-color);
  border-top-left-radius: var(--el-border-radius-base);
  border-top-right-radius: var(--el-border-radius-base);
  transition: border-color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  position: relative;
}
.ele-crud-builder-field-item-body:not(:hover) .ele-crud-builder-field-item-tool, .ele-crud-builder-field-item-body:not(:hover) .ele-crud-builder-field-item-handle {
  display: none;
}
.ele-crud-builder-field-item-body:hover {
  border-bottom-color: var(--el-color-primary);
}
.ele-crud-builder-field-item-body:hover + .ele-crud-builder-field-item-border {
  border-color: var(--el-color-primary);
}

.ele-crud-builder-field-item > .ele-crud-builder-field {
  padding-left: 10px;
  padding-right: 6px;
}
.ele-crud-builder-field-item > .ele-crud-builder-field:empty {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-top-width: 0px;
}

.ele-crud-builder-field-item.is-collapse > .ele-crud-builder-field-item-body, .ele-crud-builder-field-item > .ele-crud-builder-field:empty + .ele-crud-builder-field-item-body {
  border-bottom-color: transparent;
  border-bottom-left-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
}
.ele-crud-builder-field-item.is-collapse > .ele-crud-builder-field {
  display: none;
}
.ele-crud-builder-field-item.is-collapse > .ele-crud-builder-field-item-body > .ele-crud-builder-field-item-arrow > svg {
  transform: rotate(-90deg);
}

.ele-crud-builder-field-item.sortable-ghost > .ele-crud-builder-field-item-border {
  border-color: var(--el-color-primary);
  border-style: dashed;
}
.ele-crud-builder-field-item.sortable-ghost > .ele-crud-builder-field-item-body * {
  display: none;
}

.ele-crud-builder-field-item.sortable-ghost > .ele-crud-builder-field-item-body, .ele-crud-builder-field-item.sortable-ghost > .ele-crud-builder-field + .ele-crud-builder-field-item-body,
.ele-crud-builder-field-item.sortable-fallback > .ele-crud-builder-field-item-body,
.ele-crud-builder-field-item.sortable-fallback > .ele-crud-builder-field + .ele-crud-builder-field-item-body {
  border-color: transparent;
  background: none;
}
.ele-crud-builder-field-item.sortable-ghost > .ele-crud-builder-field,
.ele-crud-builder-field-item.sortable-fallback > .ele-crud-builder-field {
  visibility: hidden;
}
.ele-crud-builder-field-item.sortable-ghost > .ele-crud-builder-field-item-body .ele-crud-builder-field-item-tool, .ele-crud-builder-field-item.sortable-ghost > .ele-crud-builder-field .ele-crud-builder-field-item-body *,
.ele-crud-builder-field-item.sortable-fallback > .ele-crud-builder-field-item-body .ele-crud-builder-field-item-tool,
.ele-crud-builder-field-item.sortable-fallback > .ele-crud-builder-field .ele-crud-builder-field-item-body * {
  display: none;
}

.ele-crud-builder-field-item.sortable-fallback {
  background: var(--el-color-primary-light-9);
}
.ele-crud-builder-field-item.sortable-fallback > .ele-crud-builder-field-item-border {
  border-color: var(--el-color-primary);
}
.ele-crud-builder-field-item.sortable-fallback > .ele-crud-builder-field-item-body .ele-crud-builder-field-item-handle {
  display: inline-flex;
}

.ele-crud-builder-tab-body > .ele-crud-builder-field {
  flex: 1;
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.ele-crud-builder-tab-body > .ele-crud-builder-field:has(.ele-crud-builder-field-item.sortable-ghost) {
  cursor: move;
}
.ele-crud-builder-tab-body > .ele-crud-builder-field:has(.ele-crud-builder-field-item.sortable-ghost) .ele-crud-builder-field-item-body {
  cursor: move;
}
.ele-crud-builder-tab-body > .ele-crud-builder-field:has(.ele-crud-builder-field-item.sortable-ghost) .ele-crud-builder-field-item-arrow,
.ele-crud-builder-tab-body > .ele-crud-builder-field:has(.ele-crud-builder-field-item.sortable-ghost) .ele-crud-builder-field-item-tool {
  pointer-events: none;
}

.ele-crud-builder-field-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 10px 10px 4px 10px;
  box-sizing: border-box;
}
.ele-crud-builder-field-header > .el-button {
  flex-shrink: 0;
  flex: 1;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
}
.ele-crud-builder-field-header > .el-button > .el-icon + span {
  margin-left: 3px;
}

/* 字段编辑弹窗 */
.ele-crud-builder-field-edit-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  background: var(--el-overlay-color-lighter);
  transition: all 0.3s;
  overflow: hidden;
  z-index: 9;
}

.ele-crud-builder-field-edit-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--el-bg-color-overlay);
  transition: all 0.3s;
  box-sizing: border-box;
}

.ele-crud-builder-field-edit-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 6px 0 10px;
  border-bottom: 1px solid var(--el-border-color-light);
  box-sizing: border-box;
}
.ele-crud-builder-field-edit-header .el-button {
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  font-weight: normal;
  padding: 0 6px 0 4px;
  margin: 0 0 0 4px;
}
.ele-crud-builder-field-edit-header .el-button > .el-icon + span {
  margin-left: 2px;
}

.ele-crud-builder-field-edit-title {
  flex: 1;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ele-crud-builder-field-edit-form {
  flex: 1;
  overflow: auto;
  box-sizing: border-box;
  padding: 10px;
}
.ele-crud-builder-field-edit-form .el-form-item {
  margin-bottom: 12px;
}
.ele-crud-builder-field-edit-form .el-form-item__label {
  margin-bottom: 2px;
  pointer-events: none;
}

.ele-crud-builder-field-edit-wrapper.anim-enter-from,
.ele-crud-builder-field-edit-wrapper.anim-leave-active {
  background: transparent;
}
.ele-crud-builder-field-edit-wrapper.anim-enter-from .ele-crud-builder-field-edit-card,
.ele-crud-builder-field-edit-wrapper.anim-leave-active .ele-crud-builder-field-edit-card {
  transform: translateX(100%);
}

/* 生成代码弹窗 */
.ele-crud-builder-code-preview .ele-modal-body {
  padding: 6px;
  max-height: 100%;
  min-height: 100%;
  height: calc(100vh - 120px);
  height: calc(100dvh - 120px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ele-crud-builder-code-view {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #000;
  background: #1e1e1e;
  border-radius: var(--el-border-radius-base);
}
.ele-crud-builder-code-view > .ele-tab-bar {
  flex-shrink: 0;
  padding: 0 12px;
  --ele-tab-bar-color: #e6edf3;
  --ele-tab-bar-height: 32px;
}
.ele-crud-builder-code-view > .ele-tab-bar .ele-tab-item {
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.ele-crud-builder-code-view > .ele-tab-bar::before {
  border-color: #000;
}

.ele-crud-builder-code-body {
  flex: 1;
  overflow: auto;
  color: #e6edf3;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  --ele-scrollbar-color: #5e5e5e;
  --ele-scrollbar-hover-color: #707070;
}
.ele-crud-builder-code-body > .ele-code-viewer {
  width: 100%;
  height: 100%;
}

.ele-crud-builder-code-pre {
  flex: 1;
  margin: 0;
  padding: 12px;
  box-sizing: border-box;
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", "Sarasa Gothic SC", monospace;
}

.ele-crud-builder-code-line-numbers {
  flex-shrink: 0;
  color: #8b949e;
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", "Sarasa Gothic SC", monospace;
  padding: 12px 0;
  min-width: 38px;
  background: #1e1e1e;
  border-right: 1px solid #000;
  box-sizing: border-box;
  text-align: center;
  user-select: none;
  position: sticky;
  left: 0;
}

.ele-crud-builder-code-icon-tool.el-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  color: #d6dde3;
  background: #424242;
  margin-left: 8px;
  border-radius: var(--el-border-radius-small);
  box-sizing: border-box;
  transition: background-color 0.3s;
  cursor: pointer;
}
.ele-crud-builder-code-icon-tool.el-icon:hover {
  background: #4f4f4f;
}
.ele-crud-builder-code-icon-tool.el-icon.is-copied {
  color: var(--el-color-success);
}

/* 表单设计弹窗 */
.ele-crud-builder-form-design-modal .ele-modal-header {
  padding: 14px 20px;
  border-bottom: 1px solid var(--el-border-color-light);
}
.ele-crud-builder-form-design-modal .ele-modal-footer {
  padding: 10px 20px;
  border-top: 1px solid var(--el-border-color-light);
}
.ele-crud-builder-form-design-modal .ele-modal-body {
  padding: 0;
  max-width: 100%;
  max-height: 100%;
  min-height: 100%;
  height: calc(100vh - 120px);
  height: calc(100dvh - 120px);
}

.ele-dashboard {
  --ele-dashboard-space: 18px;
  --ele-dashboard-color: var(--el-color-primary);
  width: 170px;
  height: 170px;
  display: inline-block;
  padding: var(--ele-dashboard-space);
  box-sizing: border-box;
  position: relative;
}
.ele-dashboard.is-success {
  --ele-dashboard-color: var(--el-color-success);
}
.ele-dashboard.is-warning {
  --ele-dashboard-color: var(--el-color-warning);
}
.ele-dashboard.is-danger {
  --ele-dashboard-color: var(--el-color-danger);
}

.ele-dashboard-inner {
  width: 100%;
  height: 100%;
  color: var(--ele-dashboard-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  z-index: 2;
}

.ele-dashboard-outer {
  width: calc(100% - var(--ele-dashboard-space));
  height: calc(100% - var(--ele-dashboard-space));
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ele-dashboard-outer > .ele-dashboard-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: calc(var(--ele-dashboard-space) / 2) solid var(--ele-dashboard-color);
  animation: eleAnimDashboard 8s infinite linear;
  border-radius: 46% 46% 42% 44%;
  opacity: 0.3;
}
.ele-dashboard-outer > .ele-dashboard-bg:first-child {
  animation: eleAnimDashboard 12s infinite linear;
  border-radius: 56% 56% 52% 54%;
  opacity: 0.8;
}
.ele-dashboard-outer > .ele-dashboard-bg:last-child {
  animation: eleAnimDashboard 10s infinite linear;
  border-radius: 44% 44% 42% 46%;
  opacity: 0.5;
}

@keyframes eleAnimDashboard {
  to {
    transform: rotate(360deg);
  }
}
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
.ele-data-table {
  --ele-table-radius: 0;
  --ele-table-color: var(--el-text-color-regular);
  --ele-table-border-color: var(--el-border-color-light);
  --ele-table-font-size: var(--el-font-size-base);
  --ele-table-line-height: 1.71428565;
  --ele-table-padding: 9px 12px;
  --ele-table-th-color: var(--el-text-color-primary);
  --ele-table-th-font-weight: normal;
  --ele-table-th-bg: var(--el-fill-color-lighter);
  --ele-table-tr-bg: var(--el-bg-color);
  --ele-table-tr-hover-bg: var(--el-fill-color-light);
  --ele-table-tr-active-bg: var(--el-color-primary-light-9);
  --ele-table-tr-active-hover-bg: var(--el-color-primary-light-8);
  --ele-table-even-bg: var(--el-fill-color-lighter);
  --ele-table-lg-size: var(--el-font-size-base);
  --ele-table-lg-padding: 13px 16px;
  --ele-table-lg-radius: 0;
  --ele-table-sm-size: var(--el-font-size-extra-small);
  --ele-table-sm-padding: 4px 8px;
  --ele-table-sm-radius: 0;
  --ele-table-icon-color: var(--el-text-color-disabled);
  --ele-table-icon-hover-color: var(--el-text-color-secondary);
  --ele-table-icon-hover-bg: rgba(0, 0, 0, 0.08);
  --ele-table-icon-radius: var(--el-border-radius-small);
  --ele-table-icon-margin: 6px;
  --ele-table-sort-size: 5px;
  --ele-table-sort-space: 4px;
  --ele-table-sort-hover-bg: var(--el-fill-color);
  --ele-table-filter-size: 14px;
  --ele-table-filter-padding: 4px 2px;
  --ele-table-filter-margin: 0 -6px 0 4px;
  --ele-table-expand-margin: 0 4px 0 -2px;
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-table-fixed-backdrop-filter: none;
  --ele-table-sticky-top: 0;
  --ele-table-fixed-header-sticky-top: 94px;
  --ele-table-maximized-sticky-top: 40px;
  --ele-table-fix-height: 0.45px;
}

.ele-table-filter-popper {
  --ele-table-filter-max-height: 386px;
  --ele-table-filter-padding: 6px 0;
  --ele-table-filter-item-height: 32px;
  --ele-table-filter-item-margin: 2px;
  --ele-table-filter-item-padding: 0 16px;
  --ele-table-filter-item-radius: 0;
  --ele-table-filter-item-color: var(--el-text-color-regular);
  --ele-table-filter-item-hover-color: var(--el-text-color-primary);
  --ele-table-filter-item-hover-bg: var(--el-fill-color-light);
  --ele-table-filter-item-active-color: var(--el-color-primary);
  --ele-table-filter-item-active-bg: var(--el-color-primary-light-9);
  --ele-table-filter-item-active-hover-bg: var(--el-color-primary-light-8);
  --ele-table-filter-item-active-font-weight: normal;
  --ele-table-filter-footer-padding: 6px 10px;
  --ele-table-filter-footer-border: 1px solid var(--el-border-color-light);
}

body .ele-data-table.el-table {
  --el-table-border-color: var(--ele-table-border-color);
  --el-table-text-color: var(--ele-table-color);
  --el-table-fixed-left-column: var(--ele-table-fixed-left-shadow);
  --el-table-fixed-right-column: var(--ele-table-fixed-right-shadow);
}

/* 原始样式重写 */
.ele-data-table.el-table,
.ele-data-table.el-table tr {
  background: none;
}

.ele-data-table > .el-table__inner-wrapper > .el-table__header-wrapper {
  z-index: 4;
}

/* 底部间距补丁 */
.ele-data-table.el-table > .el-table__inner-wrapper > .el-table__body-wrapper > .el-scrollbar > .el-scrollbar__wrap {
  padding-bottom: var(--ele-table-fix-height);
  box-sizing: border-box;
}

.ele-data-table.el-table {
  display: flex;
  flex-direction: column;
}
.ele-data-table {
  /* 单元格背景 */
}
.ele-data-table > .el-table__inner-wrapper {
  flex: 1;
}
.ele-data-table > .el-table__inner-wrapper .ele-table-tr > td.el-table__cell {
  background: var(--ele-table-tr-bg);
}
.ele-data-table > .el-table__inner-wrapper .ele-table-tr.el-table__row--striped > td.el-table__cell {
  background: var(--ele-table-even-bg);
}
.ele-data-table > .el-table__inner-wrapper .ele-table-tr:hover > td.el-table__cell, .ele-data-table > .el-table__inner-wrapper .ele-table-tr.hover-row > td.el-table__cell {
  background: var(--ele-table-tr-hover-bg);
}
.ele-data-table > .el-table__inner-wrapper .ele-table-tr.current-row > td.el-table__cell {
  background: var(--ele-table-tr-active-bg);
}
.ele-data-table > .el-table__inner-wrapper .ele-table-tr.current-row:hover > td.el-table__cell, .ele-data-table > .el-table__inner-wrapper .ele-table-tr.current-row.hover-row > td.el-table__cell {
  background: var(--ele-table-tr-active-hover-bg);
}
.ele-data-table > .el-table__inner-wrapper > .el-table__header-wrapper .ele-table-head-tr > th.el-table__cell, .ele-data-table > .el-table__inner-wrapper > .el-table__body-wrapper .ele-table-head-tr > th.el-table__cell, .ele-data-table > .el-table__inner-wrapper > .el-table__footer-wrapper > .el-table__footer .el-table__cell, .ele-data-table > .el-table__inner-wrapper > .el-table__body-wrapper > .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view > .el-table__body > .el-table__body-footer .el-table__cell {
  background: var(--ele-table-th-bg);
}
.ele-data-table > .el-table__inner-wrapper > .el-table__header-wrapper .ele-table-head-tr > .el-table__cell.is-sortable:hover, .ele-data-table > .el-table__inner-wrapper > .el-table__body-wrapper .ele-table-head-tr > .el-table__cell.is-sortable:hover {
  background: var(--ele-table-sort-hover-bg);
}
.ele-data-table .el-table__expanded-cell {
  background: var(--ele-table-tr-bg);
}
.ele-data-table {
  /* 表头单元格 */
}
.ele-data-table .cell > .ele-cell-title {
  flex: 1;
  position: relative;
  color: var(--ele-table-th-color);
  font-weight: var(--ele-table-th-font-weight);
  text-overflow: ellipsis;
  overflow: hidden;
}
.ele-data-table .ele-table-head-tr > .el-table__cell {
  transition: background-color 0.2s;
}
.ele-data-table .ele-table-head-tr > .el-table__cell > .cell {
  display: flex;
  align-items: center;
}
.ele-data-table .ele-table-head-tr > .el-table__cell.is-center > .cell {
  justify-content: center;
}
.ele-data-table .ele-table-head-tr > .el-table__cell.is-right > .cell {
  justify-content: flex-end;
}
.ele-data-table .ele-table-head-tr > .el-table__cell::after {
  content: "";
  width: 0;
  height: 20px;
  border-right: 1px solid var(--ele-table-border-color);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.ele-data-table .ele-table-head-tr > .el-table__cell:last-child::after,
.ele-data-table .ele-table-head-tr > .el-table__cell.el-table-column--selection::after,
.ele-data-table .ele-table-head-tr > .el-table__cell.el-table__expand-column::after, .ele-data-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column::after, .ele-data-table.is-scrolling-right .el-table-fixed-column--left.is-last-column::after, .ele-data-table.el-table--border .ele-table-head-tr > .el-table__cell::after {
  display: none;
}
.ele-data-table {
  /* 表头单元格省略 */
}
.ele-data-table .ele-table-head-tr.is-ellipsis > .el-table__cell > .cell {
  white-space: nowrap;
}
.ele-data-table {
  /* 表头排序图标 */
}
.ele-data-table .ele-table-head-tr .caret-wrapper {
  flex-shrink: 0;
  width: auto;
  height: auto;
  overflow: visible;
  position: static;
  margin-left: var(--ele-table-icon-margin);
  box-sizing: border-box;
}
.ele-data-table .ele-table-head-tr .caret-wrapper .sort-caret {
  position: static;
  border: var(--ele-table-sort-size) solid transparent;
  transition: border-color 0.2s;
  box-sizing: border-box;
  pointer-events: none;
}
.ele-data-table .ele-table-head-tr .caret-wrapper .ascending {
  border-bottom-color: var(--ele-table-icon-color);
  margin-top: calc(var(--ele-table-sort-size) * -1);
  margin-bottom: calc(var(--ele-table-sort-space) / 2);
}
.ele-data-table .ele-table-head-tr .caret-wrapper .descending {
  border-top-color: var(--ele-table-icon-color);
  margin-bottom: calc(var(--ele-table-sort-size) * -1);
  margin-top: calc(var(--ele-table-sort-space) / 2);
}
.ele-data-table .ele-table-head-tr > .el-table__cell:hover .sort-caret.ascending {
  border-bottom-color: var(--ele-table-icon-hover-color);
}
.ele-data-table .ele-table-head-tr > .el-table__cell:hover .sort-caret.descending {
  border-top-color: var(--ele-table-icon-hover-color);
}
.ele-data-table .ele-table-head-tr > .el-table__cell.ascending .sort-caret.ascending {
  border-bottom-color: var(--el-color-primary);
}
.ele-data-table .ele-table-head-tr > .el-table__cell.descending .sort-caret.descending {
  border-top-color: var(--el-color-primary);
}
.ele-data-table {
  /* 表头筛选图标 */
}
.ele-data-table .ele-table-head-tr .el-table__column-filter-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--ele-table-filter-margin);
  padding: var(--ele-table-filter-padding);
  border-radius: var(--ele-table-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  position: relative;
}
.ele-data-table .ele-table-head-tr .el-table__column-filter-trigger > .el-icon {
  color: var(--ele-table-icon-color);
  font-size: var(--ele-table-filter-size);
  transition: color 0.2s, font-size 0.2s;
  pointer-events: none;
}
.ele-data-table .ele-table-head-tr .el-table__column-filter-trigger:hover {
  background: var(--ele-table-icon-hover-bg);
}
.ele-data-table .ele-table-head-tr .el-table__column-filter-trigger:hover > .el-icon {
  color: var(--ele-table-icon-hover-color);
}
.ele-data-table .cell.highlight > .el-table__column-filter-trigger > .el-icon {
  color: var(--el-color-primary);
}
.ele-data-table {
  /* 左右固定列 */
}
.ele-data-table.el-table:not(.is-scrolling-none):not(.is-scrolling-left) .ele-table-head-tr > .el-table-fixed-column--left,
.ele-data-table.el-table:not(.is-scrolling-none):not(.is-scrolling-left) .ele-table-tr > .el-table-fixed-column--left {
  backdrop-filter: var(--ele-table-fixed-backdrop-filter);
}
.ele-data-table.el-table:not(.is-scrolling-none):not(.is-scrolling-right) .ele-table-head-tr > .el-table-fixed-column--right,
.ele-data-table.el-table:not(.is-scrolling-none):not(.is-scrolling-right) .ele-table-tr > .el-table-fixed-column--right {
  backdrop-filter: var(--ele-table-fixed-backdrop-filter);
}
.ele-data-table {
  /* 行高 */
}
.ele-data-table .ele-table-tr > .el-table__cell > .cell,
.ele-data-table .ele-table-head-tr > .el-table__cell > .cell {
  line-height: var(--ele-table-line-height);
}
.ele-data-table {
  /* 展开按钮 */
}
.ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__expand-icon {
  font-size: 14px;
  align-items: center;
  justify-content: center;
  border-radius: var(--ele-table-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  transform: none;
}
.ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__expand-icon:hover {
  background: var(--ele-table-icon-hover-bg);
}
.ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__expand-icon > .el-icon {
  transition: all 0.2s;
  font-size: inherit;
}
.ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__expand-icon > .el-icon > svg > path {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 98;
  d: path("M362 811 662 512 362 213");
}
.ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__expand-icon > .is-loading > svg > path {
  stroke-width: 85;
  d: path("M512 128V299M789 235 672 352M896 512H725M789 789 672 672M512 896V725M235 789 352 672M128 512H299M235 235 352 352");
}
.ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__expand-icon > .el-icon:not(.is-loading) > svg {
  transform: translateX(0.4px);
}
.ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__expand-icon, .ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__indent, .ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__placeholder {
  height: 16px;
  display: inline-flex;
  vertical-align: -2px;
}
.ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__expand-icon, .ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__placeholder {
  width: 16px;
  margin: var(--ele-table-expand-margin);
}
.ele-data-table .ele-table-tr > .el-table__cell > .cell > .el-table__expand-icon--expanded > .el-icon:not(.is-loading) {
  transform: rotate(90deg);
}
.ele-data-table {
  /* 展开列 */
}
.ele-data-table .ele-table-tr > .el-table__expand-column > .cell > .el-table__expand-icon {
  margin: 0;
  justify-content: center;
}
.ele-data-table {
  /* 复选框 */
}
.ele-data-table .ele-table-head-tr > .el-table-column--selection > .cell,
.ele-data-table .ele-table-tr > .el-table-column--selection > .cell {
  height: auto;
  vertical-align: middle;
  overflow: visible;
}
.ele-data-table .ele-table-tr > .el-table-column--selection.is-center > .cell {
  justify-content: center;
}
.ele-data-table .ele-table-tr > .el-table-column--selection.is-right > .cell {
  justify-content: flex-end;
}
.ele-data-table {
  /* 表尾 */
}
.ele-data-table > .el-table__inner-wrapper > .el-table__footer-wrapper, .ele-data-table > .el-table__inner-wrapper > .el-table__body-wrapper > .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view > .el-table__body > .el-table__body-footer {
  border-top: 1px solid var(--ele-table-border-color);
  margin-top: calc(-1px - var(--ele-table-fix-height));
  z-index: 3;
}
.ele-data-table > .el-table__inner-wrapper > .el-table__footer-wrapper td.el-table__cell, .ele-data-table > .el-table__inner-wrapper > .el-table__body-wrapper > .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view > .el-table__body > .el-table__body-footer td.el-table__cell {
  border-bottom-color: transparent;
}
.ele-data-table {
  /* 边框线 */
}
.ele-data-table.el-table--border::before, .ele-data-table.el-table--border::after, .ele-data-table.el-table > .el-table__inner-wrapper::before, .ele-data-table.el-table > .el-table__inner-wrapper::after {
  background: none;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 5;
}
.ele-data-table.el-table > .el-table__inner-wrapper::before, .ele-data-table.el-table > .el-table__inner-wrapper::after {
  left: 0;
  right: 0;
  width: 100%;
  height: calc(1px + var(--ele-table-radius));
}
.ele-data-table.el-table > .el-table__inner-wrapper::before {
  content: "";
  bottom: 0;
  border-bottom: 1px solid var(--ele-table-border-color);
}
.ele-data-table.el-table.el-table--border > .el-table__inner-wrapper::after, .ele-data-table.el-table.hide-header > .el-table__inner-wrapper::after {
  content: "";
  top: 0;
  border-top: 1px solid var(--ele-table-border-color);
}
.ele-data-table.el-table--border > .el-table__inner-wrapper::before, .ele-data-table.el-table--border > .el-table__inner-wrapper::after {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}
.ele-data-table > .el-table__inner-wrapper > .el-table__border-left-patch, .ele-data-table.has-footer:not(.el-table--border) > .el-table__inner-wrapper::before, .ele-data-table.hide-bottom-line > .el-table__inner-wrapper::before {
  display: none;
}
.ele-data-table {
  /* 全边框 */
}
.ele-data-table.el-table--border::before, .ele-data-table.el-table--border::after {
  content: "";
  top: 0;
  bottom: 0;
  height: 100%;
  width: calc(1px + var(--ele-table-radius));
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.ele-data-table.el-table--border::before {
  left: 0;
  border-left: 1px solid var(--ele-table-border-color);
}
.ele-data-table.el-table--border::after {
  right: 0;
  border-right: 1px solid var(--ele-table-border-color);
}
.ele-data-table {
  /* 适配底部间距补丁 */
}
.ele-data-table.el-table:not(.has-footer) > .el-table__inner-wrapper::before {
  bottom: var(--ele-table-fix-height);
  box-shadow: 0 0.8px 0 var(--ele-table-tr-bg);
}
.ele-data-table.el-table--border:not(.has-footer)::before, .ele-data-table.el-table--border:not(.has-footer)::after {
  bottom: var(--ele-table-fix-height);
  height: auto;
}
.ele-data-table {
  /* 圆角 */
}
.ele-data-table > .el-table__inner-wrapper > .el-table__header-wrapper, .ele-data-table.el-table--border > .el-table__inner-wrapper::after, .ele-data-table.el-table--border.hide-header > .el-table__inner-wrapper > .el-table__body-wrapper, .ele-data-table.el-table--layout-auto:not(.hide-header) > .el-table__inner-wrapper > .el-table__body-wrapper {
  border-top-left-radius: var(--ele-table-radius);
  border-top-right-radius: var(--ele-table-radius);
}
.ele-data-table > .el-table__inner-wrapper > .el-table__footer-wrapper, .ele-data-table.el-table--border > .el-table__inner-wrapper::before, .ele-data-table.el-table--border:not(.has-footer) > .el-table__inner-wrapper > .el-table__body-wrapper, .ele-data-table.el-table--layout-auto.has-footer > .el-table__inner-wrapper > .el-table__body-wrapper {
  border-bottom-left-radius: var(--ele-table-radius);
  border-bottom-right-radius: var(--ele-table-radius);
}
.ele-data-table.el-table--border::before {
  border-bottom-left-radius: var(--ele-table-radius);
  border-top-left-radius: var(--ele-table-radius);
}
.ele-data-table.el-table--border::after {
  border-bottom-right-radius: var(--ele-table-radius);
  border-top-right-radius: var(--ele-table-radius);
}
.ele-data-table.el-table--large > .el-table__inner-wrapper > .el-table__header-wrapper, .ele-data-table.el-table--large.el-table--border > .el-table__inner-wrapper::after, .ele-data-table.el-table--large.el-table--border.hide-header > .el-table__inner-wrapper > .el-table__body-wrapper, .ele-data-table.el-table--large.el-table--layout-auto:not(.hide-header) > .el-table__inner-wrapper > .el-table__body-wrapper {
  border-top-left-radius: var(--ele-table-lg-radius);
  border-top-right-radius: var(--ele-table-lg-radius);
}
.ele-data-table.el-table--large > .el-table__inner-wrapper > .el-table__footer-wrapper, .ele-data-table.el-table--large.el-table--border > .el-table__inner-wrapper::before, .ele-data-table.el-table--large.el-table--border:not(.has-footer) > .el-table__inner-wrapper > .el-table__body-wrapper, .ele-data-table.el-table--large.el-table--layout-auto.has-footer > .el-table__inner-wrapper > .el-table__body-wrapper {
  border-bottom-left-radius: var(--ele-table-lg-radius);
  border-bottom-right-radius: var(--ele-table-lg-radius);
}
.ele-data-table.el-table--large.el-table--border::before {
  border-bottom-left-radius: var(--ele-table-lg-radius);
  border-top-left-radius: var(--ele-table-lg-radius);
}
.ele-data-table.el-table--large.el-table--border::after {
  border-bottom-right-radius: var(--ele-table-lg-radius);
  border-top-right-radius: var(--ele-table-lg-radius);
}
.ele-data-table.el-table--small > .el-table__inner-wrapper > .el-table__header-wrapper, .ele-data-table.el-table--small.el-table--border > .el-table__inner-wrapper::after, .ele-data-table.el-table--small.el-table--border.hide-header > .el-table__inner-wrapper > .el-table__body-wrapper, .ele-data-table.el-table--small.el-table--layout-auto:not(.hide-header) > .el-table__inner-wrapper > .el-table__body-wrapper {
  border-top-left-radius: var(--ele-table-sm-radius);
  border-top-right-radius: var(--ele-table-sm-radius);
}
.ele-data-table.el-table--small > .el-table__inner-wrapper > .el-table__footer-wrapper, .ele-data-table.el-table--small.el-table--border > .el-table__inner-wrapper::before, .ele-data-table.el-table--small.el-table--border:not(.has-footer) > .el-table__inner-wrapper > .el-table__body-wrapper, .ele-data-table.el-table--small.el-table--layout-auto.has-footer > .el-table__inner-wrapper > .el-table__body-wrapper {
  border-bottom-left-radius: var(--ele-table-sm-radius);
  border-bottom-right-radius: var(--ele-table-sm-radius);
}
.ele-data-table.el-table--small.el-table--border::before {
  border-bottom-left-radius: var(--ele-table-sm-radius);
  border-top-left-radius: var(--ele-table-sm-radius);
}
.ele-data-table.el-table--small.el-table--border::after {
  border-bottom-right-radius: var(--ele-table-sm-radius);
  border-top-right-radius: var(--ele-table-sm-radius);
}
.ele-data-table {
  /* 内部组件 */
}
.ele-data-table.el-table--border > .el-loading-mask {
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
.ele-data-table .ele-table-empty {
  padding: 58px 0;
  line-height: 1;
}
.ele-data-table .ele-table-empty .el-empty__description {
  margin-top: 8px;
}
.ele-data-table .ele-table-empty .el-empty__description p {
  color: var(--el-text-color-placeholder);
}
.ele-data-table .ele-table-tr,
.ele-data-table .ele-table-head-tr {
  /* 表单组件 */
}
.ele-data-table .ele-table-tr .el-checkbox,
.ele-data-table .ele-table-tr .el-switch,
.ele-data-table .ele-table-head-tr .el-checkbox,
.ele-data-table .ele-table-head-tr .el-switch {
  height: auto;
}
.ele-data-table .ele-table-tr,
.ele-data-table .ele-table-head-tr {
  /* Link */
}
.ele-data-table .ele-table-tr .el-link,
.ele-data-table .ele-table-head-tr .el-link {
  display: inline;
  font-size: inherit;
}
.ele-data-table .ele-table-tr .el-link > .el-link__inner,
.ele-data-table .ele-table-head-tr .el-link > .el-link__inner {
  display: inline;
}
.ele-data-table .ele-table-tr .el-link > .el-icon,
.ele-data-table .ele-table-head-tr .el-link > .el-icon {
  vertical-align: -1.7px;
}
.ele-data-table {
  /* 粘性表头 */
}
.ele-data-table.is-sticky.el-table {
  overflow: visible;
}
.ele-data-table.is-sticky.el-table > .el-table__inner-wrapper > .el-table__header-wrapper {
  position: sticky;
  top: var(--ele-table-sticky-top);
}
.ele-data-table.is-sticky.is-layout-fixed-head > .el-table__inner-wrapper > .el-table__header-wrapper {
  top: var(--ele-table-fixed-header-sticky-top);
}
.ele-data-table.is-sticky.is-layout-maximized > .el-table__inner-wrapper > .el-table__header-wrapper {
  top: var(--ele-table-maximized-sticky-top);
}

/* Tooltip */
body .ele-popper.el-popper.ele-tooltip.ele-table-tooltip {
  padding: var(--ele-tooltip-padding);
}

.ele-table-tr > .el-table__cell > .cell.el-tooltip {
  min-width: auto;
}
.ele-table-tr > .el-table__cell > .cell.el-tooltip > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ele-table-tr > .is-index > .cell.el-tooltip > div {
  display: inline;
}

/* Filter */
.ele-table-filter-popper.el-table-filter {
  position: fixed !important;
}
.ele-table-filter-popper .el-table-filter__list {
  padding: var(--ele-table-filter-padding);
  max-height: var(--ele-table-filter-max-height);
  box-sizing: border-box;
  overflow: auto;
}
.ele-table-filter-popper .el-table-filter__list-item {
  color: var(--ele-table-filter-item-color);
  height: var(--ele-table-filter-item-height);
  line-height: var(--ele-table-filter-item-height);
  padding: var(--ele-table-filter-item-padding);
  border-radius: var(--ele-table-filter-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
}
.ele-table-filter-popper .el-table-filter__list-item + .el-table-filter__list-item {
  margin-top: var(--ele-table-filter-item-margin);
}
.ele-table-filter-popper .el-table-filter__list-item:hover {
  color: var(--ele-table-filter-item-hover-color);
  background: var(--ele-table-filter-item-hover-bg);
}
.ele-table-filter-popper .el-table-filter__list-item.is-active {
  color: var(--ele-table-filter-item-active-color);
  background: var(--ele-table-filter-item-active-bg);
  font-weight: var(--ele-table-filter-item-active-font-weight);
}
.ele-table-filter-popper .el-table-filter__list-item.is-active:hover {
  background: var(--ele-table-filter-item-active-hover-bg);
}
.ele-table-filter-popper .el-table-filter__wrap {
  max-height: var(--ele-table-filter-max-height);
}
.ele-table-filter-popper .el-checkbox-group {
  padding: var(--ele-table-filter-padding);
  box-sizing: border-box;
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox {
  width: 100%;
  display: flex;
  height: var(--ele-table-filter-item-height);
  padding: var(--ele-table-filter-item-padding);
  border-radius: var(--ele-table-filter-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  margin: 0;
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox > .el-checkbox__label {
  color: var(--ele-table-filter-item-color);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox:hover {
  background: var(--ele-table-filter-item-hover-bg);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox:hover > .el-checkbox__label {
  color: var(--ele-table-filter-item-hover-color);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox.is-checked {
  background: var(--ele-table-filter-item-active-bg);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox.is-checked > .el-checkbox__label {
  color: var(--ele-table-filter-item-active-color);
  font-weight: var(--ele-table-filter-item-active-font-weight);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox.is-checked:hover {
  background: var(--ele-table-filter-item-active-hover-bg);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox + .el-checkbox {
  margin-top: var(--ele-table-filter-item-margin);
}
.ele-table-filter-popper .el-table-filter__bottom {
  padding: var(--ele-table-filter-footer-padding);
  border-top: var(--ele-table-filter-footer-border);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ele-table-filter-popper .el-table-filter__bottom > button {
  height: 24px;
  line-height: 24px;
  padding: 0 11px;
  font-size: 12px;
  color: var(--el-text-color-regular);
  border-radius: calc(var(--el-border-radius-base) - 1px);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
}
.ele-table-filter-popper .el-table-filter__bottom > button:hover {
  background: var(--el-fill-color-light);
}
.ele-table-filter-popper .el-table-filter__bottom > button:active {
  background: var(--el-fill-color);
}
.ele-table-filter-popper .el-table-filter__bottom > button:first-child {
  order: 2;
  color: #fff;
  background: var(--el-color-primary);
  margin-left: 4px;
}
.ele-table-filter-popper .el-table-filter__bottom > button:first-child:hover {
  background: var(--el-color-primary-light-3);
}
.ele-table-filter-popper .el-table-filter__bottom > button:first-child:active {
  background: var(--el-color-primary-dark-2);
}
.ele-table-filter-popper .el-table-filter__bottom > button:first-child.is-disabled {
  background: var(--el-color-primary-light-5);
}

.ele-dot {
  display: inline-flex;
  align-items: center;
}
.ele-dot .ele-dot-text {
  flex-shrink: 0;
  margin-left: 8px;
}
.ele-dot .ele-dot-status {
  flex-shrink: 0;
  background: var(--el-color-primary);
  border-radius: 50%;
  position: relative;
}
.ele-dot .ele-dot-ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--el-color-primary);
  animation: eleAnimDot 1.2s ease-in-out infinite;
  transform-origin: center;
  border-radius: 50%;
  display: none;
}
.ele-dot.is-ripple .ele-dot-ripple {
  display: block;
}
.ele-dot.is-success .ele-dot-status, .ele-dot.is-success .ele-dot-ripple {
  background: var(--el-color-success);
}
.ele-dot.is-warning .ele-dot-status, .ele-dot.is-warning .ele-dot-ripple {
  background: var(--el-color-warning);
}
.ele-dot.is-danger .ele-dot-status, .ele-dot.is-danger .ele-dot-ripple {
  background: var(--el-color-danger);
}
.ele-dot.is-info .ele-dot-status, .ele-dot.is-info .ele-dot-ripple {
  background: var(--el-color-info);
}

@keyframes eleAnimDot {
  from {
    transform: scale(0.8);
    opacity: 0.6;
  }
  to {
    transform: scale(2.4);
    opacity: 0;
  }
}
/* 抽屉主题变量 */
.ele-drawer {
  --ele-drawer-bg: var(--el-bg-color);
  --ele-drawer-header-color: var(--el-text-color-primary);
  --ele-drawer-header-font-size: var(--el-font-size-medium);
  --ele-drawer-header-font-weight: normal;
  --ele-drawer-header-line-height: 24px;
  --ele-drawer-header-padding: 14px 16px;
  --ele-drawer-header-border: 1px solid var(--el-border-color-light);
  --ele-drawer-icon-size: 22px;
  --ele-drawer-icon-font-size: 16px;
  --ele-drawer-icon-color: var(--el-text-color-secondary);
  --ele-drawer-icon-hover-color: var(--el-text-color-primary);
  --ele-drawer-icon-hover-bg: transparent;
  --ele-drawer-icon-radius: var(--el-border-radius-small);
  --ele-drawer-body-padding: 20px;
  --ele-drawer-form-body-padding: 20px 20px 8px 16px;
  --ele-drawer-footer-padding: 10px 16px;
  --ele-drawer-footer-border: 1px solid var(--el-border-color-light);
}

/* 抽屉 */
.ele-drawer.el-drawer-fade-enter-active *, .ele-drawer.el-drawer-fade-leave-active * {
  pointer-events: none !important;
}
.ele-drawer.el-overlay {
  overflow: hidden;
}
.ele-drawer > .el-drawer {
  background: var(--ele-drawer-bg);
}
.ele-drawer > .el-drawer > .el-drawer__header {
  margin: 0;
  padding: 0;
  color: inherit;
  display: block;
  flex-shrink: 0;
  border: none;
}
.ele-drawer > .el-drawer > .el-drawer__body {
  padding: 0;
}
.ele-drawer > .el-drawer > .el-drawer__footer {
  padding: 0;
  flex-shrink: 0;
  border: none;
}

.ele-drawer-header {
  display: flex;
  align-items: center;
  padding: var(--ele-drawer-header-padding);
  border-bottom: var(--ele-drawer-header-border);
  box-sizing: border-box;
}

.ele-drawer-title {
  flex: 1;
  color: var(--ele-drawer-header-color);
  font-size: var(--ele-drawer-header-font-size);
  line-height: var(--ele-drawer-header-line-height);
  font-weight: var(--ele-drawer-header-font-weight);
  box-sizing: border-box;
}

.ele-drawer-close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-drawer-icon-size);
  height: var(--ele-drawer-icon-size);
  line-height: var(--ele-drawer-icon-size);
  color: var(--ele-drawer-icon-color);
  font-size: var(--ele-drawer-icon-font-size);
  border-radius: var(--ele-drawer-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}
.ele-drawer-close:hover {
  color: var(--ele-drawer-icon-hover-color);
  background: var(--ele-drawer-icon-hover-bg);
}

.ele-drawer-body {
  padding: var(--ele-drawer-body-padding);
  box-sizing: border-box;
}
.ele-drawer-body.is-form {
  padding: var(--ele-drawer-form-body-padding);
}

.ele-drawer-footer {
  flex-shrink: 0;
  padding: var(--ele-drawer-footer-padding);
  border-top: var(--ele-drawer-footer-border);
  box-sizing: border-box;
}

/* 失活状态 */
.ele-drawer-hide {
  display: none !important;
}

/* 最大宽度适应屏幕 */
.ele-drawer-responsive > .el-drawer {
  max-width: 100%;
  max-height: 100%;
}

/* 限制在主体区域 */
.ele-admin-modals > .ele-drawer {
  height: auto;
  pointer-events: auto;
  position: absolute !important;
}
.ele-admin-modals > .ele-drawer:not(.el-drawer-fade-leave-active):not(.el-drawer-fade-enter-active) {
  transition: width 0.2s, left 0.2s;
}

/* 内容异步组件加载状态 */
.ele-drawer-comp-loading > .el-drawer > .el-drawer__body > .ele-loading {
  background: none;
  pointer-events: none;
}

/* 内部表格弹性布局 */
.ele-drawer-flex-table > .el-drawer > .el-drawer__body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-drawer-flex-table > .el-drawer > .el-drawer__body > .ele-drawer-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.ele-drawer-flex-table > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-pro-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-drawer-flex-table > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-pro-table > .ele-pro-table-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}

.ele-drawer-flex-auto-table > .el-drawer > .el-drawer__body {
  display: flex;
  flex-direction: column;
}
.ele-drawer-flex-auto-table > .el-drawer > .el-drawer__body > .ele-drawer-body {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-drawer-flex-auto-table > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-drawer-flex-auto-table > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}

/* 在内容区添加自定义底栏 */
.ele-drawer-custom-footer > .el-drawer > .el-drawer__body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}
.ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-drawer-custom-footer, .ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-buttons.is-modal-footer {
  flex-shrink: 0;
  padding: var(--ele-drawer-footer-padding);
  border-top: var(--ele-drawer-footer-border);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-drawer-custom-body, .ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body > .el-form {
  flex: 1;
  box-sizing: border-box;
  padding: var(--ele-drawer-body-padding);
  overflow: auto;
}
.ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body.is-form > .ele-drawer-custom-body, .ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body.is-form > .el-form {
  padding: var(--ele-drawer-form-body-padding);
}

/* 下拉菜单主题变量 */
.ele-dropdown {
  --ele-dropdown-padding: 6px 0;
  --ele-dropdown-item-height: 32px;
  --ele-dropdown-item-margin: 2px;
  --ele-dropdown-item-padding: 0 16px;
  --ele-dropdown-item-radius: 0;
  --ele-dropdown-item-font-size: var(--el-font-size-base);
  --ele-dropdown-item-color: var(--el-text-color-regular);
  --ele-dropdown-item-hover-color: var(--el-text-color-primary);
  --ele-dropdown-item-hover-bg: var(--el-fill-color-light);
  --ele-dropdown-item-active-color: var(--el-color-primary);
  --ele-dropdown-item-active-bg: var(--el-color-primary-light-9);
  --ele-dropdown-item-active-hover-bg: var(--el-color-primary-light-8);
  --ele-dropdown-item-active-font-weight: normal;
  --ele-dropdown-item-danger-color: var(--el-color-danger);
  --ele-dropdown-item-danger-bg: var(--el-color-danger-light-9);
  --ele-dropdown-item-danger-hover-bg: var(--el-color-danger-light-8);
  --ele-dropdown-item-disabled-color: var(--el-disabled-text-color);
  --ele-dropdown-item-disabled-bg: var(--el-disabled-bg-color);
  --ele-dropdown-icon-size: 16px;
  --ele-dropdown-icon-margin: 0 8px 0 -2px;
  --ele-dropdown-icon-sm-size: 14px;
  --ele-dropdown-icon-sm-margin: -1px 6px 0 -2px;
  --ele-dropdown-arrow-size: 14px;
  --ele-dropdown-arrow-color: var(--el-text-color-placeholder);
  --ele-dropdown-arrow-padding: 0 0 0 6px;
  --ele-dropdown-arrow-margin: 0 -8px 0 auto;
  --ele-dropdown-divider: 1px solid var(--el-border-color-light);
  --ele-dropdown-divider-margin: 4px 0;
  --ele-dropdown-sub-menu-index: var(--el-index-popper);
  --ele-dropdown-sm-padding: 3px 0;
  --ele-dropdown-sm-item-height: 24px;
  --ele-dropdown-sm-item-padding: 0 12px;
  --ele-dropdown-sm-item-font-size: var(--el-font-size-extra-small);
  --ele-dropdown-sm-icon-size: 14px;
  --ele-dropdown-sm-icon-sm-size: 12px;
  --ele-dropdown-sm-icon-sm-margin: 0 4px 0 -2px;
  --ele-dropdown-sm-divider-margin: 3px 0;
  --ele-dropdown-lg-padding: 8px 0;
  --ele-dropdown-lg-item-height: 36px;
  --ele-dropdown-lg-item-padding: 0 20px;
  --ele-dropdown-lg-item-font-size: var(--el-font-size-base);
  --ele-dropdown-lg-icon-size: 16px;
  --ele-dropdown-lg-icon-sm-size: 15px;
  --ele-dropdown-lg-icon-sm-margin: -1px 8px 0 -2px;
  --ele-dropdown-lg-divider-margin: 8px 0;
}

.ele-dropdown-trigger > .el-tooltip__trigger {
  outline: none;
}

.ele-dropdown.ele-popper.ele-popover {
  min-width: auto;
  width: max-content;
}

.ele-dropdown-menu {
  padding: var(--ele-dropdown-padding);
  box-sizing: border-box;
}

.ele-dropdown-menu-item {
  display: flex;
  align-items: center;
  height: var(--ele-dropdown-item-height);
  line-height: var(--ele-dropdown-item-height);
  color: var(--ele-dropdown-item-color);
  font-size: var(--ele-dropdown-item-font-size);
  padding: var(--ele-dropdown-item-padding);
  border-radius: var(--ele-dropdown-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ele-dropdown-menu-item + .ele-dropdown-menu-item {
  margin-top: var(--ele-dropdown-item-margin);
}
.ele-dropdown-menu-item > .el-icon {
  font-size: var(--ele-dropdown-icon-size);
  margin: var(--ele-dropdown-icon-margin);
}
.ele-dropdown-menu-item > .ele-dropdown-menu-item-arrow {
  color: var(--ele-dropdown-arrow-color);
  font-size: var(--ele-dropdown-arrow-size);
  padding: var(--ele-dropdown-arrow-padding);
  margin: var(--ele-dropdown-arrow-margin);
}
.ele-dropdown-menu-item:hover, .ele-dropdown-menu-item:focus {
  color: var(--ele-dropdown-item-hover-color);
  background: var(--ele-dropdown-item-hover-bg);
}
.ele-dropdown-menu-item.is-active {
  color: var(--ele-dropdown-item-active-color);
  background: var(--ele-dropdown-item-active-bg);
  font-weight: var(--ele-dropdown-item-active-font-weight);
}
.ele-dropdown-menu-item.is-active:hover, .ele-dropdown-menu-item.is-active:focus {
  background: var(--ele-dropdown-item-active-hover-bg);
}
.ele-dropdown-menu-item.is-danger {
  color: var(--ele-dropdown-item-danger-color);
}
.ele-dropdown-menu-item.is-danger.is-active {
  background: var(--ele-dropdown-item-danger-bg);
}
.ele-dropdown-menu-item.is-danger.is-active:hover, .ele-dropdown-menu-item.is-danger.is-active:focus {
  background: var(--ele-dropdown-item-danger-hover-bg);
}
.ele-dropdown-menu-item.is-disabled {
  color: var(--ele-dropdown-item-disabled-color);
  background: none;
  cursor: not-allowed;
}
.ele-dropdown-menu-item.is-disabled.is-active, .ele-dropdown-menu-item.is-disabled.is-active:hover, .ele-dropdown-menu-item.is-disabled.is-active:focus {
  background: var(--ele-dropdown-item-disabled-bg);
}

.ele-dropdown-menu-divider {
  border-top: var(--ele-dropdown-divider);
  margin: var(--ele-dropdown-divider-margin);
}

.ele-dropdown-caret-button {
  width: 32px;
  padding-left: 0;
  padding-right: 0;
}

/* 紧凑图标 */
.ele-dropdown-menu.ele-dropdown-icon-small .ele-dropdown-menu-item > .el-icon:not(.ele-dropdown-menu-item-arrow) {
  font-size: var(--ele-dropdown-icon-sm-size);
  margin: var(--ele-dropdown-icon-sm-margin);
}

/* 小尺寸 */
.ele-dropdown-menu.is-small {
  padding: var(--ele-dropdown-sm-padding);
}
.ele-dropdown-menu.is-small .ele-dropdown-menu-item {
  height: var(--ele-dropdown-sm-item-height);
  line-height: var(--ele-dropdown-sm-item-height);
  font-size: var(--ele-dropdown-sm-item-font-size);
  padding: var(--ele-dropdown-sm-item-padding);
}
.ele-dropdown-menu.is-small .ele-dropdown-menu-item > .el-icon {
  font-size: var(--ele-dropdown-sm-icon-size);
}
.ele-dropdown-menu.is-small .ele-dropdown-menu-divider {
  margin: var(--ele-dropdown-sm-divider-margin);
}
.ele-dropdown-menu.is-small.ele-dropdown-icon-small .ele-dropdown-menu-item > .el-icon:not(.ele-dropdown-menu-item-arrow) {
  font-size: var(--ele-dropdown-sm-icon-sm-size);
  margin: var(--ele-dropdown-sm-icon-sm-margin);
}

/* 大尺寸 */
.ele-dropdown-menu.is-large {
  padding: var(--ele-dropdown-lg-padding);
}
.ele-dropdown-menu.is-large .ele-dropdown-menu-item {
  height: var(--ele-dropdown-lg-item-height);
  line-height: var(--ele-dropdown-lg-item-height);
  font-size: var(--ele-dropdown-lg-item-font-size);
  padding: var(--ele-dropdown-lg-item-padding);
}
.ele-dropdown-menu.is-large .ele-dropdown-menu-item > .el-icon {
  font-size: var(--ele-dropdown-lg-icon-size);
}
.ele-dropdown-menu.is-large .ele-dropdown-menu-divider {
  margin: var(--ele-dropdown-lg-divider-margin);
}
.ele-dropdown-menu.is-large.ele-dropdown-icon-small .ele-dropdown-menu-item > .el-icon:not(.ele-dropdown-menu-item-arrow) {
  font-size: var(--ele-dropdown-lg-icon-sm-size);
  margin: var(--ele-dropdown-lg-icon-sm-margin);
}

/* 子菜单 */
.ele-dropdown-wrapper.is-sub-menu {
  width: max-content;
  background: var(--ele-popper-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-shadow);
  border-radius: var(--ele-popper-radius);
  position: absolute;
  left: 100%;
  top: 0;
  transform-origin: top left;
  transition: all 0.3s;
  z-index: var(--ele-dropdown-sub-menu-index);
}
.ele-dropdown-wrapper.is-sub-menu.is-right-end {
  top: auto;
  bottom: 0;
  transform-origin: bottom left;
}
.ele-dropdown-wrapper.is-sub-menu.is-left-start {
  left: auto;
  right: 100%;
  transform-origin: top right;
}
.ele-dropdown-wrapper.is-sub-menu.is-left-end {
  top: auto;
  bottom: 0;
  left: auto;
  right: 100%;
  transform-origin: bottom right;
}

.ele-dropdown-menu-item:not(:hover) > .ele-dropdown-wrapper,
.ele-dropdown-menu-item.is-disabled > .ele-dropdown-wrapper {
  opacity: 0;
  transform: scale(0.6);
  pointer-events: none;
  visibility: hidden;
}

/* ElDropdown */
.ele-dropdown-trigger.el-dropdown {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.ele-dropdown .el-dropdown-menu {
  background: none;
  border-radius: 0;
  padding: var(--ele-dropdown-padding);
  box-sizing: border-box;
}
.ele-dropdown .el-dropdown-menu__item {
  height: var(--ele-dropdown-item-height);
  line-height: var(--ele-dropdown-item-height);
  color: var(--ele-dropdown-item-color);
  font-size: var(--ele-dropdown-item-font-size);
  padding: var(--ele-dropdown-item-padding);
  border-radius: var(--ele-dropdown-item-radius);
  transition: color 0.2s, background-color 0.2s;
}
.ele-dropdown .el-dropdown-menu__item + .el-dropdown-menu__item {
  margin-top: var(--ele-dropdown-item-margin);
}
.ele-dropdown .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-icon-size);
  margin: var(--ele-dropdown-icon-margin);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled):hover, .ele-dropdown .el-dropdown-menu__item:not(.is-disabled):focus {
  color: var(--ele-dropdown-item-hover-color);
  background: var(--ele-dropdown-item-hover-bg);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-active {
  color: var(--ele-dropdown-item-active-color);
  background: var(--ele-dropdown-item-active-bg);
  font-weight: var(--ele-dropdown-item-active-font-weight);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-active:hover, .ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-active:focus {
  background: var(--ele-dropdown-item-active-hover-bg);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-danger {
  color: var(--ele-dropdown-item-danger-color);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-danger.is-active {
  background: var(--ele-dropdown-item-danger-bg);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-danger.is-active:hover, .ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-danger.is-active:focus {
  background: var(--ele-dropdown-item-danger-hover-bg);
}
.ele-dropdown .el-dropdown-menu__item.is-disabled {
  color: var(--ele-dropdown-item-disabled-color);
  background: none;
  cursor: not-allowed;
}
.ele-dropdown .el-dropdown-menu__item.is-disabled.is-active, .ele-dropdown .el-dropdown-menu__item.is-disabled.is-active:hover, .ele-dropdown .el-dropdown-menu__item.is-disabled.is-active:focus {
  background: var(--ele-dropdown-item-disabled-bg);
  font-weight: var(--ele-dropdown-item-active-font-weight);
}
.ele-dropdown .el-dropdown-menu__item--divided {
  border-top: var(--ele-dropdown-divider);
  margin: var(--ele-dropdown-divider-margin);
}
.ele-dropdown .ele-dropdown-icon-small .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-icon-sm-size);
  margin: var(--ele-dropdown-icon-sm-margin);
}
.ele-dropdown .el-dropdown-menu--small {
  padding: var(--ele-dropdown-sm-padding);
}
.ele-dropdown .el-dropdown-menu--small .el-dropdown-menu__item {
  height: var(--ele-dropdown-sm-item-height);
  line-height: var(--ele-dropdown-sm-item-height);
  font-size: var(--ele-dropdown-sm-item-font-size);
  padding: var(--ele-dropdown-sm-item-padding);
}
.ele-dropdown .el-dropdown-menu--small .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-sm-icon-size);
}
.ele-dropdown .el-dropdown-menu--small .el-dropdown-menu__item--divided {
  margin: var(--ele-dropdown-sm-divider-margin);
}
.ele-dropdown .el-dropdown-menu--small.ele-dropdown-icon-small .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-sm-icon-sm-size);
  margin: var(--ele-dropdown-sm-icon-sm-margin);
}
.ele-dropdown .el-dropdown-menu--large {
  padding: var(--ele-dropdown-lg-padding);
}
.ele-dropdown .el-dropdown-menu--large .el-dropdown-menu__item {
  height: var(--ele-dropdown-lg-item-height);
  line-height: var(--ele-dropdown-lg-item-height);
  font-size: var(--ele-dropdown-lg-item-font-size);
  padding: var(--ele-dropdown-lg-item-padding);
}
.ele-dropdown .el-dropdown-menu--large .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-lg-icon-size);
}
.ele-dropdown .el-dropdown-menu--large .el-dropdown-menu__item--divided {
  margin: var(--ele-dropdown-lg-divider-margin);
}
.ele-dropdown .el-dropdown-menu--large.ele-dropdown-icon-small .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-lg-icon-sm-size);
  margin: var(--ele-dropdown-lg-icon-sm-margin);
}

/* 标签 */
.ele-edit-tag {
  margin-top: 8px;
}
.ele-edit-tag .el-tag {
  margin: 0 8px 8px 0;
  vertical-align: top;
}

/* 添加按钮 */
.ele-edit-tag-add.el-tag {
  cursor: text;
  margin-right: 0;
  border-style: dashed;
  background: none;
}
.ele-edit-tag-add > .el-tag__content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ele-edit-tag .ele-edit-tag-add-icon {
  width: 1em;
  height: 1em;
  border-radius: 0;
  font-size: inherit;
  cursor: inherit;
  opacity: 0.6;
}

/* 禁用 */
.ele-edit-tag.is-disabled .ele-edit-tag-add {
  cursor: not-allowed;
  color: var(--el-disabled-text-color);
  background: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
}

/* 只读 */
.ele-edit-tag.is-readonly > .el-tag:last-child {
  margin-right: 0;
}

/* 输入框 */
span.el-tag.ele-edit-tag-input {
  padding: 0;
}

.ele-edit-tag-input.el-tag {
  width: 80px;
  margin-right: 0;
  display: inline-block;
  background: none;
  border: none;
}
.ele-edit-tag-input > .el-tag__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.ele-edit-tag-input > .el-tag__content > .el-input {
  flex: 1;
  width: 100%;
  height: 100%;
  font-size: inherit;
  border-radius: inherit;
}
.ele-edit-tag-input .el-input .el-input__wrapper {
  height: 100%;
  min-height: auto;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  border-radius: inherit;
}
.ele-edit-tag-input .el-input .el-input__inner {
  height: 100%;
  line-height: inherit;
}
.ele-edit-tag-input.is-error .el-input .el-input__wrapper {
  box-shadow: 0 0 0 0.8px var(--el-color-danger) inset;
}

/* 小尺寸 */
.ele-edit-tag.is-small .ele-edit-tag-input {
  width: 60px;
}
.ele-edit-tag.is-small .ele-edit-tag-input .el-input .el-input__wrapper {
  padding-left: 4px;
  padding-right: 4px;
}

/* 大尺寸 */
.ele-edit-tag.is-large .ele-edit-tag-input {
  width: 100px;
}
.ele-edit-tag.is-large .ele-edit-tag-input .el-input .el-input__wrapper {
  padding-left: 12px;
  padding-right: 12px;
}

.ele-ellipsis {
  overflow: hidden;
  word-break: break-all;
}
.ele-ellipsis.is-multi-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.ele-ellipsis:not(.is-multi-line) {
  white-space: nowrap;
  text-overflow: ellipsis;
  /* 链接支持单行省略 */
}
.ele-ellipsis:not(.is-multi-line) > .el-link {
  display: inline;
}
.ele-ellipsis:not(.is-multi-line) > .el-link > .el-link__inner {
  display: inline;
}
.ele-ellipsis:not(.is-multi-line) > .el-link > .el-icon {
  vertical-align: -1.7px;
}

/* 文件列表主题变量 */
.ele-file-list-group {
  --ele-file-selector-index: 999;
  --ele-file-selector-border: 1px solid #2f54eb;
  --ele-file-selector-bg: rgba(0, 120, 215, 0.2);
  --ele-file-header-height: 38px;
  --ele-file-header-padding: 16px;
  --ele-file-item-width: 110px;
  --ele-file-item-space: 14px;
  --ele-file-item-radius: var(--el-border-radius-base);
  --ele-file-item-padding: 6px 4px;
  --ele-file-item-border: 1px solid transparent;
  --ele-file-item-active-border-color: var(--el-color-primary-light-7);
  --ele-file-item-active-bg: var(--el-color-primary-light-9);
  --ele-file-icon-height: 84px;
  --ele-file-icon-size: 56px;
  --ele-file-image-size: 84px;
  --ele-file-image-radius: var(--el-border-radius-base);
  --ele-file-title-margin: 4px;
  --ele-file-td-height: 44px;
  --ele-file-td-padding: 0 10px;
  --ele-file-td-icon-szie: 24px;
  --ele-file-td-icon-margin: 10px;
  --ele-file-td-image-radius: var(--el-border-radius-small);
  --ele-file-sort-color: hsla(0, 0%, 60%, 0.6);
  --ele-file-sort-active-color: var(--el-color-primary);
}

.ele-file-list-group {
  position: relative;
  user-select: none;
  /* 复选框 */
}
.ele-file-list-group .ele-file-list-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: inline-block;
  border: 1px solid var(--el-border-color);
  background: var(--el-fill-color-blank);
  box-sizing: border-box;
  transition: all 0.2s;
  position: relative;
  cursor: pointer;
}
.ele-file-list-group .ele-file-list-checkbox:hover {
  border-color: var(--el-color-primary);
}
.ele-file-list-group .ele-file-list-checkbox {
  /* 对勾 */
}
.ele-file-list-group .ele-file-list-checkbox::before {
  content: "";
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  opacity: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 21.5%;
}
.ele-file-list-group .ele-file-list-checkbox.is-checked {
  background: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.ele-file-list-group .ele-file-list-checkbox.is-checked::before {
  opacity: 1;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ele-file-list-group .ele-file-list-checkbox {
  /* 半选 */
}
.ele-file-list-group .ele-file-list-checkbox::after {
  content: "";
  width: 8px;
  height: 8px;
  display: table;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
}
.ele-file-list-group .ele-file-list-checkbox.is-indeterminate::after {
  background: var(--el-color-primary);
  opacity: 1;
}
.ele-file-list-group .ele-file-list-checkbox {
  /* 单选 */
}
.ele-file-list-group .ele-file-list-checkbox.is-radio {
  border-radius: 50%;
}
.ele-file-list-group {
  /* 鼠标选择框 */
}
.ele-file-list-group .ele-file-list-selector {
  display: none;
  position: absolute;
  box-sizing: border-box;
  border: var(--ele-file-selector-border);
  background: var(--ele-file-selector-bg);
  z-index: var(--ele-file-selector-index);
  pointer-events: none;
}
.ele-file-list-group {
  /* 右键菜单触发器 */
}
.ele-file-list-group .ele-file-list-item-dropdown {
  display: block;
  max-width: 36px;
  position: absolute;
  top: calc(50% - 6px);
  left: 36px;
  right: 0;
}

/* 网格布局 */
.ele-file-list {
  position: relative;
  box-sizing: border-box;
  /* header */
}
.ele-file-list .ele-file-list-header {
  padding: 0 var(--ele-file-header-padding);
  box-sizing: border-box;
  border-bottom: 1px solid var(--el-border-color-light);
  line-height: var(--ele-file-header-height);
  display: flex;
  /* 全选框 */
}
.ele-file-list .ele-file-list-header .ele-file-list-selection {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.ele-file-list .ele-file-list-header .ele-file-list-selection .ele-file-list-checkbox {
  margin-right: 14px;
}
.ele-file-list {
  /* body */
}
.ele-file-list .ele-file-list-body {
  padding-top: var(--ele-file-item-space);
  padding-left: var(--ele-file-item-space);
  box-sizing: border-box;
}
.ele-file-list {
  /* item */
}
.ele-file-list .ele-file-list-item {
  flex-shrink: 0;
  width: var(--ele-file-item-width);
  margin-right: var(--ele-file-item-space);
  margin-bottom: var(--ele-file-item-space);
  display: inline-block;
  box-sizing: border-box;
  border: var(--ele-file-item-border);
  border-radius: var(--ele-file-item-radius);
  transition: all 0.2s;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.ele-file-list .ele-file-list-item .ele-file-list-item-body {
  padding: var(--ele-file-item-padding);
  box-sizing: border-box;
}
.ele-file-list .ele-file-list-item {
  /* 图标 */
}
.ele-file-list .ele-file-list-item .ele-file-list-item-icon {
  height: var(--ele-file-icon-height);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ele-file-list .ele-file-list-item .ele-file-list-item-icon > img, .ele-file-list .ele-file-list-item .ele-file-list-item-icon > .el-icon {
  width: var(--ele-file-icon-size);
  height: var(--ele-file-icon-size);
  font-size: var(--ele-file-icon-size);
  display: inline-block;
  pointer-events: none;
}
.ele-file-list .ele-file-list-item .ele-file-list-item-icon > .ele-file-list-item-image {
  width: var(--ele-file-image-size);
  height: var(--ele-file-image-size);
  border-radius: var(--ele-file-image-radius);
  object-fit: contain;
}
.ele-file-list .ele-file-list-item {
  /* 标题 */
}
.ele-file-list .ele-file-list-item .ele-file-list-item-title {
  margin-top: var(--ele-file-title-margin);
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  box-sizing: border-box;
  transition: color 0.2s;
}
.ele-file-list .ele-file-list-item .ele-file-list-item-title:hover {
  color: var(--el-color-primary);
}
.ele-file-list .ele-file-list-item {
  /* 复选框 */
}
.ele-file-list .ele-file-list-item .ele-file-list-item-checkbox {
  border-radius: 50%;
  background: var(--el-bg-color);
  transition: all 0.2s;
  position: absolute;
  top: 6px;
  right: 6px;
  opacity: 0;
}
.ele-file-list .ele-file-list-item .ele-file-list-item-checkbox .ele-file-list-checkbox {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: block;
  opacity: 0.4;
}
.ele-file-list .ele-file-list-item:hover, .ele-file-list .ele-file-list-item.is-active, .ele-file-list .ele-file-list-item.is-checked {
  background: var(--ele-file-item-active-bg);
}
.ele-file-list .ele-file-list-item:hover .ele-file-list-item-checkbox, .ele-file-list .ele-file-list-item.is-active .ele-file-list-item-checkbox, .ele-file-list .ele-file-list-item.is-checked .ele-file-list-item-checkbox {
  opacity: 1;
}
.ele-file-list .ele-file-list-item.is-checked {
  border-color: var(--ele-file-item-active-border-color);
}
.ele-file-list .ele-file-list-item.is-checked .ele-file-list-item-checkbox .ele-file-list-checkbox {
  opacity: 1;
}

/* 表头排序图标 */
.ele-file-list-item-sort {
  width: 8px;
  height: 12px;
  margin-left: 6px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.ele-file-list-item-sort::before, .ele-file-list-item-sort::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: 4px solid var(--ele-file-sort-color);
  border-left-color: transparent;
  border-right-color: transparent;
}
.ele-file-list-item-sort::before {
  border-top-color: transparent;
  margin: -4px 0 4px 0;
}
.ele-file-list-item-sort::after {
  border-bottom-color: transparent;
}
.ele-file-list-item-sort.is-asc::before {
  border-bottom-color: var(--ele-file-sort-active-color);
}
.ele-file-list-item-sort.is-desc::after {
  border-top-color: var(--ele-file-sort-active-color);
}

/* 表格布局 */
.ele-file-list-table {
  position: relative;
  /* item */
}
.ele-file-list-table .ele-file-list-item {
  line-height: var(--ele-file-td-height);
  border-top: 1px solid var(--el-border-color-light);
  transition: background-color 0.2s;
  position: relative;
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-body {
  display: flex;
  align-items: center;
}
.ele-file-list-table .ele-file-list-item:first-child {
  border-top-color: transparent;
  margin-top: -1px;
}
.ele-file-list-table .ele-file-list-item:last-child {
  border-bottom: 1px solid var(--el-border-color-light);
}
.ele-file-list-table .ele-file-list-item {
  /* 复选框 */
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-checkbox {
  width: 36px;
  padding-left: var(--ele-file-header-padding);
  box-sizing: border-box;
  line-height: 0;
  flex-shrink: 0;
}
.ele-file-list-table .ele-file-list-item {
  /* 图标和标题 */
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-name {
  display: flex;
  align-items: center;
  padding: var(--ele-file-td-padding);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  min-width: 110px;
  flex: 1;
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-icon {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-icon > img, .ele-file-list-table .ele-file-list-item .ele-file-list-item-icon > .el-icon {
  width: var(--ele-file-td-icon-szie);
  height: var(--ele-file-td-icon-szie);
  font-size: var(--ele-file-td-icon-szie);
  flex-shrink: 0;
  cursor: pointer;
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-icon > img:hover + .ele-file-list-item-title, .ele-file-list-table .ele-file-list-item .ele-file-list-item-icon > .el-icon:hover + .ele-file-list-item-title {
  color: var(--el-color-primary);
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-icon > .ele-file-list-item-image {
  border-radius: var(--ele-file-td-image-radius);
  object-fit: contain;
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-title {
  padding-left: var(--ele-file-td-icon-margin);
  transition: color 0.2s;
  box-sizing: border-box;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-title:hover {
  color: var(--el-color-primary);
}
.ele-file-list-table .ele-file-list-item {
  /* 工具按钮 */
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-tools {
  flex-shrink: 0;
  box-sizing: border-box;
  align-items: center;
  display: none;
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-tools .ele-file-list-item-tool {
  font-size: 17px;
  margin-left: var(--ele-file-td-icon-margin);
  color: var(--el-color-primary);
  cursor: pointer;
}
.ele-file-list-table .ele-file-list-item:hover .ele-file-list-item-tools {
  display: flex;
}
.ele-file-list-table .ele-file-list-item {
  /* 自定义列 */
}
.ele-file-list-table .ele-file-list-item .ele-file-list-item-cell {
  padding: var(--ele-file-td-item-padding);
  box-sizing: border-box;
}
.ele-file-list-table {
  /* header */
}
.ele-file-list-table .ele-file-list-header .ele-file-list-item {
  line-height: var(--ele-file-header-height);
  border-top: none;
  margin-top: 0;
}
.ele-file-list-table .ele-file-list-header .ele-file-list-item .ele-file-list-item-name > div {
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}
.ele-file-list-table .ele-file-list-header .ele-file-list-item .ele-file-list-item-name,
.ele-file-list-table .ele-file-list-header .ele-file-list-item .ele-file-list-item-cell {
  transition: color 0.2s;
}
.ele-file-list-table .ele-file-list-header .ele-file-list-item .ele-file-list-item-name.is-sortable,
.ele-file-list-table .ele-file-list-header .ele-file-list-item .ele-file-list-item-cell.is-sortable {
  cursor: pointer;
}
.ele-file-list-table .ele-file-list-header .ele-file-list-item .ele-file-list-item-name.is-sortable:hover,
.ele-file-list-table .ele-file-list-header .ele-file-list-item .ele-file-list-item-cell.is-sortable:hover {
  color: var(--el-color-primary);
}
.ele-file-list-table {
  /* body */
}
.ele-file-list-table .ele-file-list-body .ele-file-list-item:hover, .ele-file-list-table .ele-file-list-body .ele-file-list-item.is-active, .ele-file-list-table .ele-file-list-body .ele-file-list-item.is-checked {
  background: var(--ele-file-item-active-bg);
  border-color: var(--ele-file-item-active-border-color);
}
.ele-file-list-table .ele-file-list-body .ele-file-list-item:hover + .ele-file-list-item, .ele-file-list-table .ele-file-list-body .ele-file-list-item.is-active + .ele-file-list-item, .ele-file-list-table .ele-file-list-body .ele-file-list-item.is-checked + .ele-file-list-item {
  border-top-color: var(--ele-file-item-active-border-color);
}

/* 右键菜单 */
.ele-file-list-item-context {
  min-width: 108px;
}

/* 图标选择主题变量 */
.ele-icon-select-popper {
  --ele-icon-header-padding: 0 12px;
  --ele-icon-search-width: 120px;
  --ele-icon-search-padding: 8px 0;
  --ele-icon-search-icon-size: var(--el-font-size-extra-small);
  --ele-icon-tab-height: 42px;
  --ele-icon-tab-space: 16px;
  --ele-icon-tab-padding: 0 2px;
  --ele-icon-tab-radius: 0;
  --ele-icon-tab-font-size: var(--el-font-size-base);
  --ele-icon-tab-color: var(--el-text-color-regular);
  --ele-icon-tab-hover-color: var(--el-color-primary);
  --ele-icon-tab-hover-bg: transparent;
  --ele-icon-tab-active-color: var(--el-color-primary);
  --ele-icon-tab-active-bg: transparent;
  --ele-icon-tab-active-font-weight: normal;
  --ele-icon-tab-active-line: 2px;
  --ele-icon-menus-width: 120px;
  --ele-icon-menus-padding: 12px 0;
  --ele-icon-menu-height: 34px;
  --ele-icon-menu-space: 2px;
  --ele-icon-menu-padding: 0 12px;
  --ele-icon-menu-radius: 0;
  --ele-icon-menu-font-size: var(--el-font-size-base);
  --ele-icon-menu-color: var(--el-text-color-regular);
  --ele-icon-menu-hover-color: var(--el-color-primary);
  --ele-icon-menu-hover-bg: transparent;
  --ele-icon-menu-active-color: var(--el-color-primary);
  --ele-icon-menu-active-bg: var(--el-color-primary-light-9);
  --ele-icon-menu-active-font-weight: normal;
  --ele-icon-menu-active-line: 2.5px;
  --ele-icon-body-padding: 12px;
  --ele-icon-radius: var(--el-border-radius-base);
  --ele-icon-border: 1px solid var(--el-border-color-light);
  --ele-icon-item-height: 48px;
  --ele-icon-item-padding: 0 6px;
  --ele-icon-font-size: 18px;
  --ele-icon-color: var(--el-text-color-regular);
  --ele-icon-name-font-size: 12px;
  --ele-icon-name-margin-top: 6px;
  --ele-icon-hover-color: var(--el-color-primary);
  --ele-icon-hover-bg: var(--el-color-primary-light-9);
  --ele-icon-hover-border: 1px solid var(--el-color-primary-light-7);
  --ele-icon-active-color: var(--el-color-primary);
  --ele-icon-active-bg: var(--el-color-primary-light-9);
  --ele-icon-active-border: 2px solid var(--el-color-primary);
  --ele-icon-loose-font-size: 22px;
  --ele-icon-loose-item-height: 80px;
  --ele-icon-loose-item-padding: 8px 6px 0 6px;
}

/* 选择框 */
.ele-select.is-icon-select .el-input__prefix-inner {
  color: var(--el-input-text-color);
}

/* 下拉面板 */
.ele-icon-select-popper.is-icon-select-responsive {
  max-width: calc(100vw - 32px);
}

.ele-icon-select-popper.is-icon-select-default,
.ele-icon-select-popper > .ele-popover-body,
.ele-icon-select-popper > .el-dialog__body > .ele-modal-body,
.ele-icon-select-popper > .el-drawer__body > .ele-drawer-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}

.ele-icon-select-main {
  flex: 1;
  display: flex;
  overflow: auto;
}

/* 顶栏 */
.ele-icon-select-header {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--ele-icon-header-padding);
  box-shadow: 0 -0.8px 0 var(--el-border-color-light) inset;
}

.ele-icon-select-tabs {
  flex: 1;
  overflow: auto;
  display: flex;
  align-items: center;
}
.ele-icon-select-tabs .ele-icon-select-tab {
  height: var(--ele-icon-tab-height);
  line-height: var(--ele-icon-tab-height);
  color: var(--ele-icon-tab-color);
  font-size: var(--ele-icon-tab-font-size);
  padding: var(--ele-icon-tab-padding);
  border-radius: var(--ele-icon-tab-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  word-break: break-all;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}
.ele-icon-select-tabs .ele-icon-select-tab + .ele-icon-select-tab {
  margin-left: var(--ele-icon-tab-space);
}
.ele-icon-select-tabs .ele-icon-select-tab::after {
  content: "";
  width: 100%;
  height: var(--ele-icon-tab-active-line);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transform: scaleX(0.0001);
  background: var(--el-color-primary);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ele-icon-select-tabs .ele-icon-select-tab:hover {
  color: var(--ele-icon-tab-hover-color);
  background: var(--ele-icon-tab-hover-bg);
}
.ele-icon-select-tabs .ele-icon-select-tab:active {
  background: var(--ele-icon-tab-active-bg);
}
.ele-icon-select-tabs .ele-icon-select-tab.is-active {
  color: var(--ele-icon-tab-active-color);
  background: var(--ele-icon-tab-active-bg);
  font-weight: var(--ele-icon-tab-active-font-weight);
}
.ele-icon-select-tabs .ele-icon-select-tab.is-active::after {
  opacity: 1;
  transform: scaleX(1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* 顶栏搜索框 */
.ele-icon-select-search {
  width: 100%;
  flex-shrink: 0;
  padding: var(--ele-icon-search-padding);
  box-sizing: border-box;
}
.ele-icon-select-search > .el-input .el-input__prefix .el-input__icon {
  font-size: var(--ele-icon-search-icon-size);
}

.ele-icon-select-tabs + .ele-icon-select-search {
  width: var(--ele-icon-search-width);
  padding-left: 12px;
}

/* 左侧菜单 */
.ele-icon-select-menus {
  flex-shrink: 0;
  width: var(--ele-icon-menus-width);
  padding: var(--ele-icon-menus-padding);
  box-shadow: -0.8px 0 0 var(--el-border-color-light) inset;
  box-sizing: border-box;
  overflow: auto;
}
.ele-icon-select-menus .ele-icon-select-menu {
  height: var(--ele-icon-menu-height);
  line-height: var(--ele-icon-menu-height);
  color: var(--ele-icon-menu-color);
  font-size: var(--ele-icon-menu-font-size);
  padding: var(--ele-icon-menu-padding);
  border-radius: var(--ele-icon-menu-radius);
  transition: color 0.2s, background-color 0.2s;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ele-icon-select-menus .ele-icon-select-menu + .ele-icon-select-menu {
  margin-top: var(--ele-icon-menu-space);
}
.ele-icon-select-menus .ele-icon-select-menu::after {
  content: "";
  height: 100%;
  width: var(--ele-icon-menu-active-line);
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  transform: scaleY(0.0001);
  background: var(--el-color-primary);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ele-icon-select-menus .ele-icon-select-menu:hover {
  color: var(--ele-icon-menu-hover-color);
  background: var(--ele-icon-menu-hover-bg);
}
.ele-icon-select-menus .ele-icon-select-menu:active {
  background: var(--ele-icon-menu-active-bg);
}
.ele-icon-select-menus .ele-icon-select-menu.is-active {
  color: var(--ele-icon-menu-active-color);
  background: var(--ele-icon-menu-active-bg);
  font-weight: var(--ele-icon-menu-active-font-weight);
}
.ele-icon-select-menus .ele-icon-select-menu.is-active::after {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* 图标列表 */
.ele-icon-select-body {
  flex: 1;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.ele-icon-select-body > .el-scrollbar__wrap > .el-scrollbar__view {
  padding: var(--ele-icon-body-padding);
}

.ele-icon-select-grid {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
  grid-gap: 8px;
}
.ele-icon-select-grid .ele-icon-select-item {
  height: var(--ele-icon-item-height);
  padding: var(--ele-icon-item-padding);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--ele-icon-color);
  font-size: var(--ele-icon-font-size);
  border: var(--ele-icon-border);
  border-radius: var(--ele-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.ele-icon-select-grid .ele-icon-select-item:hover {
  color: var(--ele-icon-hover-color);
  background: var(--ele-icon-hover-bg);
  border: var(--ele-icon-hover-border);
}
.ele-icon-select-grid .ele-icon-select-item.is-active {
  color: var(--ele-icon-active-color);
  background: var(--ele-icon-active-bg);
  border: var(--ele-icon-active-border);
}
.ele-icon-select-grid .ele-icon-select-item-name {
  max-width: 100%;
  font-size: var(--ele-icon-name-font-size);
  margin-top: var(--ele-icon-name-margin-top);
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ele-icon-select-grid.is-loose {
  grid-template-columns: repeat(auto-fill, minmax(98px, 1fr));
}
.ele-icon-select-grid.is-loose .ele-icon-select-item {
  font-size: var(--ele-icon-loose-font-size);
  height: var(--ele-icon-loose-item-height);
  padding: var(--ele-icon-loose-item-padding);
}

/* 抽屉模式 */
.ele-icon-select-popper > .el-drawer__body > .ele-drawer-body {
  height: 100%;
  overflow: auto;
}

/* 图片预览主题变量 */
.ele-image-viewer {
  --ele-image-viewer-tool-bg: hsla(0, 0%, 40%, 0.6);
  --ele-image-viewer-tool-hover-bg: hsla(0, 0%, 36%, 0.8);
  --ele-image-viewer-tool-size: 42px;
  --ele-image-viewer-tool-font-size: 20px;
  --ele-image-viewer-tool-action-size: 42px;
  --ele-image-viewer-tool-action-font-size: 18px;
  --ele-image-viewer-tool-action-gap: 0;
  --ele-image-viewer-tool-action-hover-bg: hsla(0, 0%, 32%, 0.4);
  --ele-image-viewer-tool-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.2);
  --ele-image-viewer-disabled-opacity: 0.4;
}

.ele-image-viewer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
  box-sizing: border-box;
}
.ele-image-viewer.ele-loading-show {
  position: absolute;
}
.ele-image-viewer .el-image-viewer__wrapper {
  position: absolute;
  background: var(--el-overlay-color-lighter);
  transition: opacity 0.3s;
  overflow: hidden;
}
.ele-image-viewer .el-image-viewer__wrapper.viewer-fade-enter-active {
  animation: none;
}
.ele-image-viewer .el-image-viewer__wrapper.viewer-fade-leave-active {
  animation: none;
}
.ele-image-viewer .el-image-viewer__mask {
  background: none;
}
.ele-image-viewer .el-image-viewer__canvas {
  transition: transform 0.3s;
}
.ele-image-viewer .el-image-viewer__img {
  cursor: grab;
}
.ele-image-viewer .el-image-viewer__close,
.ele-image-viewer .el-image-viewer__prev,
.ele-image-viewer .el-image-viewer__next {
  width: var(--ele-image-viewer-tool-size);
  height: var(--ele-image-viewer-tool-size);
  font-size: var(--ele-image-viewer-tool-font-size);
  background: var(--ele-image-viewer-tool-bg);
  box-shadow: var(--ele-image-viewer-tool-shadow);
  transition: all 0.2s;
  opacity: 1;
}
.ele-image-viewer .el-image-viewer__close .el-icon,
.ele-image-viewer .el-image-viewer__prev .el-icon,
.ele-image-viewer .el-image-viewer__next .el-icon {
  cursor: inherit;
}
.ele-image-viewer .el-image-viewer__close:not(.is-disabled):hover,
.ele-image-viewer .el-image-viewer__prev:not(.is-disabled):hover,
.ele-image-viewer .el-image-viewer__next:not(.is-disabled):hover {
  background: var(--ele-image-viewer-tool-hover-bg);
}
.ele-image-viewer .el-image-viewer__close.is-disabled,
.ele-image-viewer .el-image-viewer__prev.is-disabled,
.ele-image-viewer .el-image-viewer__next.is-disabled {
  opacity: var(--ele-image-viewer-disabled-opacity);
  cursor: not-allowed;
}
.ele-image-viewer .el-image-viewer__actions {
  width: auto;
  height: auto;
  padding: 0 calc(var(--ele-image-viewer-tool-action-size) / 2);
  background: var(--ele-image-viewer-tool-bg);
  box-shadow: var(--ele-image-viewer-tool-shadow);
  border-radius: calc(var(--ele-image-viewer-tool-action-size) / 2);
  cursor: default;
  opacity: 1;
}
.ele-image-viewer .el-image-viewer__actions__inner {
  width: auto;
  height: auto;
}
.ele-image-viewer .el-image-viewer__actions__inner > .el-icon {
  width: var(--ele-image-viewer-tool-action-size);
  height: var(--ele-image-viewer-tool-action-size);
  font-size: var(--ele-image-viewer-tool-action-font-size);
  transition: all 0.2s;
}
.ele-image-viewer .el-image-viewer__actions__inner > .el-icon:hover {
  background: var(--ele-image-viewer-tool-action-hover-bg);
}
.ele-image-viewer .el-image-viewer__actions__inner > .el-icon:last-child > svg, .ele-image-viewer .el-image-viewer__actions__inner > .el-icon:nth-last-child(2) > svg {
  transform: scale(1.1);
}
.ele-image-viewer .el-image-viewer__actions__inner > i + i {
  margin-left: var(--ele-image-viewer-tool-action-gap);
}
.ele-image-viewer .el-image-viewer__actions__divider {
  display: none;
}

.ele-image-viewer-fade-enter-from > .el-image-viewer__wrapper,
.ele-image-viewer-fade-leave-active > .el-image-viewer__wrapper {
  opacity: 0;
}
.ele-image-viewer-fade-enter-from > .el-image-viewer__wrapper > .el-image-viewer__canvas,
.ele-image-viewer-fade-leave-active > .el-image-viewer__wrapper > .el-image-viewer__canvas {
  transform: scale(0);
}

/* 加载中主题变量 */
.ele-loading {
  --ele-loading-bg: var(--el-mask-color);
  --ele-loading-size: 19px;
  --ele-loading-space: 5px;
  --ele-loading-index: 2000;
  --ele-loading-transition: none;
  --ele-loading-sm-size: 13px;
  --ele-loading-sm-space: 3px;
  --ele-loading-lg-size: 29px;
  --ele-loading-lg-space: 8px;
}

.ele-loading {
  box-sizing: border-box;
}

.ele-loading-show {
  position: relative;
}

.ele-loading-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--ele-loading-bg);
  z-index: var(--ele-loading-index);
  transition: var(--ele-loading-transition);
}
.ele-loading-spinner:not(.ele-loading-spinner-show) {
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 模糊背景 */
.ele-loading-blur.ele-loading-spinner-show {
  backdrop-filter: blur(2px);
}

/* 文本 */
.ele-loading-text {
  color: var(--el-color-primary);
  font-size: var(--el-font-size-base);
  margin-top: 10px;
  text-align: center;
}

/* 圆点风格 */
.ele-loading-dot {
  width: var(--ele-loading-size);
  height: var(--ele-loading-size);
  display: grid;
  grid-gap: var(--ele-loading-space);
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  transform: rotate(45deg);
  animation: eleloadingRotate 1.2s infinite linear;
}
.ele-loading-dot > i {
  background: var(--el-color-primary);
  border-radius: 50%;
}
.ele-loading-dot > i:nth-child(2) {
  background: var(--el-color-primary-light-3);
}
.ele-loading-dot > i:nth-child(3) {
  background: var(--el-color-primary-light-7);
}
.ele-loading-dot > i:nth-child(4) {
  background: var(--el-color-primary-light-8);
}

@keyframes eleloadingRotate {
  to {
    transform: rotate(405deg);
  }
}
/* 小型尺寸 */
.ele-loading-small .ele-loading-dot {
  width: var(--ele-loading-sm-size);
  height: var(--ele-loading-sm-size);
  grid-gap: var(--ele-loading-sm-space);
}

/* 大型尺寸 */
.ele-loading-large .ele-loading-dot {
  width: var(--ele-loading-lg-size);
  height: var(--ele-loading-lg-size);
  grid-gap: var(--ele-loading-lg-space);
}

/* 地图位置选择器主题变量 */
.ele-map-view {
  --ele-map-search-padding: 6px 12px;
  --ele-map-btn-index: 9999;
}

.ele-modal .ele-map-picker .ele-modal-body {
  padding: 0;
}

.ele-map-picker {
  overflow: hidden;
}

/* 主体区域 */
.ele-map-view {
  display: flex;
  position: relative;
}
.ele-map-view.is-poi-mode > .ele-loading-spinner {
  background: none;
}
.ele-map-view.is-poi-mode > .ele-loading-spinner > .ele-loading-dot {
  display: none;
}

/* 地图容器 */
.ele-map-view-body {
  flex: 1;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

/* 地图中心图标 */
.ele-map-view-body-icon {
  width: 26px;
  position: absolute;
  left: 50%;
  bottom: 50%;
  margin-left: -13px;
  pointer-events: none;
  z-index: var(--ele-map-btn-index);
}

.ele-map-view-icon-plus.el-icon {
  color: #2f54eb;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: var(--ele-map-btn-index);
}

/* 列表区域 */
.ele-map-view-side {
  width: 40%;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
}

/* 列表顶部搜索框 */
.ele-map-view-search {
  flex-shrink: 0;
  padding: var(--ele-map-search-padding);
  box-sizing: border-box;
}
.ele-map-view-search .el-autocomplete,
.ele-map-view-search .el-input {
  width: 100%;
}

/* 列表底部提示信息 */
.ele-map-view-extra {
  flex-shrink: 0;
  padding: 6px 12px;
  box-sizing: border-box;
  /* 确定按钮 */
}
.ele-map-view-extra .ele-map-view-btn-ok {
  width: 100%;
  display: block;
}

.ele-map-view-message {
  padding: 4px 8px;
  box-sizing: border-box;
  color: var(--el-color-error);
  font-size: var(--el-font-size-small);
  background: var(--el-color-error-light-9);
  border: 1px solid var(--el-color-error-light-8);
  border-radius: var(--el-border-radius-base);
  text-align: center;
}

/* 列表空图标 */
.ele-map-view-empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* poi列表 */
.ele-map-view-list {
  flex: 1;
  box-sizing: border-box;
  overflow: auto;
}

.ele-map-view-item {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  transition: background-color 0.2s;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ele-map-view-item:hover {
  background: var(--el-fill-color-light);
}
.ele-map-view-item + .ele-map-view-item::before {
  content: "";
  border-top: 1px solid var(--el-border-color-light);
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px;
}

.ele-map-view-item-body {
  flex: 1;
  padding: 0 0 0 6px;
  box-sizing: border-box;
  overflow: hidden;
}

.ele-map-view-item-title {
  font-size: var(--el-font-size-base);
  word-break: break-all;
}

.ele-map-view-item-text {
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-extra-small);
  word-break: break-all;
  margin-top: 2px;
}

.ele-map-view-item-icon.el-icon {
  flex-shrink: 0;
  font-size: 18px;
  color: var(--el-text-color-secondary);
}

.ele-map-view-item-radio.el-icon {
  font-size: 14px;
  color: var(--el-color-primary);
  margin: 0 -4px 0 0;
}

.ele-map-view-item:not(.is-active) .ele-map-view-item-radio {
  visibility: hidden;
}

/* 地图底部提示信息 */
.ele-map-view-body > .ele-map-view-search {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 0;
  width: 200px;
  max-width: calc(100% - 16px);
  background: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-lighter);
  border-radius: var(--el-border-radius-base);
  z-index: var(--ele-map-btn-index);
}
.ele-map-view-body > .ele-map-view-message, .ele-map-view-body > .ele-map-view-btn-ok {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: max-content;
  max-width: calc(100% - 32px);
  box-shadow: var(--el-box-shadow-light);
  z-index: var(--ele-map-btn-index);
}
.ele-map-view-body > .ele-map-view-btn-ok {
  width: 120px;
  border-radius: 32px;
}

/* 搜索建议列表 */
.ele-map-suggest-popper.el-popper .el-autocomplete-suggestion__list > li {
  height: auto;
}

.ele-map-suggest-item {
  line-height: normal;
  box-sizing: border-box;
  padding: 6px 0;
}

.ele-map-suggest-title,
.ele-map-suggest-text {
  max-width: 260px;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ele-map-suggest-text {
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-small);
  margin-top: 2px;
}

/* 小屏幕适应 */
@media screen and (max-width: 767.99px) {
  .ele-map-picker.is-responsive {
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .ele-map-picker.is-responsive > .el-dialog__header {
    flex-shrink: 0;
  }
  .ele-map-picker.is-responsive > .el-dialog__header .ele-modal-tool-max,
  .ele-map-picker.is-responsive > .el-dialog__header .ele-modal-resize-icon {
    display: none;
  }
  .ele-map-picker.is-responsive > .el-dialog__body {
    flex: 1;
    overflow: hidden;
  }
  .ele-map-picker.is-responsive > .el-dialog__body > .ele-modal-body {
    height: 100%;
    overflow: hidden;
  }
  .ele-map-picker.is-responsive .ele-map-view {
    height: 100% !important;
    flex-direction: column;
  }
  .ele-map-picker.is-responsive .ele-map-view-body {
    height: auto;
  }
  .ele-map-picker.is-responsive .ele-map-view-side {
    height: 68%;
    width: 100%;
    min-width: 100%;
  }
  .ele-map-picker.is-responsive .ele-map-view-side > .ele-map-view-search {
    padding-top: 6px;
  }
}
/* 导航菜单主题变量 */
.ele-menu {
  --ele-menu-disabled-opacity: 0.46;
  --ele-menu-badge-margin: 0 -2px 0 6px;
  --ele-menu-icon-font-size: 15px;
  --ele-menu-icon-margin: 0 8px 0 0;
  --ele-menu-arrow-size: 14px;
  --ele-menu-arrow-margin: 0 -4px 0 6px;
  --ele-menu-bg: var(--el-bg-color);
  --ele-menu-border-color: var(--el-border-color-light);
  --ele-menu-padding: 4px 0;
  --ele-menu-base-level: 16px;
  --ele-menu-child-bg: rgba(0, 0, 0, 0.02);
  --ele-menu-collapse-width: 58px;
  --ele-menu-collapse-icon-size: 16px;
  --ele-menu-item-height: 40px;
  --ele-menu-item-margin: 6px;
  --ele-menu-item-padding: 0;
  --ele-menu-item-radius: 0;
  --ele-menu-item-color: var(--el-text-color-primary);
  --ele-menu-item-hover-color: var(--el-color-primary);
  --ele-menu-item-hover-bg: transparent;
  --ele-menu-item-focus-bg: transparent;
  --ele-menu-item-active-color: var(--el-color-primary);
  --ele-menu-item-active-bg: var(--el-color-primary-light-9);
  --ele-menu-item-active-line: 3px;
  --ele-menu-compact-font-size: 12px;
  --ele-menu-compact-icon-font-size: 18px;
  --ele-menu-compact-title-margin: 6px;
  --ele-menu-compact-item-padding: 12px 0;
  --ele-menu-compact-collapse-item-padding: 12px 0;
}

.ele-menu.el-menu--horizontal {
  --ele-menu-horizontal-padding: 0;
  --ele-menu-horizontal-height: 56px;
  --ele-menu-horizontal-item-padding: 16px;
  --ele-menu-horizontal-item-margin: 0;
  --ele-menu-horizontal-item-radius: 0;
  --ele-menu-horizontal-hover-bg: transparent;
  --ele-menu-horizontal-focus-bg: transparent;
  --ele-menu-horizontal-active-bg: transparent;
  --ele-menu-horizontal-arrow-margin: 0 -2px 0 6px;
  --ele-menu-horizontal-line-margin: 14px;
  --ele-menu-horizontal-line-size: 2px;
  --ele-menu-horizontal-dark-hover-bg: transparent;
  --ele-menu-horizontal-dark-focus-bg: transparent;
  --ele-menu-horizontal-dark-active-bg: transparent;
  --ele-menu-horizontal-popup-margin: 0px;
}

.ele-menu > .el-menu--popup {
  --ele-menu-popup-min-width: 148px;
  --ele-menu-popup-max-width: 260px;
  --ele-menu-popup-max-height: calc(100vh - 10px);
  --ele-menu-popup-bg: var(--el-bg-color-overlay);
  --ele-menu-popup-radius: var(--el-border-radius-base);
  --ele-menu-popup-shadow: var(--el-box-shadow-light);
  --ele-menu-popup-item-padding: 16px;
  --ele-menu-popup-item-radius: var(--ele-menu-item-radius);
  --ele-menu-popup-dark-bg: var(--el-menu-bg-color);
  --ele-menu-popup-dark-shadow: var(--el-box-shadow-dark);
}

.ele-menu .el-menu-item-group__title {
  --ele-menu-group-color: var(--el-text-color-secondary);
  --ele-menu-group-font-size: 13px;
  --ele-menu-group-font-weight: normal;
  --ele-menu-group-icon-font-size: 12px;
  --ele-menu-group-padding-top: 4px;
  --ele-menu-group-padding-bottom: 2px;
  --ele-menu-group-padding-right: var(--el-menu-base-level-padding);
  --ele-menu-group-dark-color: rgba(255, 255, 255, 0.6);
}

.ele-menu.ele-menu-colorful {
  --ele-menu-colorful-icon-radius: 50%;
  --ele-menu-colorful-icon-size: 24px;
  --ele-menu-colorful-icon-color: #fff;
  --ele-menu-colorful-icon-font-size: 14px;
  --ele-menu-colorful-dot-size: 8px;
  --ele-menu-colorful-dot-margin: 0 8px 0 0;
  --ele-menu-colorful-dot-color: #d9d9d9;
  --ele-menu-colorful-dot-hover-color: #b6b6b6;
  --ele-menu-colorful-dot-active-color: var(--el-color-primary);
  --ele-menu-colorful-dark-dot-color: #888888;
  --ele-menu-colorful-dark-dot-hover-color: #dddddd;
  --ele-menu-colorful-dark-dot-active-color: #fff;
  --ele-menu-colorful-bg-1: #61b2fc;
  --ele-menu-colorful-bg-2: #7dd733;
  --ele-menu-colorful-bg-3: #32a2d4;
  --ele-menu-colorful-bg-4: #7383cf;
  --ele-menu-colorful-bg-5: #f5686f;
  --ele-menu-colorful-bg-6: #2bccce;
  --ele-menu-colorful-bg-7: #7dd733;
  --ele-menu-colorful-bg-8: #faad14;
}

.ele-menu.ele-menu-dark {
  --ele-menu-dark-bg: #191a23;
  --ele-menu-dark-child-bg: #101117;
  --ele-menu-dark-color: rgba(255, 255, 255, 0.8);
  --ele-menu-dark-hover-color: #fff;
  --ele-menu-dark-hover-bg: transparent;
  --ele-menu-dark-focus-bg: transparent;
  --ele-menu-dark-active-color: #fff;
  --ele-menu-dark-active-bg: var(--el-color-primary);
}

.ele-menu > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-thumb-size: 8px;
  --ele-menu-thumb-radius: 4px;
  --ele-menu-thumb-padding: 2px;
  --ele-menu-thumb-color: #cfcfcf;
  --ele-menu-thumb-hover-color: #b6b6b6;
}

.ele-menu.ele-menu-dark > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.32);
  --ele-menu-dark-thumb-hover-color: rgba(255, 255, 255, 0.48);
}

.ele-menu.el-menu, .ele-menu > .el-menu--popup {
  --el-menu-hover-bg-color: none;
  --el-menu-level-padding: var(--ele-menu-base-level);
  --el-menu-base-level-padding: var(--ele-menu-base-level);
  --el-menu-bg-color: var(--ele-menu-bg);
  --el-menu-text-color: var(--ele-menu-item-color);
  --el-menu-hover-text-color: var(--ele-menu-item-hover-color);
  --el-menu-active-color: var(--ele-menu-item-active-color);
  --el-menu-border-color: var(--ele-menu-border-color);
}
.ele-menu {
  /* 菜单项 */
}
.ele-menu .el-menu-item,
.ele-menu .el-sub-menu__title,
.ele-menu .el-menu-item-group__title {
  --el-menu-icon-width: 0px;
  position: relative;
}
.ele-menu .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
  --el-menu-icon-width: auto;
  width: auto;
  font-size: var(--ele-menu-icon-font-size);
  margin: var(--ele-menu-icon-margin);
}
.ele-menu .el-menu-item > span,
.ele-menu .el-sub-menu__title > span,
.ele-menu .el-menu-item-group__title > span {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.ele-menu {
  /* 箭头 */
}
.ele-menu .el-sub-menu__title .el-sub-menu__icon-arrow {
  order: 4;
  width: auto;
  position: static;
  font-size: var(--ele-menu-arrow-size);
}
.ele-menu .el-sub-menu__title .el-sub-menu__icon-arrow > svg.ele-arrow-down path {
  transition: d 0.2s;
  stroke-width: 5;
}
.ele-menu .el-sub-menu.is-opened > .el-sub-menu__title .el-sub-menu__icon-arrow > svg.ele-arrow-down path {
  d: path("M10 31 24 17 38 31");
}
.ele-menu {
  /* 禁用 */
}
.ele-menu .el-menu-item.is-disabled,
.ele-menu .el-sub-menu.is-disabled .el-menu-item,
.ele-menu .el-sub-menu.is-disabled .el-sub-menu__title {
  opacity: var(--ele-menu-disabled-opacity);
}
.ele-menu {
  /* 水平菜单 */
}
.ele-menu.el-menu--horizontal {
  padding: var(--ele-menu-horizontal-padding);
  height: auto;
}
.ele-menu.el-menu--horizontal > .el-menu-item, .ele-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title {
  height: var(--ele-menu-horizontal-height);
  line-height: var(--ele-menu-horizontal-height);
  padding: 0 var(--ele-menu-horizontal-item-padding);
  margin: 0 var(--ele-menu-horizontal-item-margin);
  border-radius: var(--ele-menu-horizontal-item-radius);
  border: none;
}
.ele-menu.el-menu--horizontal > .el-menu-item::after, .ele-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title::after {
  content: "";
  height: var(--ele-menu-horizontal-line-size);
  transition: background-color 0.2s;
  background: transparent;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: var(--ele-menu-horizontal-line-margin);
  right: var(--ele-menu-horizontal-line-margin);
}
.ele-menu.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .ele-menu.el-menu--horizontal > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover {
  background: var(--ele-menu-horizontal-hover-bg);
}
.ele-menu.el-menu--horizontal > .el-menu-item:not(.is-disabled):active, .ele-menu.el-menu--horizontal > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active {
  background: var(--ele-menu-horizontal-focus-bg);
}
.ele-menu.el-menu--horizontal > .el-menu-item:not(.is-disabled).is-active, .ele-menu.el-menu--horizontal > .el-sub-menu:not(.is-disabled).is-active > .el-sub-menu__title {
  background: var(--ele-menu-horizontal-active-bg);
}
.ele-menu.el-menu--horizontal > .el-menu-item.is-active::after, .ele-menu.el-menu--horizontal > .el-sub-menu.is-active > .el-sub-menu__title::after, .ele-menu.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover::after, .ele-menu.el-menu--horizontal > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover::after {
  background: var(--el-menu-active-color);
}
.ele-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
  margin: var(--ele-menu-horizontal-arrow-margin);
}
.ele-menu.el-menu--horizontal.el-menu--popup-container > .el-menu--popup {
  margin: var(--ele-menu-horizontal-popup-margin);
}
.ele-menu.el-menu--horizontal.el-menu--popup-container > .el-menu--popup > .el-sub-menu .el-menu--popup {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: var(--ele-menu-item-padding);
  margin-right: var(--ele-menu-item-padding);
}
.ele-menu.el-menu--horizontal:not(.el-menu--popup-container)::before, .ele-menu.el-menu--horizontal:not(.el-menu--popup-container)::after {
  content: "";
  display: block;
  padding-right: 0.02px;
}
.ele-menu.el-menu--horizontal .el-menu-item.ele-menu-overflow,
.ele-menu.el-menu--horizontal .el-sub-menu.ele-menu-overflow {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ele-menu {
  /* 垂直菜单子级 */
}
.ele-menu.el-menu--vertical .el-sub-menu > .el-menu {
  background: var(--ele-menu-child-bg);
  box-sizing: border-box;
}
.ele-menu {
  /* 垂直菜单和气泡菜单 */
}
.ele-menu.el-menu--vertical, .ele-menu > .el-menu--popup {
  padding: var(--ele-menu-padding);
}
.ele-menu.el-menu--vertical .el-menu-item,
.ele-menu.el-menu--vertical .el-sub-menu__title,
.ele-menu.el-menu--vertical .el-menu-item-group__title, .ele-menu > .el-menu--popup .el-menu-item,
.ele-menu > .el-menu--popup .el-sub-menu__title,
.ele-menu > .el-menu--popup .el-menu-item-group__title {
  margin-left: var(--ele-menu-item-padding);
  margin-right: var(--ele-menu-item-padding);
  margin-top: calc(var(--ele-menu-item-margin) / 2);
  margin-bottom: calc(var(--ele-menu-item-margin) / 2);
}
.ele-menu.el-menu--vertical .el-menu-item > span,
.ele-menu.el-menu--vertical .el-sub-menu__title > span,
.ele-menu.el-menu--vertical .el-menu-item-group__title > span, .ele-menu > .el-menu--popup .el-menu-item > span,
.ele-menu > .el-menu--popup .el-sub-menu__title > span,
.ele-menu > .el-menu--popup .el-menu-item-group__title > span {
  flex: 1;
}
.ele-menu.el-menu--vertical .el-menu-item,
.ele-menu.el-menu--vertical .el-sub-menu__title, .ele-menu > .el-menu--popup .el-menu-item,
.ele-menu > .el-menu--popup .el-sub-menu__title {
  min-width: auto;
  height: var(--ele-menu-item-height);
  line-height: var(--ele-menu-item-height);
  border-radius: var(--ele-menu-item-radius);
  background: none;
}
.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled):hover,
.ele-menu.el-menu--vertical .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover, .ele-menu > .el-menu--popup .el-menu-item:not(.is-disabled):hover,
.ele-menu > .el-menu--popup .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover {
  color: var(--el-menu-hover-text-color);
  background: var(--ele-menu-item-hover-bg);
}
.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled):active,
.ele-menu.el-menu--vertical .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active, .ele-menu > .el-menu--popup .el-menu-item:not(.is-disabled):active,
.ele-menu > .el-menu--popup .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active {
  background: var(--ele-menu-item-focus-bg);
}
.ele-menu.el-menu--vertical .el-menu-item::after, .ele-menu > .el-menu--popup .el-menu-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  width: var(--ele-menu-item-active-line);
  background: var(--el-color-primary);
  transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scaleY(0.0001);
  opacity: 0;
}
.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled).is-active, .ele-menu > .el-menu--popup .el-menu-item:not(.is-disabled).is-active {
  color: var(--el-menu-active-color);
  background: var(--ele-menu-item-active-bg);
}
.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled).is-active::after, .ele-menu > .el-menu--popup .el-menu-item:not(.is-disabled).is-active::after {
  opacity: 1;
  transform: scaleY(1);
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ele-menu.el-menu--vertical .el-sub-menu, .ele-menu > .el-menu--popup .el-sub-menu {
  padding-bottom: 0.02px;
}
.ele-menu.el-menu--vertical .el-sub-menu:not(.is-disabled).is-active > .el-sub-menu__title, .ele-menu > .el-menu--popup .el-sub-menu:not(.is-disabled).is-active > .el-sub-menu__title {
  color: var(--el-menu-active-color);
}
.ele-menu.el-menu--vertical .el-sub-menu__title .el-sub-menu__icon-arrow, .ele-menu > .el-menu--popup .el-sub-menu__title .el-sub-menu__icon-arrow {
  margin: var(--ele-menu-arrow-margin);
}
.ele-menu.el-menu--vertical .el-sub-menu__title .el-sub-menu__icon-arrow > svg, .ele-menu > .el-menu--popup .el-sub-menu__title .el-sub-menu__icon-arrow > svg {
  stroke-width: 5;
}
.ele-menu.el-menu--vertical:not(.el-menu--popup-container)::before, .ele-menu.el-menu--vertical:not(.el-menu--popup-container)::after, .ele-menu.el-menu--vertical .el-menu::before, .ele-menu.el-menu--vertical .el-menu::after, .ele-menu > .el-menu--popup::before, .ele-menu > .el-menu--popup::after, .ele-menu > .el-menu--popup .el-menu::before, .ele-menu > .el-menu--popup .el-menu::after, .ele-menu.el-menu--vertical .el-menu-item-group > ul::before, .ele-menu.el-menu--vertical .el-menu-item-group > ul::after, .ele-menu > .el-menu--popup .el-menu-item-group > ul::before, .ele-menu > .el-menu--popup .el-menu-item-group > ul::after {
  content: "";
  display: block;
  padding-bottom: 0.02px;
}
.ele-menu.el-menu--vertical:not(.el-menu--popup-container) > .el-menu-item:not(:last-child), .ele-menu.el-menu--vertical .el-menu > .el-menu-item:not(:last-child), .ele-menu > .el-menu--popup > .el-menu-item:not(:last-child), .ele-menu > .el-menu--popup .el-menu > .el-menu-item:not(:last-child), .ele-menu.el-menu--vertical .el-menu-item-group > ul > .el-menu-item:not(:last-child), .ele-menu > .el-menu--popup .el-menu-item-group > ul > .el-menu-item:not(:last-child) {
  margin-bottom: var(--ele-menu-item-margin);
}
.ele-menu {
  /* 气泡菜单 */
}
.ele-menu > .el-menu--popup-container > .el-menu--popup {
  min-width: var(--ele-menu-popup-min-width);
  max-width: var(--ele-menu-popup-max-width);
  max-height: var(--ele-menu-popup-max-height);
  margin-left: var(--ele-menu-item-padding);
  margin-right: var(--ele-menu-item-padding);
  background: var(--ele-menu-popup-bg);
  box-shadow: var(--ele-menu-popup-shadow);
  border-radius: var(--ele-menu-popup-radius);
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-menu > .el-menu--popup-container > .el-menu--popup .el-menu-item,
.ele-menu > .el-menu--popup-container > .el-menu--popup .el-sub-menu__title {
  padding: 0 var(--ele-menu-popup-item-padding);
  border-radius: var(--ele-menu-popup-item-radius);
  background: none;
}
.ele-menu > .el-menu--popup-container > .el-menu--popup .el-menu-item-group__title {
  padding-left: var(--ele-menu-popup-item-padding);
}
.ele-menu > .el-menu--popup-container > .el-menu--popup .el-menu-item::after {
  display: none;
}
.ele-menu > .el-menu--popup-container > .el-menu--popup .el-sub-menu > .el-popper {
  position: fixed !important;
}
.ele-menu.el-popper, .ele-menu.el-popper.is-light, .ele-menu.el-menu--popup-container {
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.ele-menu {
  /* 分组菜单 */
}
.ele-menu .el-menu-item-group__title {
  display: flex;
  align-items: center;
  color: var(--ele-menu-group-color);
  font-size: var(--ele-menu-group-font-size);
  font-weight: var(--ele-menu-group-font-weight);
  padding-top: var(--ele-menu-group-padding-top);
  padding-bottom: var(--ele-menu-group-padding-bottom);
  padding-right: var(--ele-menu-group-padding-right);
  box-sizing: border-box;
  line-height: 1;
}
.ele-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
  font-size: var(--ele-menu-group-icon-font-size);
}
.ele-menu {
  /* 徽章 */
}
.ele-menu .el-menu-item .el-badge,
.ele-menu .el-sub-menu__title .el-badge,
.ele-menu .el-menu-item-group__title .el-badge {
  order: 3;
  flex-shrink: 0;
  font-size: 0;
  line-height: 1;
  font-weight: normal;
  margin: var(--ele-menu-badge-margin);
}
.ele-menu .el-menu-item .el-badge .el-badge__content,
.ele-menu .el-sub-menu__title .el-badge .el-badge__content,
.ele-menu .el-menu-item-group__title .el-badge .el-badge__content {
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
.ele-menu .el-menu-item .el-badge .el-badge__content:not(.is-dot),
.ele-menu .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot),
.ele-menu .el-menu-item-group__title .el-badge .el-badge__content:not(.is-dot) {
  min-width: var(--el-badge-size);
  line-height: var(--el-badge-size);
}
.ele-menu {
  /* 折叠 */
}
.ele-menu.el-menu--collapse {
  width: var(--ele-menu-collapse-width);
}
.ele-menu.el-menu--collapse > .el-menu-item, .ele-menu.el-menu--collapse > .el-sub-menu > .el-sub-menu__title, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-menu-item, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title {
  padding: 0;
  justify-content: center;
}
.ele-menu.el-menu--collapse > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  margin: 0;
  font-size: var(--ele-menu-collapse-icon-size);
}
.ele-menu.el-menu--collapse > .el-menu-item > .el-menu-tooltip__trigger, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-menu-item > .el-menu-tooltip__trigger {
  padding: 0;
  display: flex;
  justify-content: center;
  position: static;
}
.ele-menu.el-menu--collapse > .el-sub-menu > .el-sub-menu__title > span, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  display: none;
  flex: initial;
}
.ele-menu.el-menu--collapse.el-menu--vertical > .el-sub-menu.is-active > .el-sub-menu__title, .ele-menu.el-menu--collapse.el-menu--vertical > .el-menu-item-group > ul > .el-sub-menu.is-active > .el-sub-menu__title {
  background: var(--ele-menu-item-active-bg);
}
.ele-menu.el-menu--collapse > .el-menu-item-group > .el-menu-item-group__title {
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
  text-align: center;
}
.ele-menu.el-menu--collapse > .el-menu-item-group > .el-menu-item-group__title > span {
  flex: initial;
}
.ele-menu.el-menu--collapse > .el-menu-item-group > .el-menu-item-group__title .el-icon:not(.is-collapse-show) {
  display: none;
}
.ele-menu.el-menu--collapse > .el-menu-item .el-badge, .ele-menu.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-badge, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-menu-item .el-badge, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  margin: 0;
}
.ele-menu.el-menu--collapse > .el-menu-item .el-badge .el-badge__content:not(.is-dot), .ele-menu.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot), .ele-menu.el-menu--collapse > .el-menu-item-group > .el-menu-item-group__title .el-badge .el-badge__content:not(.is-dot), .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-menu-item .el-badge .el-badge__content:not(.is-dot), .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot) {
  padding: 0;
  width: 8px;
  height: 8px;
  font-size: 0;
  line-height: 0;
  min-width: auto;
  border-radius: 50%;
}
.ele-menu.el-menu--collapse > .el-menu-item-group > .el-menu-item-group__title .el-badge {
  margin-left: 2px;
}
.ele-menu {
  /* 紧凑菜单 */
}
.ele-menu.is-compact {
  width: 100%;
}
.ele-menu.is-compact > .el-menu-item, .ele-menu.is-compact > .el-sub-menu > .el-sub-menu__title, .ele-menu.is-compact > .el-menu-item-group > ul > .el-menu-item, .ele-menu.is-compact > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title {
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: var(--ele-menu-compact-item-padding);
}
.ele-menu.is-compact > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact > .el-menu-item-group > ul > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  margin: 0;
  font-size: var(--ele-menu-compact-icon-font-size);
}
.ele-menu.is-compact > .el-menu-item > span, .ele-menu.is-compact > .el-sub-menu > .el-sub-menu__title > span, .ele-menu.is-compact > .el-menu-item-group > ul > .el-menu-item > span, .ele-menu.is-compact > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  width: 100%;
  height: auto;
  line-height: 1;
  font-size: var(--ele-menu-compact-font-size);
  margin-top: var(--ele-menu-compact-title-margin);
  box-sizing: border-box;
  text-align: center;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  visibility: inherit;
}
.ele-menu.is-compact > .el-menu-item::after, .ele-menu.is-compact > .el-menu-item-group > ul > .el-menu-item::after {
  display: none;
}
.ele-menu.is-compact > .el-sub-menu.is-active > .el-sub-menu__title {
  transition: none;
}
.ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item .el-badge, .ele-menu.is-compact:not(.is-compact-collapse) > .el-sub-menu > .el-sub-menu__title .el-badge, .ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item-group > ul > .el-menu-item .el-badge, .ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  margin: 0;
}
.ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item .el-badge .el-badge__content:not(.is-dot), .ele-menu.is-compact:not(.is-compact-collapse) > .el-sub-menu > .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot), .ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item-group > ul > .el-menu-item .el-badge .el-badge__content:not(.is-dot), .ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot), .ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item-group > .el-menu-item-group__title .el-badge .el-badge__content:not(.is-dot) {
  width: auto;
  height: 18px;
  line-height: 18px;
  border-radius: 24px;
  min-width: 20px;
  font-size: 12px;
  padding: 0 4px;
}
.ele-menu.is-compact-collapse > .el-menu-item, .ele-menu.is-compact-collapse > .el-sub-menu > .el-sub-menu__title, .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-menu-item, .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title {
  padding: var(--ele-menu-compact-collapse-item-padding);
}
.ele-menu.is-compact-collapse > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact-collapse > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  font-size: var(--ele-menu-collapse-icon-size);
}
.ele-menu.is-compact-collapse > .el-menu-item > span, .ele-menu.is-compact-collapse > .el-sub-menu > .el-sub-menu__title > span, .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-menu-item > span, .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  display: none;
}
.ele-menu {
  /* 彩色图标 */
}
.ele-menu.is-colorful.el-menu > li.el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  color: var(--ele-menu-colorful-icon-color);
  background: var(--ele-menu-colorful-bg-1);
  width: var(--ele-menu-colorful-icon-size);
  height: var(--ele-menu-colorful-icon-size);
  line-height: calc(var(--ele-menu-colorful-icon-size) + 4px);
  font-size: var(--ele-menu-colorful-icon-font-size);
  border-radius: var(--ele-menu-colorful-icon-radius);
  vertical-align: -0.05em;
  text-align: center;
}
.ele-menu.is-colorful.el-menu > li:nth-child(even).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(even).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(even).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(even).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-2);
}
.ele-menu.is-colorful.el-menu > li:nth-child(3).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(3).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(3).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(3).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-3);
}
.ele-menu.is-colorful.el-menu > li:nth-child(4).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(4).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(4).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(4).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-4);
}
.ele-menu.is-colorful.el-menu > li:nth-child(5).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(5).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(5).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(5).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-5);
}
.ele-menu.is-colorful.el-menu > li:nth-child(6).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(6).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(6).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(6).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-6);
}
.ele-menu.is-colorful.el-menu > li:nth-child(7).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(7).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(7).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(7).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-7);
}
.ele-menu.is-colorful.el-menu > li:nth-child(8).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(8).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(8).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(8).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-8);
}
.ele-menu.is-colorful {
  /* 子级去掉图标增加小圆点 */
}
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful > .el-menu.el-menu--popup .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful > .el-menu.el-menu--popup .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful > .el-menu.el-menu--popup .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
  display: none;
}
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item::before,
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu__title::before, .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item::before,
.ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu__title::before, .ele-menu.is-colorful > .el-menu.el-menu--popup .el-menu-item::before,
.ele-menu.is-colorful > .el-menu.el-menu--popup .el-sub-menu__title::before {
  content: "";
  width: var(--ele-menu-colorful-dot-size);
  height: var(--ele-menu-colorful-dot-size);
  margin: var(--ele-menu-colorful-dot-margin);
  background: var(--ele-menu-colorful-dot-color);
  transition: background-color 0.2s;
  border-radius: 50%;
}
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before, .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before, .ele-menu.is-colorful > .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-colorful > .el-menu.el-menu--popup .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before {
  background: var(--ele-menu-colorful-dot-hover-color);
}
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item.is-active::before,
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu.is-active .el-sub-menu__title::before, .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item.is-active::before,
.ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu.is-active .el-sub-menu__title::before, .ele-menu.is-colorful > .el-menu.el-menu--popup .el-menu-item.is-active::before,
.ele-menu.is-colorful > .el-menu.el-menu--popup .el-sub-menu.is-active .el-sub-menu__title::before {
  background: var(--ele-menu-colorful-dot-active-color);
}
.ele-menu.is-colorful .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
  display: none;
}
.ele-menu {
  /* 暗黑主题 */
}
.ele-menu.is-night {
  border: none;
}
.ele-menu.is-night.el-menu, .ele-menu.is-night > .el-menu--popup {
  --el-menu-bg-color: var(--ele-menu-dark-bg);
  --el-menu-text-color: var(--ele-menu-dark-color);
  --el-menu-hover-text-color: var(--ele-menu-dark-hover-color);
  --el-menu-active-color: var(--ele-menu-dark-active-color);
}
.ele-menu.is-night {
  /* 水平菜单 */
}
.ele-menu.is-night.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .ele-menu.is-night.el-menu--horizontal > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover {
  background: var(--ele-menu-horizontal-dark-hover-bg);
}
.ele-menu.is-night.el-menu--horizontal > .el-menu-item:not(.is-disabled):active, .ele-menu.is-night.el-menu--horizontal > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active {
  background: var(--ele-menu-horizontal-dark-focus-bg);
}
.ele-menu.is-night.el-menu--horizontal > .el-menu-item:not(.is-disabled).is-active, .ele-menu.is-night.el-menu--horizontal > .el-sub-menu:not(.is-disabled).is-active > .el-sub-menu__title {
  background: var(--ele-menu-horizontal-dark-active-bg);
}
.ele-menu.is-night {
  /* 垂直菜单 */
}
.ele-menu.is-night.el-menu--vertical .el-sub-menu > .el-menu {
  background: var(--ele-menu-dark-child-bg);
}
.ele-menu.is-night.el-menu--vertical .el-menu-item::after {
  display: none;
}
.ele-menu.is-night {
  /* 垂直菜单和气泡菜单 */
}
.ele-menu.is-night.el-menu--vertical .el-menu-item:not(.is-disabled):hover,
.ele-menu.is-night.el-menu--vertical .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover, .ele-menu.is-night > .el-menu--popup .el-menu-item:not(.is-disabled):hover,
.ele-menu.is-night > .el-menu--popup .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover {
  background: var(--ele-menu-dark-hover-bg);
}
.ele-menu.is-night.el-menu--vertical .el-menu-item:not(.is-disabled):active,
.ele-menu.is-night.el-menu--vertical .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active, .ele-menu.is-night > .el-menu--popup .el-menu-item:not(.is-disabled):active,
.ele-menu.is-night > .el-menu--popup .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active {
  background: var(--ele-menu-dark-focus-bg);
}
.ele-menu.is-night.el-menu--vertical .el-menu-item:not(.is-disabled).is-active, .ele-menu.is-night > .el-menu--popup .el-menu-item:not(.is-disabled).is-active {
  background: var(--ele-menu-dark-active-bg);
}
.ele-menu.is-night {
  /* 折叠 */
}
.ele-menu.is-night.el-menu--collapse.el-menu--vertical > .el-sub-menu.is-active > .el-sub-menu__title, .ele-menu.is-night.el-menu--collapse.el-menu--vertical > .el-menu-item-group > ul > .el-sub-menu.is-active > .el-sub-menu__title {
  background: var(--ele-menu-dark-active-bg);
}
.ele-menu.is-night {
  /* 分组菜单 */
}
.ele-menu.is-night .el-menu-item-group__title {
  color: var(--ele-menu-group-dark-color);
}
.ele-menu.is-night {
  /* 气泡菜单 */
}
.ele-menu.is-night > .el-menu--popup-container > .el-menu--popup {
  background: var(--ele-menu-popup-dark-bg);
  box-shadow: var(--ele-menu-popup-dark-shadow);
}
.ele-menu.is-night {
  /* 彩色图标 */
}
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu__title::before, .ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu__title::before, .ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-menu-item::before,
.ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-sub-menu__title::before {
  background: var(--ele-menu-colorful-dark-dot-color);
}
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before, .ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before, .ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before {
  background: var(--ele-menu-colorful-dark-dot-hover-color);
}
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item.is-active::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu.is-active .el-sub-menu__title::before, .ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item.is-active::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu.is-active .el-sub-menu__title::before, .ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-menu-item.is-active::before,
.ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-sub-menu.is-active .el-sub-menu__title::before {
  background: var(--ele-menu-colorful-dark-dot-active-color);
}
.ele-menu {
  /* 水平菜单溢出省略 */
}
.ele-menu .ele-sub-menu-ellipsis > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  margin: 0;
}
.ele-menu .ele-sub-menu-ellipsis > .el-sub-menu__title .el-sub-menu__icon-arrow {
  display: none;
}

/* 滚动条 */
.ele-menu > .el-menu--popup-container > .el-menu--popup {
  scrollbar-width: thin;
  scrollbar-color: var(--ele-menu-thumb-color) transparent;
}
.ele-menu > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar {
  width: var(--ele-menu-thumb-size);
  height: var(--ele-menu-thumb-size);
}
.ele-menu > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-thumb {
  border-radius: var(--ele-menu-thumb-radius);
  border: var(--ele-menu-thumb-padding) solid transparent;
  background-color: var(--ele-menu-thumb-color);
  background-clip: padding-box;
}
.ele-menu > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-thumb:hover {
  background-color: var(--ele-menu-thumb-hover-color);
}
.ele-menu > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-track, .ele-menu > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-corner {
  background: transparent;
}

.ele-menu.is-night > .el-menu--popup-container > .el-menu--popup {
  scrollbar-color: var(--ele-menu-dark-thumb-color) transparent;
}
.ele-menu.is-night > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-thumb {
  background-color: var(--ele-menu-dark-thumb-color);
}
.ele-menu.is-night > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-thumb:hover {
  background-color: var(--ele-menu-dark-thumb-hover-color);
}

.ele-menu.is-webkit > .el-menu--popup-container > .el-menu--popup {
  scrollbar-width: auto;
  scrollbar-color: auto;
}

/* 超链接 */
.ele-menu-trigger {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.el-menu-item .ele-menu-link {
  width: 100%;
  height: 100%;
  display: block;
  color: inherit;
  text-decoration: none;
}

/* Tooltip */
.el-popper.is-dark > .ele-menu-title {
  position: static;
}
.el-popper.is-dark > .ele-menu-title::before {
  content: "";
  background: var(--ele-tooltip-bg);
  border-radius: var(--ele-tooltip-radius);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.el-popper.is-dark > .ele-menu-title + .el-popper__arrow {
  z-index: -2;
}

.el-popper.ele-menu,
.el-popper:has(> .ele-menu-title) {
  z-index: calc(var(--el-index-popper) + 2000) !important;
}

/* 弹窗主题变量 */
.ele-modal {
  --ele-modal-bg: var(--el-bg-color);
  --ele-modal-radius: var(--el-border-radius-base);
  --ele-modal-header-color: var(--el-text-color-primary);
  --ele-modal-header-font-size: var(--el-font-size-medium);
  --ele-modal-header-font-weight: normal;
  --ele-modal-header-line-height: 24px;
  --ele-modal-header-padding: 14px 20px;
  --ele-modal-header-border: 1px solid var(--el-border-color-light);
  --ele-modal-icon-size: 22px;
  --ele-modal-icon-font-size: 16px;
  --ele-modal-icon-color: var(--el-text-color-secondary);
  --ele-modal-icon-hover-color: var(--el-text-color-primary);
  --ele-modal-icon-hover-bg: transparent;
  --ele-modal-icon-radius: var(--el-border-radius-small);
  --ele-modal-icon-space: 8px;
  --ele-modal-body-padding: 24px 22px;
  --ele-modal-form-body-padding: 24px 22px 12px 20px;
  --ele-modal-footer-padding: 10px 20px;
  --ele-modal-footer-border: 1px solid var(--el-border-color-light);
  --ele-modal-fullscreen-border: 1px solid var(--el-border-color-light);
  --ele-modal-default-overflow: auto;
  --ele-modal-mobile-space: 16px;
  --ele-modal-bordered-header-padding: 14px 20px;
  --ele-modal-bordered-header-border: 1px solid var(--el-border-color-light);
  --ele-modal-bordered-footer-padding: 10px 20px;
  --ele-modal-bordered-footer-border: 1px solid var(--el-border-color-light);
}

.ele-modal.el-overlay {
  height: auto;
}
.ele-modal > .el-overlay-dialog {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.ele-modal > .el-overlay-dialog > .el-dialog {
  flex-shrink: 0;
  padding: 0;
  margin: auto;
  background: var(--ele-modal-bg);
  border-radius: var(--ele-modal-radius);
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: column;
}
.ele-modal > .el-overlay-dialog > .el-dialog > .el-dialog__header, .ele-modal > .el-overlay-dialog > .el-dialog > .el-dialog__footer {
  flex-shrink: 0;
  border: none;
  padding: 0;
  margin: 0;
}
.ele-modal > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  flex: auto;
  padding: 0;
  color: inherit;
  font-size: inherit;
}
.ele-modal.dialog-fade-enter-active .el-overlay-dialog *, .ele-modal.dialog-fade-leave-active .el-overlay-dialog * {
  pointer-events: none !important;
}

/* header */
.ele-modal-header {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--ele-modal-header-padding);
  border-bottom: var(--ele-modal-header-border);
}

.ele-modal-title {
  flex: 1;
  color: var(--ele-modal-header-color);
  font-size: var(--ele-modal-header-font-size);
  line-height: var(--ele-modal-header-line-height);
  font-weight: var(--ele-modal-header-font-weight);
  box-sizing: border-box;
}

/* 强制显示头部边框 */
.ele-modal-show-header-border > .el-dialog__header > .ele-modal-header {
  padding: var(--ele-modal-bordered-header-padding);
  border-bottom: var(--ele-modal-bordered-header-border);
}

/* 强制显示底部边框 */
.ele-modal-show-footer-border > .el-dialog__footer > .ele-modal-footer {
  padding: var(--ele-modal-bordered-footer-padding);
  border-top: var(--ele-modal-bordered-footer-border);
}

/* 图标按钮 */
.ele-modal-tool {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-modal-icon-size);
  height: var(--ele-modal-icon-size);
  line-height: var(--ele-modal-icon-size);
  color: var(--ele-modal-icon-color);
  font-size: var(--ele-modal-icon-font-size);
  border-radius: var(--ele-modal-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}
.ele-modal-tool:hover {
  color: var(--ele-modal-icon-hover-color);
  background: var(--ele-modal-icon-hover-bg);
}
.ele-modal-tool + .ele-modal-tool {
  margin-left: var(--ele-modal-icon-space);
}

/* body */
.ele-modal-body {
  padding: var(--ele-modal-body-padding);
  box-sizing: border-box;
}
.ele-modal-body.is-form {
  padding: var(--ele-modal-form-body-padding);
}
.ele-modal-body + .ele-loading-spinner {
  border-radius: var(--ele-modal-radius);
}

/* footer */
.ele-modal-footer {
  padding: var(--ele-modal-footer-padding);
  border-top: var(--ele-modal-footer-border);
  box-sizing: border-box;
}

/* 默认位置 */
.ele-modal-top > .el-overlay-dialog > .el-dialog {
  margin: 0;
}

.ele-modal-bottom > .el-overlay-dialog > .el-dialog {
  margin: auto auto 0 auto;
}

.ele-modal-left > .el-overlay-dialog > .el-dialog {
  margin: auto auto auto 0;
}

.ele-modal-right > .el-overlay-dialog > .el-dialog {
  margin: auto 0 auto auto;
}

.ele-modal-left-top > .el-overlay-dialog > .el-dialog {
  margin: 0 auto 0 0;
}

.ele-modal-left-bottom > .el-overlay-dialog > .el-dialog {
  margin: auto auto 0 0;
}

.ele-modal-right-top > .el-overlay-dialog > .el-dialog {
  margin: 0 0 0 auto;
}

.ele-modal-right-bottom > .el-overlay-dialog > .el-dialog {
  margin: auto 0 0 auto;
}

/* 支持拖拽 */
.ele-modal-movable > .el-overlay-dialog > .el-dialog > .el-dialog__header {
  cursor: move;
  user-select: none;
}

/* 支持拉伸 */
.ele-modal-resize-icon {
  position: absolute;
  right: 2px;
  bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ele-modal-icon-color);
  font-size: 12px;
  cursor: se-resize;
}
.ele-modal-resize-icon.is-horizontal {
  cursor: e-resize;
}
.ele-modal-resize-icon.is-vertical {
  cursor: s-resize;
}

.ele-modal-fluid > .el-overlay-dialog > .el-dialog > .el-dialog__body,
.ele-modal-resizable > .el-overlay-dialog > .el-dialog > .el-dialog__body,
.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  overflow: var(--ele-modal-default-overflow);
}

/* 全屏 */
.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog {
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  max-width: none !important;
  min-width: auto !important;
  max-height: none !important;
  min-height: auto !important;
  border-radius: 0 !important;
}
.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog > .el-dialog__header {
  cursor: default;
}
.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog > .el-dialog__header > .ele-modal-resize-icon {
  display: none;
}

/* 同时打开多个 */
.ele-modal-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-sizing: border-box;
  z-index: var(--el-index-popper);
  overflow: hidden;
}

.ele-modal-multiple {
  pointer-events: none !important;
  position: absolute !important;
}
.ele-modal-multiple > .el-overlay-dialog {
  pointer-events: none;
  overflow: hidden;
}
.ele-modal-multiple > .el-overlay-dialog > .el-dialog {
  pointer-events: auto;
}

/* 失活状态 */
.ele-modal-hide {
  display: none !important;
}

/* 最大高度适应屏幕 */
.ele-modal-fluid > .el-overlay-dialog > .el-dialog {
  max-height: calc(100% - var(--ele-modal-mobile-space) * 2);
}

/* 最大宽度适应屏幕 */
.ele-modal-responsive > .el-overlay-dialog > .el-dialog {
  max-width: calc(100% - var(--ele-modal-mobile-space) * 2);
}

/* 限制在主体区域 */
.ele-admin-modals > .ele-modal {
  pointer-events: auto;
  position: absolute !important;
}

/* 内容异步组件加载状态 */
.ele-modal-comp-loading > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  min-height: 128px;
}
.ele-modal-comp-loading > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-loading {
  background: none;
  pointer-events: none;
}

/* 内部表格弹性布局 */
.ele-modal-flex-table > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-modal-flex-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.ele-modal-flex-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-pro-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-modal-flex-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-pro-table > .ele-pro-table-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}

.ele-modal-flex-auto-table > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-modal-flex-auto-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-modal-flex-auto-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-modal-flex-auto-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}

/* 在内容区添加自定义底栏 */
.ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}
.ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-modal-custom-footer, .ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-buttons.is-modal-footer {
  flex-shrink: 0;
  padding: var(--ele-modal-footer-padding);
  border-top: var(--ele-modal-footer-border);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-modal-custom-body, .ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .el-form {
  flex: 1;
  box-sizing: border-box;
  padding: var(--ele-modal-body-padding);
  overflow: auto;
}
.ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body.is-form > .ele-modal-custom-body, .ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body.is-form > .el-form {
  padding: var(--ele-modal-form-body-padding);
}

body > .ele-modal-render-loading.ele-loading {
  position: fixed;
  background: none;
}

/* 页面容器主题变量 */
.ele-page,
.ele-admin-tabs {
  --ele-page-padding: 16px;
  --ele-page-max-width: 1120px;
}

.ele-page {
  box-sizing: border-box;
}
.ele-page:not(.is-plain) {
  padding: var(--ele-page-padding);
}
.ele-page {
  /* 多个卡片 */
}
.ele-page.is-multi-card {
  padding-bottom: 0;
}
.ele-page.is-multi-card .ele-card,
.ele-page.is-multi-card .el-card {
  margin-bottom: var(--ele-page-padding);
}
.ele-page {
  /* 关闭页脚 */
}
.ele-page.is-hide-footer + .ele-footer {
  display: none;
}

/* 撑开页脚 */
.ele-admin-content > .ele-page {
  flex: auto;
}

.ele-page.is-hide-footer {
  flex: none;
}

/* 内部表格高度铺满 */
.ele-page.is-flex-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.ele-page.is-flex-table > .ele-pro-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-page.is-flex-table > .ele-pro-table > .ele-pro-table-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}

.ele-page.is-flex-auto-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-page.is-flex-auto-table > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-page.is-flex-auto-table > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}

/* 内容定宽 */
.ele-admin-limited > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:not(.is-plain) {
  margin: 0 auto;
  width: var(--ele-page-max-width);
  max-width: 100%;
}

/* 按钮风格页签 */
.ele-admin-tabs.is-button + .ele-admin-wrapper > .ele-admin-content > .ele-page:not(.is-plain):first-child {
  padding-top: var(--ele-layout-button-tab-page-pt);
}

/* 页签置于顶栏 */
.ele-admin-header.is-ghost + .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:not(.is-plain):first-child,
.ele-admin-header.is-ghost + .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:not(.is-plain):first-child {
  padding-top: var(--ele-layout-ghost-header-page-pt);
}

/* 分页主题变量 */
.ele-pagination {
  --ele-pagination-height: 32px;
  --ele-pagination-padding: 0 6px;
  --ele-pagination-radius: 32px;
  --ele-pagination-space: 6px;
  --ele-pagination-gap: 8px 12px;
  --ele-pagination-color: var(--el-text-color-regular);
  --ele-pagination-font-size: 14px;
  --ele-pagination-bg: none;
  --ele-pagination-border: none;
  --ele-pagination-hover-color: var(--el-text-color-primary);
  --ele-pagination-hover-bg: var(--el-fill-color-light);
  --ele-pagination-hover-border: none;
  --ele-pagination-active-color: #fff;
  --ele-pagination-active-bg: var(--el-color-primary);
  --ele-pagination-active-border: none;
  --ele-pagination-active-font-weight: normal;
  --ele-pagination-disabled-color: var(--el-text-color-placeholder);
  --ele-pagination-disabled-bg: none;
  --ele-pagination-disabled-border: none;
  --ele-pagination-disabled-active-color: var(--el-text-color-secondary);
  --ele-pagination-disabled-active-bg: var(--el-fill-color);
  --ele-pagination-disabled-active-border: none;
  --ele-pagination-sm-height: 24px;
  --ele-pagination-sm-padding: 0 4px;
  --ele-pagination-sm-radius: 24px;
  --ele-pagination-sm-space: 4px;
  --ele-pagination-sm-gap: 8px;
  --ele-pagination-sm-font-size: 14px;
  --ele-pagination-lg-height: 40px;
  --ele-pagination-lg-padding: 0 8px;
  --ele-pagination-lg-radius: 40px;
  --ele-pagination-lg-space: 8px;
  --ele-pagination-lg-gap: 8px 12px;
  --ele-pagination-lg-font-size: 14px;
}

.ele-pagination {
  flex-wrap: wrap;
  justify-content: center;
  /* 圆角风格 */
}
.ele-pagination.is-circle {
  /* 间距 */
}
.ele-pagination.is-circle > * {
  margin: var(--ele-pagination-gap) !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
.ele-pagination.is-circle > .is-last {
  margin-right: 0 !important;
}
.ele-pagination.is-circle {
  /* 操作按钮 */
}
.ele-pagination.is-circle .btn-prev,
.ele-pagination.is-circle .btn-next,
.ele-pagination.is-circle .el-pager li {
  height: var(--ele-pagination-height);
  line-height: var(--ele-pagination-height);
  min-width: var(--ele-pagination-height);
  padding: var(--ele-pagination-padding);
  border-radius: var(--ele-pagination-radius);
  color: var(--ele-pagination-color);
  font-size: var(--ele-pagination-font-size);
  background: var(--ele-pagination-bg);
  border: var(--ele-pagination-border);
  transition: color 0.2s, background-color 0.2s;
}
.ele-pagination.is-circle .btn-prev:hover,
.ele-pagination.is-circle .btn-next:hover,
.ele-pagination.is-circle .el-pager li:hover {
  color: var(--ele-pagination-hover-color);
  background: var(--ele-pagination-hover-bg);
  border: var(--ele-pagination-hover-border);
}
.ele-pagination.is-circle .btn-prev:disabled,
.ele-pagination.is-circle .btn-next:disabled,
.ele-pagination.is-circle .el-pager li.is-disabled {
  color: var(--ele-pagination-disabled-color);
  background: var(--ele-pagination-disabled-bg);
  border: var(--ele-pagination-disabled-border);
}
.ele-pagination.is-circle .el-pager {
  margin-left: var(--ele-pagination-space) !important;
  margin-right: var(--ele-pagination-space) !important;
}
.ele-pagination.is-circle .el-pager li {
  margin: 0;
}
.ele-pagination.is-circle .el-pager li + li {
  margin-left: var(--ele-pagination-space);
}
.ele-pagination.is-circle .el-pager li.is-active {
  color: var(--ele-pagination-active-color);
  background: var(--ele-pagination-active-bg);
  border: var(--ele-pagination-active-border);
  font-weight: var(--ele-pagination-active-font-weight);
}
.ele-pagination.is-circle .el-pager li.is-active.is-disabled {
  color: var(--ele-pagination-disabled-active-color);
  background: var(--ele-pagination-disabled-active-bg);
  border: var(--ele-pagination-disabled-active-border);
}
.ele-pagination.is-circle .btn-prev {
  margin-right: 0 !important;
}
.ele-pagination.is-circle {
  /* 图标 */
}
.ele-pagination.is-circle .btn-prev .el-icon,
.ele-pagination.is-circle .btn-next .el-icon {
  font-size: initial;
  transform: scale(1.02);
}
.ele-pagination.is-circle {
  /* 输入框 */
}
.ele-pagination.is-circle .el-pagination__editor.el-input {
  width: 50px;
}
.ele-pagination.is-circle .el-pagination__sizes .el-input,
.ele-pagination.is-circle .el-pagination__sizes .el-select {
  width: 96px;
}
.ele-pagination.is-circle .el-pagination__sizes .el-input .el-select__caret,
.ele-pagination.is-circle .el-pagination__sizes .el-select .el-select__caret {
  margin-left: 0;
}
.ele-pagination.is-circle .el-pagination__sizes .el-input .el-input__wrapper,
.ele-pagination.is-circle .el-pagination__sizes .el-select .el-select__wrapper {
  padding-left: 1px;
  padding-right: 7px;
}
.ele-pagination.is-circle .el-pagination__sizes .el-select__selected-item {
  text-align: center;
}
.ele-pagination.is-circle .el-input__inner,
.ele-pagination.is-circle .el-select__selected-item > span {
  font-size: var(--ele-pagination-sm-font-size);
}
.ele-pagination.is-circle {
  /* 文本 */
}
.ele-pagination.is-circle .el-pagination__total,
.ele-pagination.is-circle .el-pagination__goto,
.ele-pagination.is-circle .el-pagination__classifier {
  line-height: var(--ele-pagination-height);
}
.ele-pagination.is-circle {
  /* 小尺寸 */
}
.ele-pagination.is-circle.el-pagination--small > * {
  margin: var(--ele-pagination-sm-gap) !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
.ele-pagination.is-circle.el-pagination--small > .is-last {
  margin-right: 0 !important;
}
.ele-pagination.is-circle.el-pagination--small .btn-prev,
.ele-pagination.is-circle.el-pagination--small .btn-next,
.ele-pagination.is-circle.el-pagination--small .el-pager li {
  height: var(--ele-pagination-sm-height);
  line-height: var(--ele-pagination-sm-height);
  min-width: var(--ele-pagination-sm-height);
  padding: var(--ele-pagination-sm-padding);
  border-radius: var(--ele-pagination-sm-radius);
  font-size: var(--ele-pagination-sm-font-size);
}
.ele-pagination.is-circle.el-pagination--small .el-pager {
  margin-left: var(--ele-pagination-sm-space) !important;
  margin-right: var(--ele-pagination-sm-space) !important;
}
.ele-pagination.is-circle.el-pagination--small .el-pager li + li {
  margin-left: var(--ele-pagination-sm-space);
}
.ele-pagination.is-circle.el-pagination--small .btn-prev {
  margin-right: 0 !important;
}
.ele-pagination.is-circle.el-pagination--small .btn-prev .el-icon,
.ele-pagination.is-circle.el-pagination--small .btn-next .el-icon {
  transform: scale(0.88);
}
.ele-pagination.is-circle.el-pagination--small .el-pagination__editor.el-input {
  width: 44px;
}
.ele-pagination.is-circle.el-pagination--small .el-pagination__sizes .el-input,
.ele-pagination.is-circle.el-pagination--small .el-pagination__sizes .el-select {
  width: 88px;
}
.ele-pagination.is-circle.el-pagination--small .el-pagination__sizes .el-input .el-select__caret,
.ele-pagination.is-circle.el-pagination--small .el-pagination__sizes .el-select .el-select__caret {
  font-size: 12px;
}
.ele-pagination.is-circle.el-pagination--small .el-pagination__sizes .el-input .el-input__wrapper,
.ele-pagination.is-circle.el-pagination--small .el-pagination__sizes .el-select .el-select__wrapper {
  padding-right: 6px;
}
.ele-pagination.is-circle.el-pagination--small .el-input__inner,
.ele-pagination.is-circle.el-pagination--small .el-select__selected-item > span {
  font-size: var(--ele-pagination-sm-font-size);
}
.ele-pagination.is-circle.el-pagination--small .el-pagination__total,
.ele-pagination.is-circle.el-pagination--small .el-pagination__goto,
.ele-pagination.is-circle.el-pagination--small .el-pagination__classifier {
  line-height: var(--ele-pagination-sm-height);
  font-size: var(--ele-pagination-sm-font-size);
}
.ele-pagination.is-circle {
  /* 大尺寸 */
}
.ele-pagination.is-circle.el-pagination--large > * {
  margin: var(--ele-pagination-lg-gap) !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
.ele-pagination.is-circle.el-pagination--large > .is-last {
  margin-right: 0 !important;
}
.ele-pagination.is-circle.el-pagination--large .btn-prev,
.ele-pagination.is-circle.el-pagination--large .btn-next,
.ele-pagination.is-circle.el-pagination--large .el-pager li {
  height: var(--ele-pagination-lg-height);
  line-height: var(--ele-pagination-lg-height);
  min-width: var(--ele-pagination-lg-height);
  padding: var(--ele-pagination-lg-padding);
  border-radius: var(--ele-pagination-lg-radius);
  font-size: var(--ele-pagination-lg-font-size);
}
.ele-pagination.is-circle.el-pagination--large .el-pager {
  margin-left: var(--ele-pagination-lg-space) !important;
  margin-right: var(--ele-pagination-lg-space) !important;
}
.ele-pagination.is-circle.el-pagination--large .el-pager li + li {
  margin-left: var(--ele-pagination-lg-space);
}
.ele-pagination.is-circle.el-pagination--large .btn-prev {
  margin-right: 0 !important;
}
.ele-pagination.is-circle.el-pagination--large .btn-prev .el-icon,
.ele-pagination.is-circle.el-pagination--large .btn-next .el-icon {
  transform: scale(1.16);
}
.ele-pagination.is-circle.el-pagination--large .el-pagination__editor.el-input {
  width: 56px;
}
.ele-pagination.is-circle.el-pagination--large .el-pagination__sizes .el-input,
.ele-pagination.is-circle.el-pagination--large .el-pagination__sizes .el-select {
  width: 104px;
}
.ele-pagination.is-circle.el-pagination--large .el-pagination__sizes .el-input .el-input__wrapper,
.ele-pagination.is-circle.el-pagination--large .el-pagination__sizes .el-select .el-select__wrapper {
  padding-right: 8px;
}
.ele-pagination.is-circle.el-pagination--large .el-input__inner,
.ele-pagination.is-circle.el-pagination--large .el-select__selected-item > span {
  font-size: var(--ele-pagination-lg-font-size);
}
.ele-pagination.is-circle.el-pagination--large .el-pagination__total,
.ele-pagination.is-circle.el-pagination--large .el-pagination__goto,
.ele-pagination.is-circle.el-pagination--large .el-pagination__classifier {
  line-height: var(--ele-pagination-lg-height);
  font-size: var(--ele-pagination-lg-font-size);
}
.ele-pagination {
  /* 无限页数 */
}
.ele-pagination.is-infinite .el-pager li:not(.is-active),
.ele-pagination.is-infinite .el-pagination__total {
  display: none;
}

/* 每页数量选择下拉框 */
.ele-pagination-popper.el-popper.is-fixed {
  position: fixed !important;
}

/* 气泡确认框主题变量 */
.ele-popconfirm {
  --ele-popconfirm-padding: 14px 12px;
  --ele-popconfirm-title-color: var(--el-text-color-primary);
  --ele-popconfirm-title-font-size: var(--el-font-size-base);
  --ele-popconfirm-title-font-weight: 500;
  --ele-popconfirm-title-margin: 6px;
  --ele-popconfirm-icon-font-size: 17px;
  --ele-popconfirm-icon-margin: 3px 8px 0 0;
  --ele-popconfirm-action-margin: 10px;
  --ele-popconfirm-action-space: 8px;
}

.ele-popconfirm > .ele-popover-body {
  padding: var(--ele-popconfirm-padding);
}

.ele-popconfirm-main {
  display: flex;
}

.ele-popconfirm-icon.el-icon {
  flex-shrink: 0;
  font-size: var(--ele-popconfirm-icon-font-size);
  margin: var(--ele-popconfirm-icon-margin);
}

.ele-popconfirm-body {
  flex: 1;
}

.ele-popconfirm-title {
  color: var(--ele-popconfirm-title-color);
  font-size: var(--ele-popconfirm-title-font-size);
  font-weight: var(--ele-popconfirm-title-font-weight);
  margin-bottom: var(--ele-popconfirm-title-margin);
}

.ele-popconfirm-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: var(--ele-popconfirm-action-margin);
}
.ele-popconfirm-action .el-button + .el-button {
  margin-left: var(--ele-popconfirm-action-space);
}

/* 打印容器 */
#ele-printer-container {
  pointer-events: none;
  display: none;
}

/* 页眉页脚 */
.ele-printer {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}
.ele-printer > thead > tr > td, .ele-printer > tbody > tr > td, .ele-printer > tfoot > tr > td {
  padding: 0;
  border: none;
}
.ele-printer:not(.is-open):not(.is-static) {
  display: none;
}
.ele-printer .ele-printer-header,
.ele-printer .ele-printer-footer {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.ele-printer:not(.is-open) .ele-printer-header, .ele-printer:not(.is-open) .ele-printer-footer {
  display: none;
}
.ele-printer .ele-printer-body {
  box-sizing: border-box;
}

/* 打印状态 */
html.ele-printing,
html.ele-printing > body {
  color: #000 !important;
  background: #fff !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  overflow: visible !important;
}

html.ele-printing > body > * {
  display: none !important;
}

html.ele-printing #ele-printer-container {
  display: block !important;
}
html.ele-printing #ele-printer-container * {
  pointer-events: none !important;
}

/* 高级表单主题变量 */
.ele-pro-form {
  --ele-pro-form-descriptions-label-wdith: 110px;
  --ele-pro-form-handle-color: #fff;
  --ele-pro-form-handle-font-size: 12px;
  --ele-pro-form-handle-height: 18px;
  --ele-pro-form-handle-bg: var(--el-color-primary);
  --ele-pro-form-handle-shadow: 2px 2px 4px 0 rgba(255, 255, 255, 0.6);
  --ele-pro-form-handle-padding: 0 4px;
  --ele-pro-form-handle-space: 4px;
  --ele-pro-form-handle-index: 9999;
  --ele-pro-form-item-wrapper-padding: 4px;
  --ele-pro-form-item-wrapper-border: 1px dashed var(--el-border-color);
  --ele-pro-form-item-wrapper-hover-border: 1px dashed var(--el-color-primary);
  --ele-pro-form-item-wrapper-active-border: 2px solid var(--el-color-primary);
  --ele-pro-form-item-wrapper-active-border-offset: -1px;
  --ele-pro-form-item-wrapper-active-index: 8;
  --ele-pro-form-container-wrapper-border-offset: -1px;
  --ele-pro-form-container-wrapper-active-border-offset: -2px;
  --ele-pro-form-container-wrapper-min-height: 48px;
  --ele-pro-form-container-div-min-height: 24px;
  --ele-pro-form-container-description-min-height: 32px;
}

/* 构建表单内对部分组件排除禁用 */
/* 构建表单内排除禁用的元素 */
/* 构建移动手柄 */
.ele-pro-form-builder-item-handle {
  position: absolute;
  top: -4px;
  left: -4px;
  display: flex;
  align-items: center;
  color: var(--ele-pro-form-handle-color);
  font-size: var(--ele-pro-form-handle-font-size);
  height: var(--ele-pro-form-handle-height);
  line-height: var(--ele-pro-form-handle-height);
  padding: var(--ele-pro-form-handle-padding);
  background: var(--ele-pro-form-handle-bg);
  box-shadow: var(--ele-pro-form-handle-shadow);
  z-index: var(--ele-pro-form-handle-index);
  box-sizing: border-box;
  cursor: move;
}
.ele-pro-form-builder-item-handle.is-disabled {
  pointer-events: none;
}

.ele-pro-form-builder-item-handle-icon.el-icon {
  margin-right: var(--ele-pro-form-handle-space);
}

.ele-pro-form-builder-item-tools {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: -2px;
  right: -1px;
}

.ele-pro-form-builder-item-tool-wrapper {
  font-weight: normal;
  position: static;
  overflow: visible;
}

.ele-pro-form-builder-item-wrapper:not(.is-active) > .ele-pro-form-builder-item-tool-wrapper,
.ele-pro-form-builder-container-wrapper:not(.is-active) > .ele-pro-form-builder-item-tool-wrapper {
  display: none;
}

/* 构建容器 */
.ele-pro-form-builder-item-wrapper,
.ele-pro-form-builder-container-wrapper {
  border: var(--ele-pro-form-item-wrapper-padding) solid transparent;
  outline: var(--ele-pro-form-item-wrapper-border);
  box-sizing: border-box;
  pointer-events: auto;
  position: relative;
}

.ele-pro-form-builder-item-wrapper:hover,
.ele-pro-form-builder-container-wrapper.is-selectable:hover {
  outline: var(--ele-pro-form-item-wrapper-hover-border);
}
.ele-pro-form-builder-item-wrapper.is-active,
.ele-pro-form-builder-container-wrapper.is-selectable.is-active {
  outline: var(--ele-pro-form-item-wrapper-active-border);
  outline-offset: var(--ele-pro-form-item-wrapper-active-border-offset);
  z-index: var(--ele-pro-form-item-wrapper-active-index);
}

.ele-pro-form-builder-container-wrapper {
  min-height: var(--ele-pro-form-container-wrapper-min-height);
  outline-offset: var(--ele-pro-form-container-wrapper-border-offset);
}

.ele-pro-form-builder-container-wrapper.is-selectable.is-active {
  outline-offset: var(--ele-pro-form-container-wrapper-active-border-offset);
}

.ele-pro-form-builder-item-wrapper.is-div-type {
  min-height: var(--ele-pro-form-container-div-min-height);
}

.ele-pro-form-builder-grid-container-wrapper.el-row {
  align-content: flex-start;
}

/* 构建表单组件特殊处理 */
.ele-pro-form.is-editable {
  user-select: none !important;
}
.ele-pro-form.is-editable * {
  user-select: none !important;
}
.ele-pro-form.is-editable > .ele-pro-form-builder-container-wrapper {
  border: none;
  outline: none;
}
.ele-pro-form.is-editable :not(.ele-pro-form-builder-item-wrapper):not(.ele-pro-form-builder-grid-item-wrapper):not(.ele-pro-form-builder-container-wrapper):not(.ele-pro-form-builder-grid-container-wrapper):not(.ele-pro-form-builder-item-tool-wrapper):not(.ele-pro-form-builder-item-handle):not(.ele-pro-form-builder-item-tools):not(.ele-pro-form-builder-tool-button):not(.el-tabs__header):not(.el-tabs__item):not(.ele-tab-title):not(.el-tabs__nav-prev):not(.el-tabs__nav-next):not(.el-collapse-item__header):not(.el-carousel__arrow):not(.el-carousel__button) {
  pointer-events: none !important;
  transition: none !important;
}
.ele-pro-form.is-editable .el-tabs__header, .ele-pro-form.is-editable .el-tabs__item, .ele-pro-form.is-editable .ele-tab-title, .ele-pro-form.is-editable .el-tabs__nav-prev, .ele-pro-form.is-editable .el-tabs__nav-next, .ele-pro-form.is-editable .el-collapse-item__header, .ele-pro-form.is-editable .el-carousel__arrow, .ele-pro-form.is-editable .el-carousel__button {
  pointer-events: auto !important;
  transition: none !important;
}
.ele-pro-form.is-editable .ele-pro-form-builder-item-wrapper > table.ele-table {
  width: 100%;
  height: 100%;
  --ele-table-tr-hover-bg: var(--ele-table-tr-bg);
}
.ele-pro-form.is-editable .ele-pro-form-builder-item-wrapper > table.ele-table.is-stripe > tr:nth-child(even), .ele-pro-form.is-editable .ele-pro-form-builder-item-wrapper > table.ele-table.is-stripe > tbody > tr:nth-child(even) {
  --ele-table-tr-hover-bg: var(--ele-table-even-bg);
}
.ele-pro-form.is-editable .ele-pro-form-builder-item-wrapper > table.ele-table td > .ele-pro-form-builder-container-wrapper,
.ele-pro-form.is-editable .ele-pro-form-builder-item-wrapper > table.ele-table td > .ele-pro-form-builder-grid-container-wrapper {
  height: 100%;
}
.ele-pro-form.is-editable .el-descriptions__cell > .ele-pro-form-builder-container-wrapper,
.ele-pro-form.is-editable .el-descriptions__cell > .ele-pro-form-builder-grid-container-wrapper {
  min-height: var(--ele-pro-form-container-description-min-height);
}
.ele-pro-form.is-editable .ele-pro-form-builder-item-wrapper > .el-descriptions > .el-descriptions__body > table.el-descriptions__table {
  width: 100%;
  height: 100%;
}
.ele-pro-form.is-editable .ele-pro-form-builder-item-wrapper > .el-descriptions > .el-descriptions__body > table.el-descriptions__table td > .ele-pro-form-builder-container-wrapper,
.ele-pro-form.is-editable .ele-pro-form-builder-item-wrapper > .el-descriptions > .el-descriptions__body > table.el-descriptions__table td > .ele-pro-form-builder-grid-container-wrapper {
  height: 100%;
}
.ele-pro-form.is-editable .el-carousel__item > .ele-pro-form-builder-container-wrapper,
.ele-pro-form.is-editable .el-carousel__item > .ele-pro-form-builder-grid-container-wrapper {
  height: 100%;
}

/* 搜索表单底栏展开样式 */
.ele-pro-form-footer-body {
  flex: 1;
  display: flex;
  align-items: center;
}
.ele-pro-form-footer-body > .el-link {
  white-space: nowrap;
}

.ele-pro-form-footer.is-search-expand > .el-form-item__content > .ele-pro-form-footer-body {
  justify-content: flex-end;
}

/* 快捷栅格布局拖动时样式优化 */
.ele-pro-form-builder-container-wrapper:not(.el-row) > .ele-pro-form-builder-grid-item-wrapper {
  max-width: none;
}

/* 表单必填星号辅助类 */
.ele-pro-form-required-asterisk::before {
  content: "*";
  color: var(--el-color-error);
  margin-right: 4px;
}

/* 描述列表组件辅助类 */
.ele-pro-form-descriptions-details.el-descriptions .el-descriptions__cell.el-descriptions__label {
  width: var(--ele-pro-form-descriptions-label-wdith);
  font-weight: normal;
}

/* 边框色辅助类 */
.ele-icon-border-color-base {
  border-color: var(--el-border-color);
}

.ele-icon-border-color-light {
  border-color: var(--el-border-color-light);
}

.ele-icon-border-color-lighter {
  border-color: var(--el-border-color-lighter);
}

.ele-icon-border-color-extra-light {
  border-color: var(--el-border-color-extra-light);
}

.ele-icon-border-color-primary {
  border-color: var(--el-color-primary);
}

.ele-icon-border-color-primary5 {
  border-color: var(--el-color-primary-light-5);
}

.ele-icon-border-color-text {
  border-color: var(--el-text-color-primary);
}

.ele-icon-border-color-text-light {
  border-color: var(--el-text-color-placeholder);
}

/* 背景色辅助类 */
.ele-icon-bg-primary {
  background: var(--el-color-primary);
}

.ele-icon-bg-primary7 {
  background: var(--el-color-primary-light-7);
}

.ele-icon-bg-primary9 {
  background: var(--el-color-primary-light-9);
}

.ele-icon-bg-base {
  background: var(--el-bg-color);
}

.ele-icon-bg-fill {
  background: var(--el-fill-color);
}

.ele-icon-bg-fill-light {
  background: var(--el-border-color-light);
}

.ele-icon-bg-fill-lighter {
  background: var(--el-fill-color-light);
}

.ele-icon-bg-fill-extra-light {
  background: var(--el-fill-color-lighter);
}

.ele-icon-bg-fill-extra-lighter {
  background: var(--el-fill-color-extra-light);
}

.ele-icon-bg-fill-blank {
  background: var(--el-fill-color-blank);
}

.ele-icon-bg-fill-dark {
  background: var(--el-border-color);
}

.ele-icon-bg-white {
  background: #fff;
}

.ele-icon-bg-calendar {
  background-image: radial-gradient(var(--el-border-color-light) 50%, transparent 50%);
}

/* 文字色辅助类 */
.ele-icon-color-base {
  color: var(--el-text-color-regular);
}

.ele-icon-color-secondary {
  color: var(--el-text-color-secondary);
}

.ele-icon-color-placeholder {
  color: var(--el-text-color-placeholder);
}

.ele-icon-color-light {
  color: var(--el-border-color);
}

.ele-icon-color-lighter {
  color: var(--el-border-color-light);
}

.ele-icon-color-primary {
  color: var(--el-color-primary);
}

.ele-icon-color-primary5 {
  color: var(--el-color-primary-light-5);
}

.ele-icon-color-success {
  color: var(--el-color-success);
}

/* 表单构建器主题变量 */
.ele-pro-form-builder-wrapper,
.ele-pro-form-builder-component-picker {
  --ele-pro-form-builder-group-label-bg: var(--el-bg-color);
  --ele-pro-form-builder-group-label-backdrop-filter: none;
}

/* 左右面板 */
.ele-pro-form-builder-wrapper.ele-split-panel,
.ele-pro-form-builder-main-wrapper.ele-split-panel {
  height: 100%;
}
.ele-pro-form-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side,
.ele-pro-form-builder-main-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side {
  display: flex;
  flex-direction: column;
}
.ele-pro-form-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side > .ele-tab-bar,
.ele-pro-form-builder-main-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side > .ele-tab-bar {
  flex-shrink: 0;
  padding: 0 16px;
}
.ele-pro-form-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side > .ele-tab-bar .ele-tab-item + .ele-tab-item,
.ele-pro-form-builder-main-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side > .ele-tab-bar .ele-tab-item + .ele-tab-item {
  margin-left: 22px;
}
.ele-pro-form-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side > .ele-pro-form-builder-tab-body,
.ele-pro-form-builder-main-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side > .ele-pro-form-builder-tab-body {
  flex: 1 1 60px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
}
.ele-pro-form-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn,
.ele-pro-form-builder-main-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn {
  z-index: 99;
}

.ele-pro-form-builder-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side {
  border-width: 0 1px 0 0;
}

.ele-pro-form-builder-main-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side {
  border-width: 0 0 0 1px;
}

/* 主体 */
.ele-pro-form-builder-body-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ele-pro-form-builder-body {
  flex: 1 1 60px;
  display: flex;
  flex-direction: column;
  padding: 12px;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.ele-pro-form-builder-preview.ele-modal-body {
  padding: 12px;
  max-width: 100%;
  max-height: 100%;
  min-height: 100%;
  height: calc(100vh - 120px);
  height: calc(100dvh - 120px);
  overflow-x: hidden;
  overflow-y: auto;
}

.ele-pro-form-builder-body.is-pad,
.ele-pro-form-builder-body.is-phone,
.ele-pro-form-builder-preview.is-pad,
.ele-pro-form-builder-preview.is-phone {
  width: 796px;
  padding: 2px;
  outline: 6px solid #3c3c3c;
  outline-offset: -12px;
  border: 12px solid transparent;
  border-radius: 18px;
  margin: 0 auto;
}

.ele-pro-form-builder-body.is-phone,
.ele-pro-form-builder-preview.is-phone {
  width: 418px;
}

/* 顶栏 */
.ele-pro-form-builder-header {
  flex-shrink: 0;
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--el-border-color-light);
  box-sizing: border-box;
  overflow: auto;
}

.ele-pro-form-builder-header-tool.el-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  font-size: 16px;
  border-radius: var(--el-border-radius-small);
  transition: all 0.2s;
  user-select: none;
  cursor: pointer;
}
.ele-pro-form-builder-header-tool.el-icon:hover {
  background: var(--el-fill-color-light);
}

/* 屏幕尺寸切换图标 */
.ele-pro-form-builder-screen-radio {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 8px;
  box-sizing: border-box;
  position: relative;
}
.ele-pro-form-builder-screen-radio .ele-pro-form-builder-screen-icon.is-active {
  color: var(--el-color-primary);
}

.ele-pro-form-builder-header > .ele-pro-form-builder-screen-radio:before {
  content: "";
  width: 0;
  height: 12px;
  border-left: 1px solid var(--el-border-color);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ele-modal-header > .ele-modal-title > .ele-pro-form-builder-screen-radio {
  margin-top: -6px;
  margin-bottom: -6px;
  padding: 0;
}

/* 顶栏左侧操作按钮 */
.ele-pro-form-builder-header-left {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 0 0 8px;
  box-sizing: border-box;
  position: relative;
}
.ele-pro-form-builder-header-left .ele-pro-form-builder-header-tool-undo,
.ele-pro-form-builder-header-left .ele-pro-form-builder-header-tool-redo {
  font-size: 14px;
}
.ele-pro-form-builder-header-left .ele-pro-form-builder-header-tool-undo.is-disabled,
.ele-pro-form-builder-header-left .ele-pro-form-builder-header-tool-redo.is-disabled {
  color: var(--el-disabled-text-color);
  background: none;
  cursor: not-allowed;
}

/* 顶栏右侧操作按钮 */
.ele-pro-form-builder-header-tools {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}
.ele-pro-form-builder-header-tools .el-button {
  flex-shrink: 0;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  padding: 0 6px 0 7px;
  margin: 0 0 0 4px;
}
.ele-pro-form-builder-header-tools .el-button:not(.is-text) {
  padding: 0 8px 0 6px;
}
.ele-pro-form-builder-header-tools .el-button > .el-icon {
  font-size: 12px;
}
.ele-pro-form-builder-header-tools .el-button > .el-icon + span {
  margin-left: 3px;
}

@media screen and (max-width: 991.99px) {
  .ele-pro-form-builder-header > .ele-pro-form-builder-screen-radio {
    display: none;
  }
  .ele-pro-form-builder-header-tools .el-button {
    padding: 0 4px 0 5px;
    margin: 0 0 0 2px;
  }
  .ele-pro-form-builder-header-tools .el-button:not(.is-text) {
    padding: 0 6px 0 4px;
  }
  .ele-pro-form-builder-header-tools .el-button > .el-icon + span {
    margin-left: 2px;
  }
}
/* 构建表单 */
.ele-pro-form-builder-body-form {
  flex: auto;
  width: 100%;
  box-sizing: border-box;
  user-select: none;
}
.ele-pro-form-builder-body-form > .ele-pro-form-builder-container-wrapper, .ele-pro-form-builder-body-form > .ele-pro-form-builder-grid-container-wrapper {
  min-height: 100%;
}
.ele-pro-form-builder-body-form {
  /* 构建操作按钮 */
}
.ele-pro-form-builder-body-form .ele-pro-form-builder-tool-button {
  width: 20px;
  height: 20px;
  line-height: 20px;
  box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.6);
  padding: 0;
}
.ele-pro-form-builder-body-form .ele-pro-form-builder-tool-button + .ele-pro-form-builder-tool-button {
  margin-left: 3px;
}
.ele-pro-form-builder-body-form {
  /* 新拖进来的组件 */
}
.ele-pro-form-builder-body-form .ele-pro-form-builder-component-item {
  height: 0px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 9 !important;
}
.ele-pro-form-builder-body-form .ele-pro-form-builder-component-item * {
  display: none !important;
}
.ele-pro-form-builder-body-form .ele-pro-form-builder-component-item::before {
  content: "";
  display: block !important;
  position: absolute;
  top: -2px;
  left: 0;
  height: 5px;
  width: 100%;
  background: var(--el-color-primary);
}
.ele-pro-form-builder-body-form .el-row > .ele-pro-form-builder-component-item {
  width: 0px !important;
  height: auto !important;
}
.ele-pro-form-builder-body-form .el-row > .ele-pro-form-builder-component-item::before {
  top: 0;
  left: -2px;
  height: 100%;
  width: 7px;
}

/* 组件库列表 */
.ele-pro-form-builder-component-wrapper {
  flex: 1;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}

.ele-pro-form-builder-component-group-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--el-color-primary);
  background: var(--ele-pro-form-builder-group-label-bg);
  backdrop-filter: var(--ele-pro-form-builder-group-label-backdrop-filter);
  padding: 10px 0 4px 20px;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
  position: sticky;
  top: 0;
  z-index: 9;
}
.ele-pro-form-builder-component-group-label::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 3px;
  height: 12px;
  margin-top: -4px;
  background: var(--el-color-primary);
  border-radius: 2px;
}

.ele-pro-form-builder-component-list {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(2, 1fr);
  padding: 6px 10px 10px 10px;
  box-sizing: border-box;
}

/* 组件卡片 */
.ele-pro-form-builder-component-item {
  padding: 2px 6px;
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  outline: 2px solid transparent;
  outline-offset: -2px;
  box-sizing: border-box;
  transition: all 0.2s;
  position: relative;
  user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.ele-pro-form-builder-component-item:hover {
  border-color: transparent;
  outline-color: var(--el-color-primary);
  transform: translateY(-4px);
}
.ele-pro-form-builder-component-item * {
  pointer-events: none !important;
}
.ele-pro-form-builder-component-item.sortable-fallback {
  transition: none;
}
.ele-pro-form-builder-component-item.is-selected {
  border-color: transparent;
  outline-color: var(--el-color-primary);
}

.ele-pro-form-builder-component-item-label {
  font-size: 13px;
}

.ele-pro-form-builder-component-item-body {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.ele-pro-form-builder-component-item-cover {
  flex-shrink: 0;
  width: 96%;
}

/* 模板卡片 */
.ele-pro-form-builder-template-wrapper {
  flex: 1;
  padding: 12px;
  box-sizing: border-box;
  overflow: auto;
}

.ele-pro-form-builder-template-item {
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  outline: 2px solid transparent;
  outline-offset: -2px;
  box-sizing: border-box;
  transition: all 0.2s;
  position: relative;
  user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.ele-pro-form-builder-template-item:hover {
  border-color: transparent;
  outline-color: var(--el-color-primary);
  transform: translateY(-4px);
}
.ele-pro-form-builder-template-item + .ele-pro-form-builder-template-item {
  margin-top: 12px;
}

.ele-pro-form-builder-template-item-label {
  font-size: 13px;
  padding: 10px 10px 4px 10px;
  box-sizing: border-box;
}

.ele-pro-form-builder-template-item-body {
  height: 160px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}

.ele-pro-form-builder-template-item-cover {
  flex-shrink: 0;
  width: 88%;
}

/* 大纲列表 */
.ele-pro-form-builder-outline {
  padding: 6px 0;
  box-sizing: border-box;
  position: relative;
  user-select: none;
}

.ele-pro-form-builder-outline-item {
  display: flex;
  flex-direction: column-reverse;
  border-radius: var(--el-border-radius-base);
  position: relative;
}
.ele-pro-form-builder-outline-item + .ele-pro-form-builder-outline-item {
  margin-top: 6px;
}

.ele-pro-form-builder-outline-item-border {
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  transition: border-color 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}

.ele-pro-form-builder-outline-item-arrow.el-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -8px;
  color: var(--el-text-color-secondary);
  font-size: 12px;
  border-radius: var(--el-border-radius-small);
  box-sizing: border-box;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 4;
}
.ele-pro-form-builder-outline-item-arrow.el-icon:hover {
  background: hsla(0, 0%, 60%, 0.15);
}
.ele-pro-form-builder-outline-item-arrow.el-icon > svg {
  transition: all 0.2s;
}

.ele-pro-form-builder-outline-item-tool.el-icon,
.ele-pro-form-builder-outline-item-handle.el-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: var(--el-color-primary);
  border-radius: var(--el-border-radius-small);
  box-sizing: border-box;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 4;
}
.ele-pro-form-builder-outline-item-tool.el-icon:hover,
.ele-pro-form-builder-outline-item-handle.el-icon:hover {
  background: hsla(0, 0%, 60%, 0.15);
}
.ele-pro-form-builder-outline-item-tool.el-icon.is-danger,
.ele-pro-form-builder-outline-item-handle.el-icon.is-danger {
  color: var(--el-color-danger);
}

.ele-pro-form-builder-outline-item-handle.el-icon {
  cursor: move;
}

.ele-pro-form-builder-outline-item-content {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}

.ele-pro-form-builder-outline-item-prop,
.ele-pro-form-builder-outline-item-label {
  font-size: 13px;
  margin-left: 4px;
}

.ele-pro-form-builder-outline-item-body {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 6px 0 18px;
  border: 1px solid transparent;
  border-bottom-color: var(--el-border-color);
  border-top-left-radius: var(--el-border-radius-base);
  border-top-right-radius: var(--el-border-radius-base);
  transition: border-color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ele-pro-form-builder-outline-item-body:not(:hover) .ele-pro-form-builder-outline-item-tool, .ele-pro-form-builder-outline-item-body:not(:hover) .ele-pro-form-builder-outline-item-handle {
  display: none;
}
.ele-pro-form-builder-outline-item-body:hover {
  border-bottom-color: var(--el-color-primary);
}
.ele-pro-form-builder-outline-item-body:hover + .ele-pro-form-builder-outline-item-border {
  border-color: var(--el-color-primary);
}

.ele-pro-form-builder-outline-item > .ele-pro-form-builder-outline {
  padding-left: 10px;
  padding-right: 6px;
}
.ele-pro-form-builder-outline-item > .ele-pro-form-builder-outline:empty {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-top-width: 0px;
}

.ele-pro-form-builder-outline-item.is-collapse > .ele-pro-form-builder-outline-item-body, .ele-pro-form-builder-outline-item.is-form-item > .ele-pro-form-builder-outline-item-body, .ele-pro-form-builder-outline-item > .ele-pro-form-builder-outline:empty + .ele-pro-form-builder-outline-item-body {
  border-bottom-color: transparent;
  border-bottom-left-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
}
.ele-pro-form-builder-outline-item.is-collapse > .ele-pro-form-builder-outline {
  display: none;
}
.ele-pro-form-builder-outline-item.is-collapse > .ele-pro-form-builder-outline-item-body > .ele-pro-form-builder-outline-item-arrow > svg {
  transform: rotate(-90deg);
}

.ele-pro-form-builder-outline-item.is-active > .ele-pro-form-builder-outline-item-border {
  border-color: var(--el-color-primary);
}
.ele-pro-form-builder-outline-item.is-active > .ele-pro-form-builder-outline-item-body, .ele-pro-form-builder-outline-item.is-active.is-form-item > .ele-pro-form-builder-outline-item-body, .ele-pro-form-builder-outline-item.is-active > .ele-pro-form-builder-outline + .ele-pro-form-builder-outline-item-body {
  background: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary);
}

.ele-pro-form-builder-outline-item-type-tag {
  color: var(--el-color-primary);
  font-size: 12px;
  line-height: 14px;
  padding: 1px 3px;
  border: 1px dashed var(--el-color-primary);
  border-radius: var(--el-border-radius-small);
  box-sizing: border-box;
  vertical-align: 1px;
}

.ele-pro-form-builder-outline-item-table-tool-trigger {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.ele-pro-form-builder-outline-item.sortable-ghost > .ele-pro-form-builder-outline-item-border {
  border-color: var(--el-color-primary);
  border-style: dashed;
}
.ele-pro-form-builder-outline-item.sortable-ghost > .ele-pro-form-builder-outline-item-body * {
  display: none;
}

.ele-pro-form-builder-outline-item.sortable-ghost > .ele-pro-form-builder-outline-item-body, .ele-pro-form-builder-outline-item.sortable-ghost.is-form-item > .ele-pro-form-builder-outline-item-body, .ele-pro-form-builder-outline-item.sortable-ghost > .ele-pro-form-builder-outline + .ele-pro-form-builder-outline-item-body,
.ele-pro-form-builder-outline-item.sortable-fallback > .ele-pro-form-builder-outline-item-body,
.ele-pro-form-builder-outline-item.sortable-fallback.is-form-item > .ele-pro-form-builder-outline-item-body,
.ele-pro-form-builder-outline-item.sortable-fallback > .ele-pro-form-builder-outline + .ele-pro-form-builder-outline-item-body {
  border-color: transparent;
  background: none;
}
.ele-pro-form-builder-outline-item.sortable-ghost > .ele-pro-form-builder-outline,
.ele-pro-form-builder-outline-item.sortable-fallback > .ele-pro-form-builder-outline {
  visibility: hidden;
}
.ele-pro-form-builder-outline-item.sortable-ghost > .ele-pro-form-builder-outline-item-body .ele-pro-form-builder-outline-item-tool, .ele-pro-form-builder-outline-item.sortable-ghost > .ele-pro-form-builder-outline .ele-pro-form-builder-outline-item-body *,
.ele-pro-form-builder-outline-item.sortable-fallback > .ele-pro-form-builder-outline-item-body .ele-pro-form-builder-outline-item-tool,
.ele-pro-form-builder-outline-item.sortable-fallback > .ele-pro-form-builder-outline .ele-pro-form-builder-outline-item-body * {
  display: none;
}

.ele-pro-form-builder-outline-item.sortable-fallback {
  background: var(--el-color-primary-light-9);
}
.ele-pro-form-builder-outline-item.sortable-fallback > .ele-pro-form-builder-outline-item-border {
  border-color: var(--el-color-primary);
}
.ele-pro-form-builder-outline-item.sortable-fallback > .ele-pro-form-builder-outline-item-body .ele-pro-form-builder-outline-item-handle {
  display: inline-flex;
}

.ele-pro-form-builder-tab-body > .ele-pro-form-builder-outline {
  flex: 1;
  overflow: auto;
  padding: 10px;
}
.ele-pro-form-builder-tab-body > .ele-pro-form-builder-outline:has(.ele-pro-form-builder-outline-item.sortable-ghost) {
  cursor: move;
}
.ele-pro-form-builder-tab-body > .ele-pro-form-builder-outline:has(.ele-pro-form-builder-outline-item.sortable-ghost) .ele-pro-form-builder-outline-item-body {
  cursor: move;
}
.ele-pro-form-builder-tab-body > .ele-pro-form-builder-outline:has(.ele-pro-form-builder-outline-item.sortable-ghost) .ele-pro-form-builder-outline-item-arrow,
.ele-pro-form-builder-tab-body > .ele-pro-form-builder-outline:has(.ele-pro-form-builder-outline-item.sortable-ghost) .ele-pro-form-builder-outline-item-tool {
  pointer-events: none;
}
.ele-pro-form-builder-tab-body > .ele-pro-form-builder-outline:has(.ele-pro-form-builder-outline-item.sortable-ghost) .ele-pro-form-builder-outline-item.is-active:not(.sortable-ghost):not(.sortable-fallback) > .ele-pro-form-builder-outline-item-border, .ele-pro-form-builder-tab-body > .ele-pro-form-builder-outline:has(.ele-pro-form-builder-outline-item.sortable-ghost) .ele-pro-form-builder-outline-item.is-active:not(.sortable-ghost):not(.sortable-fallback) > .ele-pro-form-builder-outline-item-body {
  background: none;
  border-color: var(--el-border-color);
}

/* 属性设置表单 */
.ele-pro-form-builder-props-form {
  flex: 1;
  overflow: auto;
  padding: 0 10px;
  box-sizing: border-box;
}
.ele-pro-form-builder-props-form .el-form-item {
  margin-bottom: 12px;
}
.ele-pro-form-builder-props-form .el-form-item__label {
  margin-bottom: 2px;
  pointer-events: none;
}

.ele-pro-form-builder-props-group-label.ele-text {
  font-size: 12px;
  font-weight: 500;
  color: var(--el-color-primary);
  padding: 10px 0 6px 10px;
  box-sizing: border-box;
  position: relative;
  user-select: none;
}
.ele-pro-form-builder-props-group-label.ele-text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 12px;
  margin-top: -4px;
  background: var(--el-color-primary);
  border-radius: 2px;
}

.ele-pro-form-builder-props-options-check-card {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 6px 8px;
}
.ele-pro-form-builder-props-options-check-card .ele-check-card {
  font-size: 12px;
  line-height: 14px;
  padding: 4px 0;
  text-align: center;
}
.ele-pro-form-builder-props-options-check-card .ele-check-card .ele-check-card-arrow {
  top: 2px;
  right: 2px;
  border-width: 5px;
}
.ele-pro-form-builder-props-options-check-card.is-loose {
  grid-template-columns: repeat(2, 1fr);
}
.ele-pro-form-builder-props-options-check-card.is-single {
  grid-template-columns: repeat(1, 1fr);
}

.ele-pro-form-builder-props-fluid-btn.el-button {
  width: 100%;
  font-weight: normal;
  border-style: dashed;
}
.ele-pro-form-builder-props-fluid-btn.el-button.is-small-icon > .el-icon {
  transform: scale(0.9);
  transform-origin: 0 0;
}

.ele-pro-form-builder-type-select-btn > span {
  width: 100%;
  box-sizing: border-box;
}
.ele-pro-form-builder-type-select-btn > span > span {
  flex: 1;
  text-align: left;
}

/* 空视图 */
.ele-pro-form-builder-form-empty.el-empty {
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ele-pro-form-builder-form-empty.el-empty .el-empty__description {
  margin-top: 8px;
}
.ele-pro-form-builder-form-empty.el-empty .el-empty__description p {
  font-size: 13px;
  color: var(--el-text-color-placeholder);
}

/* 添加子级时组件选择 */
.ele-pro-form-builder-component-picker .ele-pro-form-builder-component-list {
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}

/* 生成代码弹窗 */
.ele-pro-form-builder-code-preview .ele-modal-body {
  padding: 6px;
  max-height: 100%;
  min-height: 100%;
  height: calc(100vh - 120px);
  height: calc(100dvh - 120px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ele-pro-form-builder-code-view {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #000;
  background: #1e1e1e;
  border-radius: var(--el-border-radius-base);
}
.ele-pro-form-builder-code-view > .ele-tab-bar {
  flex-shrink: 0;
  padding: 0 12px;
  --ele-tab-bar-color: #e6edf3;
  --ele-tab-bar-height: 32px;
}
.ele-pro-form-builder-code-view > .ele-tab-bar .ele-tab-item {
  font-weight: 500;
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", "Sarasa Gothic SC", monospace;
}
.ele-pro-form-builder-code-view > .ele-tab-bar::before {
  border-color: #000;
}

.ele-pro-form-builder-code-body {
  flex: 1;
  overflow: auto;
  color: #e6edf3;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  --ele-scrollbar-color: #5e5e5e;
  --ele-scrollbar-hover-color: #707070;
}
.ele-pro-form-builder-code-body > .ele-code-viewer {
  width: 100%;
  height: 100%;
}

.ele-pro-form-builder-code-pre {
  flex: 1;
  margin: 0;
  padding: 12px;
  box-sizing: border-box;
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", "Sarasa Gothic SC", monospace;
}

.ele-pro-form-builder-code-line-numbers {
  flex-shrink: 0;
  color: #8b949e;
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", "Sarasa Gothic SC", monospace;
  padding: 12px 0;
  min-width: 38px;
  background: #1e1e1e;
  border-right: 1px solid #000;
  box-sizing: border-box;
  text-align: center;
  user-select: none;
  position: sticky;
  left: 0;
}

.ele-pro-form-builder-code-icon-tool.el-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  color: #d6dde3;
  background: #424242;
  margin-left: 8px;
  border-radius: var(--el-border-radius-small);
  box-sizing: border-box;
  transition: background-color 0.3s;
  cursor: pointer;
}
.ele-pro-form-builder-code-icon-tool.el-icon:hover {
  background: #4f4f4f;
}
.ele-pro-form-builder-code-icon-tool.el-icon.is-copied {
  color: var(--el-color-success);
}

/* 表格更多操作下拉菜单 */
.ele-pro-form-builder-table-tool-dropdown.ele-dropdown.ele-popper.ele-popover {
  min-width: 128px;
}

/* 子级编辑列表 */
.ele-pro-form-builder-children-edit-list {
  width: 100%;
  box-sizing: border-box;
  user-select: none;
}

.ele-pro-form-builder-children-edit-item {
  display: flex;
  align-items: center;
  padding: 0 2px;
  margin-bottom: 6px;
  border: 1px solid var(--el-border-color-light);
  border-radius: var(--el-border-radius-base);
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.ele-pro-form-builder-children-edit-item:has(.ele-pro-form-builder-children-edit-item-body.is-clickable:hover) {
  border-color: var(--el-color-primary);
}

.ele-pro-form-builder-children-edit-item-handle.el-icon {
  color: var(--el-text-color-secondary);
  cursor: move;
}

.ele-pro-form-builder-children-edit-item-handle.el-icon,
.ele-pro-form-builder-children-edit-item-del-btn.el-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  font-size: 12px;
  box-sizing: border-box;
}

.ele-pro-form-builder-children-edit-item-del-btn.el-icon {
  color: var(--el-color-danger);
  border-radius: var(--el-border-radius-small);
  transition: all 0.2s;
  cursor: pointer;
}
.ele-pro-form-builder-children-edit-item-del-btn.el-icon:hover {
  background: hsla(0, 0%, 60%, 0.15);
}

.ele-pro-form-builder-children-edit-item-body {
  flex: 1;
  font-size: 12px;
  line-height: 20px;
  padding: 3px 3px 3px 2px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
}
.ele-pro-form-builder-children-edit-item-body.is-clickable {
  cursor: pointer;
}
.ele-pro-form-builder-children-edit-item-body .el-input .el-input__inner {
  height: 20px;
  line-height: 20px;
}

.ele-pro-form-builder-children-edit-item-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

.ele-pro-form-builder-outline-item-type-tag + .ele-pro-form-builder-children-edit-item-text {
  margin-left: 4px;
}

/* 样式编辑列表 */
.ele-pro-form-builder-style-edit-list {
  width: 100%;
  padding: 4px;
  border: 1px solid var(--el-border-color-light);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
  margin-bottom: 6px;
}

.ele-pro-form-builder-style-edit-item {
  display: flex;
  align-items: center;
}
.ele-pro-form-builder-style-edit-item + .ele-pro-form-builder-style-edit-item {
  margin-top: 4px;
}

.ele-pro-form-builder-style-edit-item-del-btn.el-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: var(--el-color-danger);
  border-radius: var(--el-border-radius-small);
  transition: all 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}
.ele-pro-form-builder-style-edit-item-del-btn.el-icon:hover {
  background: hsla(0, 0%, 60%, 0.15);
}

.ele-pro-form-builder-style-edit-item-body {
  flex: 1;
  display: flex;
  align-items: center;
  margin-right: 3px;
}
.ele-pro-form-builder-style-edit-item-body .el-input .el-input__inner {
  height: 20px;
  line-height: 20px;
}

/* 数据编辑表格 */
.ele-pro-form-builder-options-editer {
  flex: 1;
  margin-top: 8px;
}
.ele-pro-form-builder-options-editer > .ele-tree-table {
  height: 100%;
}
.ele-pro-form-builder-options-editer .ele-tree-table-cells > .ele-tree-table-cell {
  padding: 6px 8px;
}
.ele-pro-form-builder-options-editer .ele-tree-table-cell.is-tree-index {
  padding: 10px 0 0 0;
}
.ele-pro-form-builder-options-editer .ele-tree-table-header > .ele-tree-table-row > .ele-tree-table-cell {
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
  word-break: break-all;
}
.ele-pro-form-builder-options-editer.is-table-data .ele-tree-table-header > .ele-tree-table-row > .ele-tree-table-cell {
  padding-left: 6px;
  padding-right: 6px;
  overflow: visible;
}

.ele-pro-form-builder-options-edit-cell {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ele-pro-form-builder-options-edit-cell .ele-pro-form-builder-tool-button {
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0;
}
.ele-pro-form-builder-options-edit-cell .ele-pro-form-builder-tool-button + .ele-pro-form-builder-tool-button {
  margin-left: 6px;
}

.ele-pro-form-builder-options-edit-th {
  position: relative;
}
.ele-pro-form-builder-options-edit-th .ele-pro-form-builder-tool-button {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: calc(100% - 10px);
  transform: translateY(-50%);
  transition: all 0.3s;
  z-index: 99;
}
.ele-pro-form-builder-options-edit-th:not(:hover) .ele-pro-form-builder-tool-button {
  opacity: 0;
  visibility: hidden;
}
.ele-pro-form-builder-options-edit-th .el-input .el-input__wrapper .el-input__inner {
  font-weight: 500;
}

/* 数据代码编辑框 */
.ele-pro-form-builder-options-tabs.ele-tab-bar {
  flex-shrink: 0;
  overflow: visible;
}
.ele-pro-form-builder-options-tabs.ele-tab-bar > .ele-tab-nav {
  overflow: visible;
}
.ele-pro-form-builder-options-tabs.ele-tab-bar .ele-pro-form-builder-code-edit-icon.el-icon {
  position: absolute;
  right: -22px;
  top: 50%;
  margin: -7px 0 0 0;
  font-size: 14px;
  z-index: 9;
}
.ele-pro-form-builder-options-tabs.ele-tab-bar .ele-pro-form-builder-code-edit-icon.el-icon .ele-pro-form-builder-code-edit-tip {
  top: -8px;
  left: -128px;
}

/* 事件代码编辑框 */
.ele-pro-form-builder-code-edit-wrapper {
  flex: 1;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.ele-pro-form-builder-code-edit-header {
  display: flex;
  align-items: center;
  position: relative;
}

.ele-pro-form-builder-code-edit-icon.el-icon {
  color: var(--el-text-color-secondary);
  margin-left: 8px;
  position: static;
  cursor: text;
}
.ele-pro-form-builder-code-edit-icon.el-icon .ele-pro-form-builder-code-edit-tip {
  width: 420px;
  max-width: calc(100vw - 32px);
  font-size: 14px;
  line-height: 18px;
  color: #608b4e;
  background: #1e1e1e;
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", "Sarasa Gothic SC", monospace;
  padding: 8px;
  border-radius: var(--el-border-radius-small);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  white-space: pre-wrap;
  user-select: text;
  cursor: text;
  transition: all 0.2s;
  position: absolute;
  top: 2px;
  left: 6px;
  z-index: 9;
}
.ele-pro-form-builder-code-edit-icon.el-icon:not(:hover) .ele-pro-form-builder-code-edit-tip {
  opacity: 0;
  visibility: hidden;
}

/* 源码编辑框 */
.ele-pro-form-builder-code-editer.el-textarea {
  height: 100%;
  display: block;
}
.ele-pro-form-builder-code-editer.el-textarea > .el-textarea__inner {
  height: 100%;
  font-size: 14px;
  color: #d4d4d4;
  background: #1e1e1e;
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", "Sarasa Gothic SC", monospace;
  border-radius: 0;
  box-shadow: none;
  border: none;
  resize: none;
}

.ele-pro-layout {
  /* logo */
}
.ele-pro-layout > .ele-admin-side > .ele-admin-sidebox > .ele-admin-logo > img + h1 {
  display: none;
}
.ele-pro-layout {
  /* 面包屑导航 */
}
.ele-pro-layout.is-mobile > .ele-admin-main > .ele-admin-header > .ele-admin-breadcrumb {
  display: none;
}
.ele-pro-layout.is-mobile > .ele-admin-main > .ele-admin-header > .ele-admin-tools:first-child {
  padding-right: 0;
}

/* iframe */
.ele-admin-iframe-wrap {
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  overflow: hidden;
}

.ele-admin-iframe {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  border: none;
  box-sizing: border-box;
  pointer-events: auto;
}

.ele-pro-table {
  --ele-pro-table-full-bg: var(--el-bg-color);
  --ele-pro-table-full-index: calc(var(--ele-layout-index, 9) + 99);
  --ele-pro-table-min-height: 148px;
  --ele-pro-table-flex: 1 0 148px;
}

.ele-tool-column {
  --ele-tool-column-width: 220px;
  --ele-tool-column-max-height: 480px;
  --ele-tool-column-header-padding: 6px 14px 4px 14px;
  --ele-tool-column-header-border: 1px solid var(--el-border-color-light);
  --ele-tool-column-body-padding: 6px 0;
  --ele-tool-column-item-padding: 14px;
  --ele-tool-column-item-height: 28px;
  --ele-tool-column-item-hover-bg: var(--el-color-primary-light-9);
  --ele-tool-column-item-radius: 0;
  --ele-tool-column-btn-space: 1px;
  --ele-tool-column-btn-size: 18px;
  --ele-tool-column-btn-offset: -6px;
  --ele-tool-column-btn-radius: var(--el-border-radius-small);
  --ele-tool-column-btn-color: var(--el-text-color-placeholder);
  --ele-tool-column-btn-hover-color: var(--el-text-color-primary);
  --ele-tool-column-btn-hover-bg: transparent;
  --ele-tool-column-btn-active-color: var(--el-color-primary);
  --ele-tool-column-btn-active-bg: transparent;
  --ele-tool-column-input-bg: var(--el-bg-color);
}

/* 工具栏 */
.ele-pro-table > .ele-toolbar {
  flex-shrink: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ele-pro-table > .ele-toolbar + .ele-toolbar {
  border-top: none;
}

.ele-pro-table:not(.is-border) > .ele-toolbar {
  border-top: none;
  border-left: none;
  border-right: none;
}

.ele-pro-table.is-border > .ele-toolbar {
  border-bottom: none;
}

/* 取消表格上边圆角 */
.ele-pro-table > .ele-toolbar.is-default + .ele-data-table > .el-table__inner-wrapper > .el-table__header-wrapper, .ele-pro-table > .ele-toolbar.is-default + .ele-data-table > .el-table__inner-wrapper > .el-table__body-wrapper, .ele-pro-table > .ele-toolbar.is-default + .ele-data-table.el-table--border > .el-table__inner-wrapper::after, .ele-pro-table > .ele-toolbar.is-default + .ele-data-table.el-table--border.hide-header > .el-table__inner-wrapper > .el-table__body-wrapper, .ele-pro-table > .ele-toolbar.is-default + .ele-virtual-table > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper, .ele-pro-table > .ele-toolbar.is-default + .ele-virtual-table.is-border > .el-table-v2::after, .ele-pro-table > .ele-toolbar.is-default + .ele-virtual-table.is-border.hide-header > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ele-pro-table > .ele-toolbar.is-default + .ele-data-table.el-table--border::before, .ele-pro-table > .ele-toolbar.is-default + .ele-virtual-table.is-border::before {
  border-top-left-radius: 0;
}
.ele-pro-table > .ele-toolbar.is-default + .ele-data-table.el-table--border::after, .ele-pro-table > .ele-toolbar.is-default + .ele-virtual-table.is-border::after {
  border-top-right-radius: 0;
}
.ele-pro-table > .ele-toolbar.is-default + .ele-data-table.hide-header:not(.el-table--border) > .el-table__inner-wrapper::after, .ele-pro-table > .ele-toolbar.is-default + .ele-virtual-table.hide-header:not(.is-border) > .el-table-v2::after {
  display: none;
}

/* 加载图标 */
.ele-pro-table {
  position: relative;
}
.ele-pro-table > .ele-loading-spinner {
  background: transparent;
}

/* 底栏 */
.ele-pro-table-footer {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.ele-pro-table-footer > .ele-pagination {
  margin: 0 auto;
  padding-top: 4px;
}

/* 全屏 */
.ele-pro-table.is-maximized {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  overflow: auto;
  padding: 0 0 16px 0;
  box-sizing: border-box;
  background: var(--ele-pro-table-full-bg);
  z-index: var(--ele-pro-table-full-index);
}
.ele-pro-table.is-maximized > .ele-toolbar.is-plain {
  padding-left: 16px;
  padding-right: 16px;
}
.ele-pro-table.is-maximized {
  /* 粘性表头顶部距离修改 */
}
.ele-pro-table.is-maximized > .ele-data-table.is-sticky > .el-table__inner-wrapper > .el-table__header-wrapper, .ele-pro-table.is-maximized > .ele-virtual-table.is-sticky > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper {
  top: var(--ele-table-sticky-top);
}

/* 密度设置 */
.ele-tool-size-popper {
  min-width: 88px;
}
.ele-tool-size-popper.ele-dropdown .el-dropdown-menu__item > .el-icon {
  font-size: var(--el-font-size-base);
}

/* 列配置 */
.ele-tool-column-popover.ele-popover {
  width: var(--ele-tool-column-width);
  max-width: 100%;
}

.ele-tool-column {
  width: var(--ele-tool-column-width);
  max-width: 100%;
}

.ele-tool-column-header {
  display: flex;
  align-items: center;
  border-bottom: var(--ele-tool-column-header-border);
  padding: var(--ele-tool-column-header-padding);
  box-sizing: border-box;
  position: relative;
}

.ele-tool-column-link {
  color: var(--el-color-primary);
  transition: color 0.2s;
  user-select: none;
  cursor: pointer;
}
.ele-tool-column-link:hover {
  color: var(--el-color-primary-light-3);
}

.ele-tool-column .ele-tool-column-item .ele-tool-column-item-body .el-checkbox,
.ele-tool-column .ele-tool-column-header .ele-tool-column-label .el-checkbox {
  height: var(--ele-tool-column-item-height);
  line-height: var(--ele-tool-column-item-height);
}
.ele-tool-column .ele-tool-column-item .ele-tool-column-item-body .el-checkbox__label,
.ele-tool-column .ele-tool-column-header .ele-tool-column-label .el-checkbox__label {
  color: inherit;
  line-height: inherit;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ele-tool-column-label {
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
}

.ele-tool-column > .ele-tool-column-list {
  padding: var(--ele-tool-column-body-padding);
  max-height: var(--ele-tool-column-max-height);
  box-sizing: border-box;
  overflow: auto;
}

.ele-tool-column-item-body {
  display: flex;
  align-items: center;
  padding: 0 var(--ele-tool-column-item-padding);
  border-radius: var(--ele-tool-column-item-radius);
  transition: background-color 0.2s;
  position: relative;
}
.ele-tool-column-item-body .el-checkbox {
  width: 100%;
}

.ele-tool-column:not(.is-dragging) .ele-tool-column-item-body:hover {
  background: var(--ele-tool-column-item-hover-bg);
}

.ele-tool-column-item {
  user-select: none;
  border-radius: var(--ele-tool-column-item-radius);
}
.ele-tool-column-item.sortable-chosen {
  background: var(--ele-tool-column-item-hover-bg);
  opacity: 1 !important;
}
.ele-tool-column-item.sortable-chosen > .ele-tool-column-item-body {
  background: none;
}
.ele-tool-column-item.sortable-ghost {
  opacity: 0 !important;
}
.ele-tool-column-item > .ele-tool-column-list {
  padding-left: 24px;
}

.ele-tool-column-handle {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-tool-column-btn-size);
  height: var(--ele-tool-column-btn-size);
  margin-right: var(--ele-tool-column-btn-space);
  margin-left: var(--ele-tool-column-btn-offset);
  color: var(--el-text-color-placeholder);
  font-size: 12px;
  cursor: move;
}

.ele-tool-column-input {
  flex-shrink: 0;
  width: 60px;
  background: var(--ele-tool-column-input-bg);
  border-radius: var(--el-border-radius-base);
  margin-left: var(--ele-tool-column-btn-space);
  margin-right: var(--ele-tool-column-btn-offset);
}
.ele-tool-column-input .el-input__inner {
  height: 20px;
  line-height: 20px;
}

.ele-tool-column-fixed {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.ele-tool-column-fixed:last-child {
  margin-right: var(--ele-tool-column-btn-offset);
}

.ele-tool-column-fixed-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-tool-column-btn-size);
  height: var(--ele-tool-column-btn-size);
  border-radius: var(--ele-tool-column-btn-radius);
  font-size: 12px;
  color: var(--ele-tool-column-btn-color);
  margin-left: var(--ele-tool-column-btn-space);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}
.ele-tool-column-fixed-item:hover {
  color: var(--ele-tool-column-btn-hover-color);
  background: var(--ele-tool-column-btn-hover-bg);
}
.ele-tool-column-fixed-item.is-active {
  color: var(--ele-tool-column-btn-active-color);
  background: var(--ele-tool-column-btn-active-bg);
}
.ele-tool-column-fixed-item > .el-icon > svg {
  stroke-width: 5;
}

.ele-tool-column.is-sortable .ele-tool-column-header .ele-tool-column-label {
  padding-left: calc(var(--ele-tool-column-btn-size) + var(--ele-tool-column-btn-space) + var(--ele-tool-column-btn-offset));
}

/* 导出和打印的列选择 */
.ele-tool-export-form .ele-tool-column,
.ele-tool-print-form .ele-tool-column {
  border: 1px solid var(--el-border-color-light);
  border-radius: var(--el-border-radius-base);
  line-height: normal;
  width: 100%;
}
.ele-tool-export-form .ele-tool-column-header,
.ele-tool-print-form .ele-tool-column-header {
  background: var(--el-fill-color-lighter);
  border-top-left-radius: var(--el-border-radius-base);
  border-top-right-radius: var(--el-border-radius-base);
}

.ele-tool-form-options {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  padding-left: 8px;
}

/* 分段器主题变量 */
.ele-segmented {
  --ele-segmented-padding: 3px;
  --ele-segmented-bg: var(--el-fill-color-light);
  --ele-segmented-radius: 2px;
  --ele-segmented-height: 28px;
  --ele-segmented-font-size: 14px;
  --ele-segmented-font-weight: normal;
  --ele-segmented-item-padding: 12px;
  --ele-segmented-color: var(--el-text-color-secondary);
  --ele-segmented-hover-color: var(--el-text-color-primary);
  --ele-segmented-hover-bg: rgba(0, 0, 0, 0.04);
  --ele-segmented-active-color: var(--el-text-color-primary);
  --ele-segmented-active-bg: var(--el-bg-color-overlay);
  --ele-segmented-active-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  --ele-segmented-disabled-color: var(--el-text-color-placeholder);
}

.ele-segmented.is-large {
  --ele-segmented-large-padding: 4px;
  --ele-segmented-large-radius: 4px;
  --ele-segmented-large-height: 36px;
  --ele-segmented-large-font-size: 16px;
  --ele-segmented-large-item-padding: 16px;
}

.ele-segmented.is-small {
  --ele-segmented-small-padding: 2px;
  --ele-segmented-small-radius: 2px;
  --ele-segmented-small-height: 20px;
  --ele-segmented-small-font-size: 13px;
  --ele-segmented-small-item-padding: 7px;
}

.ele-segmented.el-tabs .el-tabs__nav-wrap,
.ele-segmented.el-tabs .el-tabs__nav-scroll {
  margin: 0;
  overflow: visible;
}
.ele-segmented.el-tabs .el-tabs__nav {
  float: none;
  height: auto;
}
.ele-segmented.el-tabs .el-tabs__nav-wrap::after,
.ele-segmented.el-tabs .el-tabs__content {
  display: none;
}
.ele-segmented.el-tabs {
  /* 背景 */
}
.ele-segmented.el-tabs .el-tabs__header {
  margin: 0;
  box-sizing: border-box;
  background: var(--ele-segmented-bg);
  border-radius: var(--ele-segmented-radius);
  padding: var(--ele-segmented-padding);
}
.ele-segmented.el-tabs {
  /* item */
}
.ele-segmented.el-tabs .el-tabs__item {
  color: var(--ele-segmented-color);
  height: var(--ele-segmented-height);
  line-height: var(--ele-segmented-height);
  font-size: var(--ele-segmented-font-size);
  font-weight: var(--ele-segmented-font-weight);
  border-radius: var(--ele-segmented-radius);
  transition: color 0.2s, background-color 0.2s;
  background: none;
  z-index: 2;
}
.ele-segmented.el-tabs .el-tabs__item:not(.is-disabled):hover {
  color: var(--ele-segmented-hover-color);
  background: var(--ele-segmented-hover-bg);
}
.ele-segmented.el-tabs .el-tabs__item:not(.is-disabled).is-active {
  color: var(--ele-segmented-active-color);
  background: none;
}
.ele-segmented.el-tabs .el-tabs__item.is-disabled {
  color: var(--ele-segmented-disabled-color);
}
.ele-segmented.el-tabs .el-tabs__item .ele-segmented-item-icon + .ele-segmented-item-label {
  margin-left: 6px;
}
.ele-segmented.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
  padding: 0 var(--ele-segmented-item-padding);
}
.ele-segmented.el-tabs {
  /* 选中背景 */
}
.ele-segmented.el-tabs .el-tabs__active-bar {
  padding: 0 var(--ele-segmented-item-padding);
  margin-left: calc(var(--ele-segmented-item-padding) * -1);
  background: var(--ele-segmented-active-bg);
  border-radius: var(--ele-segmented-radius);
  box-shadow: var(--ele-segmented-active-shadow);
  transform: translateX(var(--ele-segmented-item-padding));
  transition: all 0.2s;
  box-sizing: content-box;
  height: auto;
  bottom: 0;
  top: 0;
}
.ele-segmented.el-tabs.is-empty .el-tabs__active-bar {
  padding: 0;
}
.ele-segmented.el-tabs {
  /* 尺寸控制 */
}
.ele-segmented.el-tabs.is-large .el-tabs__header {
  border-radius: var(--ele-segmented-large-radius);
  padding: var(--ele-segmented-large-padding);
}
.ele-segmented.el-tabs.is-large .el-tabs__item {
  height: var(--ele-segmented-large-height);
  line-height: var(--ele-segmented-large-height);
  font-size: var(--ele-segmented-large-font-size);
  border-radius: var(--ele-segmented-large-radius);
}
.ele-segmented.el-tabs.is-large .el-tabs__header .el-tabs__nav .el-tabs__item {
  padding: 0 var(--ele-segmented-large-item-padding);
}
.ele-segmented.el-tabs.is-large .el-tabs__active-bar {
  padding: 0 var(--ele-segmented-large-item-padding);
  margin-left: calc(var(--ele-segmented-large-item-padding) * -1);
  border-radius: var(--ele-segmented-large-radius);
  transform: translateX(var(--ele-segmented-large-item-padding));
}
.ele-segmented.el-tabs.is-small .el-tabs__header {
  border-radius: var(--ele-segmented-small-radius);
  padding: var(--ele-segmented-small-padding);
}
.ele-segmented.el-tabs.is-small .el-tabs__item {
  height: var(--ele-segmented-small-height);
  line-height: var(--ele-segmented-small-height);
  font-size: var(--ele-segmented-small-font-size);
  border-radius: var(--ele-segmented-small-radius);
}
.ele-segmented.el-tabs.is-small .el-tabs__header .el-tabs__nav .el-tabs__item {
  padding: 0 var(--ele-segmented-small-item-padding);
}
.ele-segmented.el-tabs.is-small .el-tabs__active-bar {
  padding: 0 var(--ele-segmented-small-item-padding);
  margin-left: calc(var(--ele-segmented-small-item-padding) * -1);
  border-radius: var(--ele-segmented-small-radius);
  transform: translateX(var(--ele-segmented-small-item-padding));
}
.ele-segmented.el-tabs {
  /* 宽度撑满 */
}
.ele-segmented.el-tabs:not(.is-block) .el-tabs__header {
  display: inline-block;
  width: max-content;
}
.ele-segmented.el-tabs.is-block .el-tabs__header .el-tabs__nav .el-tabs__item {
  padding: 0;
}
.ele-segmented.el-tabs.is-block .el-tabs__active-bar {
  padding: 0;
  margin-left: 0;
  transform: none;
}

/* 分割面板主题变量 */
.ele-split-panel {
  --ele-split-panel-side-border: 1px solid var(--el-border-color-light);
  --ele-split-panel-resize-line-trigger: 12px;
  --ele-split-panel-resize-line-size: 3px;
  --ele-split-panel-resize-line-hover-bg: var(--el-color-primary);
  --ele-split-panel-collapse-btn-width: 24px;
  --ele-split-panel-collapse-btn-height: 24px;
  --ele-split-panel-collapse-btn-radius: 50%;
  --ele-split-panel-collapse-btn-bg: var(--el-bg-color-overlay);
  --ele-split-panel-collapse-btn-border: 1px solid var(--el-border-color-lighter);
  --ele-split-panel-collapse-btn-shadow: var(--el-box-shadow-lighter);
  --ele-split-panel-collapse-btn-font-size: 14px;
  --ele-split-panel-collapse-btn-color: var(--el-text-color-secondary);
  --ele-split-panel-collapse-btn-hover-color: var(--el-text-color-primary);
  --ele-split-panel-collapse-transition: 0.3s;
  --ele-split-panel-side-pop-bg: var(--el-bg-color-overlay);
  --ele-split-panel-mask-bg: var(--el-overlay-color-lighter);
  --ele-split-panel-mask-index: 90;
  --ele-split-panel-body-header-padding: 12px 16px 0 16px;
  --ele-split-panel-side-header-padding: 12px;
  --ele-split-panel-side-header-border: 1px solid var(--el-border-color-light);
  --ele-split-panel-side-header-form-space: 12px;
  --ele-split-panel-table-padding: 4px 16px 16px 16px;
  --ele-split-panel-table-default-padding: 16px;
}

.ele-split-panel {
  display: flex;
  position: relative;
  overflow: hidden;
  /* 边栏 */
}
.ele-split-panel > .ele-split-panel-wrap {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  transition: all var(--ele-split-panel-collapse-transition);
  box-sizing: border-box;
  position: relative;
  opacity: 1;
}
.ele-split-panel .ele-split-panel-side {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  border: var(--ele-split-panel-side-border);
  transition: all var(--ele-split-panel-collapse-transition);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.ele-split-panel {
  /* 内容 */
}
.ele-split-panel > .ele-split-panel-body {
  flex: 1;
  position: relative;
  box-sizing: border-box;
  overflow: auto;
}
.ele-split-panel {
  /* 操作元素容器 */
}
.ele-split-panel .ele-split-panel-tools {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: calc(var(--ele-split-panel-mask-index) + 1);
}
.ele-split-panel {
  /* 拉伸线 */
}
.ele-split-panel .ele-split-panel-resize {
  height: 100%;
  width: var(--ele-split-panel-resize-line-trigger);
  position: absolute;
  top: 0;
  left: calc(var(--ele-split-panel-resize-line-trigger) / 2 * -1);
  display: flex;
  justify-content: center;
  cursor: e-resize;
}
.ele-split-panel .ele-split-panel-resize::after {
  content: "";
  width: var(--ele-split-panel-resize-line-size);
  height: 100%;
}
.ele-split-panel .ele-split-panel-resize:hover::after {
  background: var(--ele-split-panel-resize-line-hover-bg);
}
.ele-split-panel {
  /* 折叠按钮 */
}
.ele-split-panel .ele-split-panel-collapse-btn {
  width: var(--ele-split-panel-collapse-btn-width);
  height: var(--ele-split-panel-collapse-btn-height);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: calc(var(--ele-split-panel-collapse-btn-height) / 2 * -1);
  margin-left: calc(var(--ele-split-panel-collapse-btn-width) / 2 * -1);
  background: var(--ele-split-panel-collapse-btn-bg);
  box-shadow: var(--ele-split-panel-collapse-btn-shadow);
  border: var(--ele-split-panel-collapse-btn-border);
  border-radius: var(--ele-split-panel-collapse-btn-radius);
  transition: all var(--ele-split-panel-collapse-transition);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ele-split-panel .ele-split-panel-collapse-btn .ele-split-panel-collapse-icon {
  font-size: var(--ele-split-panel-collapse-btn-font-size);
  color: var(--ele-split-panel-collapse-btn-color);
  transition: all var(--ele-split-panel-collapse-transition);
  transform: scaleX(1);
}
.ele-split-panel .ele-split-panel-collapse-btn:hover .ele-split-panel-collapse-icon {
  color: var(--ele-split-panel-collapse-btn-hover-color);
}
.ele-split-panel .ele-split-panel-collapse-btn {
  /* 最大化按钮 */
}
.ele-split-panel .ele-split-panel-collapse-btn.is-maximized-btn .ele-split-panel-collapse-icon {
  transform: scaleX(-1);
}
.ele-split-panel {
  /* 折叠按钮组 */
}
.ele-split-panel .ele-split-panel-collapse-btn-group {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: calc(var(--ele-split-panel-collapse-btn-height) / 2 * -1);
}
.ele-split-panel .ele-split-panel-collapse-btn-group > .ele-split-panel-collapse-btn {
  position: static;
  top: auto;
  left: auto;
  margin: 0;
}
.ele-split-panel {
  /* 折叠状态 */
}
.ele-split-panel.is-collapse > .ele-split-panel-wrap > .ele-split-panel-side {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.ele-split-panel.is-collapse > .ele-split-panel-wrap > .ele-split-panel-side * {
  pointer-events: none !important;
}
.ele-split-panel.is-collapse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-resize {
  visibility: hidden;
  pointer-events: none;
}
.ele-split-panel.is-collapse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn .ele-split-panel-collapse-icon {
  transform: scaleX(-1);
}
.ele-split-panel.is-collapse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group > .ele-split-panel-collapse-btn.is-collapse-btn {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.ele-split-panel.is-collapse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group > .ele-split-panel-collapse-btn.is-collapse-btn * {
  pointer-events: none;
}
.ele-split-panel {
  /* 最大化状态 */
}
.ele-split-panel.is-maximized > .ele-split-panel-wrap {
  width: 100% !important;
  margin: 0 !important;
}
.ele-split-panel.is-maximized > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-resize {
  visibility: hidden;
  pointer-events: none;
}
.ele-split-panel.is-maximized > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group > .ele-split-panel-collapse-btn.is-maximized-btn {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.ele-split-panel.is-maximized > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group > .ele-split-panel-collapse-btn.is-maximized-btn * {
  pointer-events: none;
}
.ele-split-panel {
  /* 垂直 */
}
.ele-split-panel.is-vertical {
  flex-direction: column;
}
.ele-split-panel.is-vertical > .ele-split-panel-wrap {
  flex-direction: column;
}
.ele-split-panel.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools {
  height: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  top: auto;
  right: auto;
}
.ele-split-panel.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-resize {
  width: 100%;
  height: var(--ele-split-panel-resize-line-trigger);
  top: calc(var(--ele-split-panel-resize-line-trigger) / 2 * -1);
  left: 0;
  flex-direction: column;
  cursor: n-resize;
}
.ele-split-panel.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-resize::after {
  width: 100%;
  height: var(--ele-split-panel-resize-line-size);
}
.ele-split-panel.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn .ele-split-panel-collapse-icon {
  transform: scaleY(1);
}
.ele-split-panel.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group {
  flex-direction: column;
  transform: translateY(-50%);
  margin-top: 0;
  margin-left: calc(var(--ele-split-panel-collapse-btn-height) / 2 * -1);
}
.ele-split-panel.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group > .ele-split-panel-collapse-btn.is-maximized-btn .ele-split-panel-collapse-icon {
  transform: scaleY(-1);
}
.ele-split-panel.is-vertical.is-collapse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn .ele-split-panel-collapse-icon {
  transform: scaleY(-1);
}
.ele-split-panel.is-vertical.is-maximized > .ele-split-panel-wrap {
  height: 100% !important;
  margin: 0 !important;
}
.ele-split-panel {
  /* 反向 */
}
.ele-split-panel.is-reverse {
  flex-direction: row-reverse;
}
.ele-split-panel.is-reverse > .ele-split-panel-wrap {
  flex-direction: row-reverse;
}
.ele-split-panel.is-reverse > .ele-split-panel-wrap > .ele-split-panel-tools {
  left: 0;
  right: auto;
}
.ele-split-panel.is-reverse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: calc(var(--ele-split-panel-collapse-btn-width) / 2 * -1);
}
.ele-split-panel.is-reverse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn .ele-split-panel-collapse-icon {
  transform: scaleX(-1);
}
.ele-split-panel.is-reverse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group {
  flex-direction: row-reverse;
}
.ele-split-panel.is-reverse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group > .ele-split-panel-collapse-btn .ele-split-panel-collapse-icon {
  transform: scaleX(-1);
}
.ele-split-panel.is-reverse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group > .ele-split-panel-collapse-btn.is-maximized-btn .ele-split-panel-collapse-icon {
  transform: none;
}
.ele-split-panel.is-reverse.is-collapse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn .ele-split-panel-collapse-icon {
  transform: scaleX(1);
}
.ele-split-panel.is-reverse.is-vertical {
  flex-direction: column-reverse;
}
.ele-split-panel.is-reverse.is-vertical > .ele-split-panel-wrap {
  flex-direction: column-reverse;
}
.ele-split-panel.is-reverse.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}
.ele-split-panel.is-reverse.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn {
  top: auto;
  bottom: 50%;
  margin-top: 0;
  margin-bottom: calc(var(--ele-split-panel-collapse-btn-height) / 2 * -1);
}
.ele-split-panel.is-reverse.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn .ele-split-panel-collapse-icon {
  transform: scaleY(-1);
}
.ele-split-panel.is-reverse.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group {
  flex-direction: column-reverse;
  transform: translateY(-50%);
  margin-top: 0;
  margin-left: calc(var(--ele-split-panel-collapse-btn-height) / 2 * -1);
}
.ele-split-panel.is-reverse.is-vertical > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn-group > .ele-split-panel-collapse-btn.is-collapse-btn .ele-split-panel-collapse-icon {
  transform: scaleY(-1);
}
.ele-split-panel.is-reverse.is-vertical.is-collapse > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-collapse-btn .ele-split-panel-collapse-icon {
  transform: scaleY(1);
}
.ele-split-panel {
  /* 拉伸状态 */
}
.ele-split-panel.is-resizing {
  user-select: none;
}
.ele-split-panel.is-resizing * {
  user-select: none !important;
}
.ele-split-panel.is-resizing > .ele-split-panel-wrap, .ele-split-panel.is-resizing > .ele-split-panel-wrap > .ele-split-panel-side {
  transition: none;
}
.ele-split-panel.is-resizing > .ele-split-panel-wrap > .ele-split-panel-tools > .ele-split-panel-resize::after {
  background: var(--ele-split-panel-resize-line-hover-bg);
}
.ele-split-panel {
  /* 遮罩层 */
}
.ele-split-panel .ele-split-panel-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all var(--ele-split-panel-collapse-transition);
  background: var(--ele-split-panel-mask-bg);
  z-index: var(--ele-split-panel-mask-index);
  display: none;
}
.ele-split-panel {
  /* 内部表格弹性布局 */
}
.ele-split-panel.is-flex-table {
  flex: 1;
}
.ele-split-panel.is-flex-table > .ele-split-panel-body, .ele-split-panel.is-flex-table > .ele-split-panel-wrap > .ele-split-panel-side {
  display: flex;
  flex-direction: column;
}
.ele-split-panel.is-flex-table > .ele-split-panel-body > .ele-pro-table, .ele-split-panel.is-flex-table > .ele-split-panel-wrap > .ele-split-panel-side > .ele-pro-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-split-panel.is-flex-table > .ele-split-panel-body > .ele-pro-table > .ele-pro-table-view, .ele-split-panel.is-flex-table > .ele-split-panel-wrap > .ele-split-panel-side > .ele-pro-table > .ele-pro-table-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.ele-split-panel.is-flex-auto-table {
  flex: auto;
}
.ele-split-panel.is-flex-auto-table > .ele-split-panel-body, .ele-split-panel.is-flex-auto-table > .ele-split-panel-wrap > .ele-split-panel-side {
  display: flex;
  flex-direction: column;
}
.ele-split-panel.is-flex-auto-table > .ele-split-panel-body > .ele-pro-table, .ele-split-panel.is-flex-auto-table > .ele-split-panel-wrap > .ele-split-panel-side > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-split-panel.is-flex-auto-table > .ele-split-panel-body > .ele-pro-table > .ele-pro-table-view, .ele-split-panel.is-flex-auto-table > .ele-split-panel-wrap > .ele-split-panel-side > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}

/* 侧栏顶部 */
.ele-split-panel-side-header,
.ele-split-panel-body-header {
  flex-shrink: 0;
  border-bottom: var(--ele-split-panel-side-header-border);
  padding: var(--ele-split-panel-side-header-padding);
  box-sizing: border-box;
  overflow: hidden;
}
.ele-split-panel-side-header .el-form-item,
.ele-split-panel-body-header .el-form-item {
  margin-bottom: var(--ele-split-panel-side-header-form-space);
}
.ele-split-panel-side-header + .ele-pro-table,
.ele-split-panel-body-header + .ele-pro-table {
  padding: var(--ele-split-panel-table-padding);
}
.ele-split-panel-side-header + .ele-pro-table.is-default-toolbar,
.ele-split-panel-body-header + .ele-pro-table.is-default-toolbar {
  padding: var(--ele-split-panel-table-default-padding);
}
.ele-split-panel-side-header + .ele-pro-table.is-maximized > .ele-toolbar.is-plain,
.ele-split-panel-body-header + .ele-pro-table.is-maximized > .ele-toolbar.is-plain {
  padding-left: 0;
  padding-right: 0;
}

/* 主体顶部 */
.ele-split-panel-body-header {
  padding: var(--ele-split-panel-body-header-padding);
}

/* 小屏幕样式 */
@media screen and (max-width: 767.99px) {
  .ele-split-panel.is-responsive:not(.is-vertical) > .ele-split-panel-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--ele-split-panel-side-pop-bg);
    z-index: calc(var(--ele-split-panel-mask-index) + 1);
  }
  .ele-split-panel.is-responsive:not(.is-vertical) > .ele-split-panel-wrap > .ele-split-panel-side {
    border: none;
  }
  .ele-split-panel.is-responsive:not(.is-vertical) > .ele-split-panel-mask {
    display: block;
  }
  .ele-split-panel.is-responsive:not(.is-vertical):not(.is-collapse) > .ele-split-panel-mask {
    visibility: visible;
    opacity: 1;
  }
  .ele-split-panel.is-responsive:not(.is-vertical):not(.is-collapse) > .ele-split-panel-body {
    z-index: 1;
  }
  .ele-split-panel.is-responsive:not(.is-vertical) {
    /* 反向 */
  }
  .ele-split-panel.is-responsive:not(.is-vertical).is-reverse > .ele-split-panel-wrap {
    right: 0;
    left: auto;
  }
}
@media screen and (max-height: 379.99px) {
  .ele-split-panel.is-responsive.is-vertical > .ele-split-panel-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--ele-split-panel-side-pop-bg);
    z-index: calc(var(--ele-split-panel-mask-index) + 1);
  }
  .ele-split-panel.is-responsive.is-vertical > .ele-split-panel-wrap > .ele-split-panel-side {
    border: none;
  }
  .ele-split-panel.is-responsive.is-vertical > .ele-split-panel-mask {
    display: block;
  }
  .ele-split-panel.is-responsive.is-vertical:not(.is-collapse) > .ele-split-panel-mask {
    visibility: visible;
    opacity: 1;
  }
  .ele-split-panel.is-responsive.is-vertical:not(.is-collapse) > .ele-split-panel-body {
    z-index: 1;
  }
  .ele-split-panel.is-responsive.is-vertical {
    /* 反向 */
  }
  .ele-split-panel.is-responsive.is-vertical.is-reverse > .ele-split-panel-wrap {
    bottom: 0;
    top: auto;
  }
}
/* 步骤条主题变量 */
.ele-steps {
  --ele-step-bg: var(--el-bg-color);
  --ele-step-backdrop-filter: none;
  --ele-step-line-size: 1px;
  --ele-step-line-color: var(--el-border-color-light);
  --ele-step-line-space: 8px;
  --ele-step-icon-size: 32px;
  --ele-step-icon-color: var(--el-text-color-secondary);
  --ele-step-icon-font-size: var(--el-font-size-base);
  --ele-step-icon-font-weight: normal;
  --ele-step-icon-bg: var(--el-bg-color);
  --ele-step-icon-border: 1px solid var(--el-border-color);
  --ele-step-color: var(--el-text-color-placeholder);
  --ele-step-font-size: var(--el-font-size-medium);
  --ele-step-font-weight: normal;
  --ele-step-line-height: 32px;
  --ele-step-margin: 8px;
  --ele-step-text-color: var(--el-text-color-placeholder);
  --ele-step-text-font-size: var(--el-font-size-base);
  --ele-step-text-line-height: 22px;
  --ele-step-text-margin: 2px;
  --ele-step-active-icon-color: #fff;
  --ele-step-active-icon-bg: var(--el-color-primary);
  --ele-step-active-icon-border: 1px solid var(--el-color-primary);
  --ele-step-active-color: var(--el-text-color-primary);
  --ele-step-active-text-color: var(--el-text-color-regular);
  --ele-step-finish-icon-color: var(--el-color-primary);
  --ele-step-finish-icon-font-size: var(--el-font-size-large);
  --ele-step-finish-icon-bg: var(--el-bg-color);
  --ele-step-finish-icon-border: 1px solid var(--el-color-primary);
  --ele-step-finish-color: var(--el-text-color-regular);
  --ele-step-finish-text-color: var(--el-text-color-secondary);
  --ele-step-finish-line-color: var(--el-color-primary);
  --ele-step-vertical-margin: 16px;
}

.ele-steps .el-step .el-step__head {
  width: auto;
  position: static;
  display: flex;
}
.ele-steps .el-step .el-step__main {
  padding: var(--ele-step-margin) 0 0 0;
  box-sizing: border-box;
}
.ele-steps .el-step {
  /* 线条 */
}
.ele-steps .el-step .el-step__line {
  background: none;
  border-style: solid;
  border-width: var(--ele-step-line-size);
  border-color: var(--ele-step-line-color);
  transition: border-color 0.2s;
}
.ele-steps .el-step .el-step__line-inner {
  display: none;
}
.ele-steps .el-step {
  /* 图标 */
}
.ele-steps .el-step .el-step__icon {
  width: auto;
  height: auto;
  display: flex;
  color: var(--ele-step-color);
  font-size: var(--ele-step-icon-size);
  background: none;
  transition: color 0.2s, border-color 0.2s, background-color 0.2s;
}
.ele-steps .el-step .el-step__icon.is-text {
  width: var(--ele-step-icon-size);
  height: var(--ele-step-icon-size);
  line-height: var(--ele-step-icon-size);
  font-size: var(--ele-step-icon-font-size);
  font-weight: var(--ele-step-icon-font-weight);
  background: var(--ele-step-icon-bg);
  border: var(--ele-step-icon-border);
}
.ele-steps .el-step .el-step__icon .el-step__icon-inner {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ele-steps .el-step {
  /* 标题 */
}
.ele-steps .el-step .el-step__title {
  color: var(--ele-step-color);
  font-size: var(--ele-step-font-size);
  font-weight: var(--ele-step-font-weight);
  line-height: var(--ele-step-line-height);
  padding: 0;
}
.ele-steps .el-step {
  /* 描述 */
}
.ele-steps .el-step .el-step__description {
  color: var(--ele-step-text-color);
  font-size: var(--ele-step-text-font-size);
  line-height: var(--ele-step-text-line-height);
  margin: var(--ele-step-text-margin) 0 0 0;
  padding: 0;
}
.ele-steps .el-step {
  /* 当前步骤 */
}
.ele-steps .el-step .el-step__head.is-process .el-step__icon {
  color: var(--ele-step-active-icon-bg);
}
.ele-steps .el-step .el-step__head.is-process .el-step__icon.is-text {
  color: var(--ele-step-active-icon-color);
  background: var(--ele-step-active-icon-bg);
  border: var(--ele-step-active-icon-border);
}
.ele-steps .el-step .el-step__title.is-process {
  color: var(--ele-step-active-color);
}
.ele-steps .el-step .el-step__description.is-process {
  color: var(--ele-step-active-text-color);
}
.ele-steps .el-step {
  /* 完成步骤 */
}
.ele-steps .el-step .el-step__head.is-finish .el-step__line,
.ele-steps .el-step .el-step__head.is-success .el-step__line {
  border-color: var(--ele-step-finish-line-color);
}
.ele-steps .el-step .el-step__head.is-finish .el-step__icon,
.ele-steps .el-step .el-step__head.is-success .el-step__icon {
  color: var(--ele-step-finish-icon-color);
}
.ele-steps .el-step .el-step__head.is-finish .el-step__icon.is-text,
.ele-steps .el-step .el-step__head.is-success .el-step__icon.is-text {
  background: var(--ele-step-finish-icon-bg);
  border: var(--ele-step-finish-icon-border);
}
.ele-steps .el-step .el-step__head.is-finish .el-step__icon .el-step__icon-inner.is-status,
.ele-steps .el-step .el-step__head.is-success .el-step__icon .el-step__icon-inner.is-status {
  font-size: var(--ele-step-finish-icon-font-size);
}
.ele-steps .el-step .el-step__title.is-finish,
.ele-steps .el-step .el-step__title.is-success {
  color: var(--ele-step-finish-color);
}
.ele-steps .el-step .el-step__description.is-finish,
.ele-steps .el-step .el-step__description.is-success {
  color: var(--ele-step-finish-text-color);
}
.ele-steps .el-step {
  /* 水平 */
}
.ele-steps .el-step.is-horizontal .el-step__line {
  top: calc((var(--ele-step-icon-size) - var(--ele-step-line-size)) / 2);
  left: calc(var(--ele-step-icon-size) + var(--ele-step-line-space));
  right: var(--ele-step-line-space);
  border-top: none;
  border-left: none;
  border-right: none;
  height: 0;
}
.ele-steps .el-step.is-horizontal.is-center .el-step__line {
  left: calc(50% + var(--ele-step-line-space) + var(--ele-step-icon-size) / 2);
  right: calc(-50% + var(--ele-step-line-space) + var(--ele-step-icon-size) / 2);
}
.ele-steps .el-step.is-horizontal.is-center .el-step__head {
  justify-content: center;
}
.ele-steps .el-step {
  /* 垂直 */
}
.ele-steps .el-step.is-vertical .el-step__line {
  left: calc((var(--ele-step-icon-size) - var(--ele-step-line-size)) / 2);
  top: calc(var(--ele-step-icon-size) + var(--ele-step-line-space));
  bottom: var(--ele-step-line-space);
  border-right: none;
  border-top: none;
  border-bottom: none;
  width: 0;
}
.ele-steps .el-step.is-vertical .el-step__main {
  padding: 0 0 0 var(--ele-step-vertical-margin);
}

/* 紧凑风格 */
.ele-steps.is-inline .el-step {
  display: flex;
  align-items: flex-start;
}
.ele-steps.is-inline .el-step .el-step__main {
  flex-grow: 1;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ele-steps.is-inline .el-step .el-step__main .el-step__title {
  padding: 0 var(--ele-step-line-space) 0 var(--ele-step-margin);
  background: var(--ele-step-bg);
  backdrop-filter: var(--ele-step-backdrop-filter);
  position: relative;
}
.ele-steps.is-inline .el-step .el-step__main .el-step__description {
  padding: 0 var(--ele-step-margin);
}

/* 标签栏主题变量 */
.ele-tab-bar {
  --ele-tab-bar-padding: 0;
  --ele-tab-bar-line-color: var(--el-border-color-light);
  --ele-tab-bar-height: 40px;
  --ele-tab-bar-space: 16px;
  --ele-tab-bar-font-size: var(--el-font-size-base);
  --ele-tab-bar-font-weight: normal;
  --ele-tab-bar-color: var(--el-text-color-regular);
  --ele-tab-bar-hover-color: var(--el-color-primary);
  --ele-tab-bar-hover-bg: transparent;
  --ele-tab-bar-active-color: var(--el-color-primary);
  --ele-tab-bar-active-bg: transparent;
  --ele-tab-bar-active-font-weight: normal;
  --ele-tab-bar-active-line-size: 2px;
  --ele-tab-bar-active-line-color: var(--el-color-primary);
  --ele-tab-bar-item-padding: 0 2px;
  --ele-tab-bar-item-radius: 0;
}

.ele-tab-bar {
  display: flex;
  align-items: center;
  padding: var(--ele-tab-bar-padding);
  box-sizing: border-box;
  position: relative;
  overflow: auto;
}
.ele-tab-bar::before {
  content: "";
  border-bottom: 1px solid var(--ele-tab-bar-line-color);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.ele-tab-bar.is-plain::before {
  display: none;
}

.ele-tab-nav {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: auto;
}

.ele-tab-item {
  flex-shrink: 0;
  height: var(--ele-tab-bar-height);
  line-height: var(--ele-tab-bar-height);
  color: var(--ele-tab-bar-color);
  font-size: var(--ele-tab-bar-font-size);
  font-weight: var(--ele-tab-bar-font-weight);
  padding: var(--ele-tab-bar-item-padding);
  border-radius: var(--ele-tab-bar-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  word-break: break-all;
  white-space: nowrap;
  position: relative;
  user-select: none;
  cursor: pointer;
}
.ele-tab-item + .ele-tab-item {
  margin-left: var(--ele-tab-bar-space);
}
.ele-tab-item::after {
  content: "";
  width: 100%;
  height: var(--ele-tab-bar-active-line-size);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transform: scaleX(0.0001);
  background: var(--ele-tab-bar-active-line-color);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ele-tab-item:hover {
  color: var(--ele-tab-bar-hover-color);
  background: var(--ele-tab-bar-hover-bg);
}
.ele-tab-item:active {
  background: var(--ele-tab-bar-active-bg);
}
.ele-tab-item.is-active {
  color: var(--ele-tab-bar-active-color);
  background: var(--ele-tab-bar-active-bg);
  font-weight: var(--ele-tab-bar-active-font-weight);
}
.ele-tab-item.is-active::after {
  opacity: 1;
  transform: scaleX(1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* 标签页主题变量 */
.ele-tabs-wrap {
  --ele-tab-bg: var(--el-bg-color);
  --ele-tab-header-bg: var(--el-fill-color-lighter);
  --ele-tab-line-color: var(--el-border-color-light);
  --ele-tab-height: 40px;
  --ele-tab-padding: 16px;
  --ele-tab-color: var(--el-text-color-regular);
  --ele-tab-font-size: var(--el-font-size-base);
  --ele-tab-font-weight: normal;
  --ele-tab-hover-color: var(--el-color-primary);
  --ele-tab-active-color: var(--el-color-primary);
  --ele-tab-close-size: var(--el-font-size-base);
  --ele-tab-close-color: var(--el-text-color-secondary);
  --ele-tab-close-font-size: var(--el-font-size-base);
  --ele-tab-close-radius: 50%;
  --ele-tab-close-hover-color: #fff;
  --ele-tab-close-hover-bg: var(--el-color-error);
  --ele-tab-active-close-color: var(--el-text-color-secondary);
  --ele-tab-active-close-hover-color: #fff;
  --ele-tab-active-close-hover-bg: var(--el-color-error);
  --ele-tab-icon-font-size: 15px;
  --ele-tab-tool-color: var(--el-text-color-secondary);
  --ele-tab-tool-font-size: var(--el-font-size-base);
  --ele-tab-tool-hover-color: var(--el-text-color-primary);
  --ele-tab-hover-index: 3;
  --ele-tab-active-index: 4;
  --ele-tab-scroll-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-tab-scroll-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-tab-sm-height: 32px;
  --ele-tab-sm-padding: 12px;
  --ele-tab-sm-font-size: var(--el-font-size-small);
  --ele-tab-sm-close-size: var(--el-font-size-small);
  --ele-tab-sm-close-font-size: var(--el-font-size-small);
  --ele-tab-sm-icon-font-size: 14px;
  --ele-tab-sm-tool-font-size: var(--el-font-size-small);
  --ele-tab-lg-height: 52px;
  --ele-tab-lg-padding: 22px;
  --ele-tab-lg-font-size: var(--el-font-size-medium);
  --ele-tab-lg-close-size: var(--el-font-size-medium);
  --ele-tab-lg-close-font-size: var(--el-font-size-medium);
  --ele-tab-lg-icon-font-size: 17px;
  --ele-tab-lg-tool-font-size: var(--el-font-size-medium);
  --ele-tab-simple-radius: 0;
  --ele-tab-simple-hover-color: var(--el-text-color-primary);
  --ele-tab-simple-hover-bg: rgba(0, 0, 0, 0.025);
  --ele-tab-simple-active-color: var(--el-color-primary);
  --ele-tab-simple-active-bg: var(--el-color-primary-light-9);
  --ele-tab-simple-active-weight: normal;
  --ele-tab-simple-active-line: 2px;
  --ele-tab-simple-line-width: 100%;
  --ele-tab-simple-line-display: block;
  --ele-tab-simple-angle-size: 0px;
  --ele-tab-simple-angle-display: none;
  --ele-tab-simple-tool-hover-bg: var(--ele-tab-simple-hover-bg);
  --ele-tab-indicator-dot-size: 8px;
  --ele-tab-indicator-dot-color: #d9d9d9;
  --ele-tab-indicator-dot-hover-color: #b6b6b6;
  --ele-tab-indicator-dot-active-color: var(--el-color-primary);
  --ele-tab-indicator-margin: 6px;
  --ele-tab-tag-space: 4px;
  --ele-tab-tag-radius: var(--el-border-radius-base);
  --ele-tab-button-padding: 8px;
  --ele-tab-button-space: 8px;
  --ele-tab-button-radius: 4px;
  --ele-tab-button-bg: var(--el-bg-color);
  --ele-tab-button-shadow: 0 0 0 0.8px var(--el-border-color-lighter) inset;
  --ele-tab-button-hover-color: var(--el-color-primary);
  --ele-tab-button-hover-bg: var(--ele-tab-button-bg);
  --ele-tab-button-hover-shadow: var(--ele-tab-button-shadow);
  --ele-tab-button-active-color: var(--el-color-primary);
  --ele-tab-button-active-bg: var(--ele-tab-button-bg);
  --ele-tab-button-active-shadow: 0 0 0 0.8px var(--el-border-color) inset;
  --ele-tab-button-active-weight: normal;
}

/* 标签页 */
.ele-tabs.el-tabs > .el-tabs__header {
  flex-shrink: 0;
  margin: 0;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap {
  margin: 0;
  padding: 0;
  display: flex;
  box-sizing: border-box;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap::after {
  height: 0.8px;
  background: var(--ele-tab-line-color);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-scroll {
  flex: 1;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav {
  float: none;
  height: auto;
  width: max-content;
  display: inline-flex;
  box-sizing: border-box;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__item {
  display: block;
  height: var(--ele-tab-height);
  line-height: var(--ele-tab-height);
  color: var(--ele-tab-color);
  font-size: var(--ele-tab-font-size);
  font-weight: var(--ele-tab-font-weight);
  transition-duration: 0.2s;
  transition-property: color, background-color, border-color, box-shadow;
  border: none;
  margin: 0;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__item:hover {
  color: var(--ele-tab-hover-color);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__item.is-active {
  color: var(--ele-tab-active-color);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__item:focus-visible {
  box-shadow: none;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-closable,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-top.is-closable {
  padding: 0;
}
.ele-tabs.el-tabs > .el-tabs__header {
  /* 标题 */
}
.ele-tabs.el-tabs > .el-tabs__header .ele-tab-title {
  height: 100%;
  padding: 0 var(--ele-tab-padding);
  box-sizing: border-box;
  position: static;
  outline: none;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-padding) + var(--ele-tab-close-size) / 2 + var(--ele-tab-padding) / 4);
}
.ele-tabs.el-tabs > .el-tabs__header .ele-tab-icon {
  font-size: var(--ele-tab-icon-font-size);
  vertical-align: -2px;
}
.ele-tabs.el-tabs > .el-tabs__header {
  /* 关闭图标 */
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
  margin: 0;
  width: var(--ele-tab-close-size);
  height: var(--ele-tab-close-size);
  color: var(--ele-tab-close-color);
  font-size: var(--ele-tab-close-font-size);
  border-radius: var(--ele-tab-close-radius);
  position: absolute;
  right: calc(var(--ele-tab-padding) / 2);
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.2s, background-color 0.2s;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close > svg {
  margin: 0;
  pointer-events: none;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close:hover {
  color: var(--ele-tab-close-hover-color);
  background: var(--ele-tab-close-hover-bg);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__item.is-active .is-icon-close {
  color: var(--ele-tab-active-close-color);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__item.is-active .is-icon-close:hover {
  color: var(--ele-tab-active-close-hover-color);
  background: var(--ele-tab-active-close-hover-bg);
}
.ele-tabs.el-tabs > .el-tabs__header {
  /* 左右箭头 */
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next {
  flex-shrink: 0;
  width: var(--ele-tab-height);
  height: var(--ele-tab-height);
  line-height: var(--ele-tab-height);
  color: var(--ele-tab-tool-color);
  font-size: var(--ele-tab-tool-font-size);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  right: auto;
  left: auto;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev:not(.is-disabled):hover,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next:not(.is-disabled):hover {
  color: var(--ele-tab-tool-hover-color);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev.is-disabled,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next.is-disabled {
  cursor: not-allowed;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev::before, .ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev::before,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next::before,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next::before {
  content: "";
  width: 10px;
  position: absolute;
  top: 0;
  bottom: -1px;
  transition: box-shadow 0.2s;
  pointer-events: none;
  z-index: calc(var(--ele-tab-active-index) + 1);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev::before {
  right: -10px;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next::before {
  left: -10px;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev:not(.is-disabled)::before {
  box-shadow: var(--ele-tab-scroll-left-shadow);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next:not(.is-disabled)::before {
  box-shadow: var(--ele-tab-scroll-right-shadow);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next {
  order: 1;
}
.ele-tabs.el-tabs > .el-tabs__header {
  /* 左右反圆角 */
}
.ele-tabs.el-tabs > .el-tabs__header .ele-tab-corner-left,
.ele-tabs.el-tabs > .el-tabs__header .ele-tab-corner-right {
  display: none;
}

/* 小型尺寸 */
.ele-tabs.is-small > .el-tabs__header .el-tabs__item {
  height: var(--ele-tab-sm-height);
  line-height: var(--ele-tab-sm-height);
  font-size: var(--ele-tab-sm-font-size);
}
.ele-tabs.is-small > .el-tabs__header .ele-tab-title {
  padding: 0 var(--ele-tab-sm-padding);
}
.ele-tabs.is-small > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-sm-padding) + var(--ele-tab-sm-close-size) / 2 + var(--ele-tab-sm-padding) / 4);
}
.ele-tabs.is-small > .el-tabs__header .ele-tab-icon {
  font-size: var(--ele-tab-sm-icon-font-size);
}
.ele-tabs.is-small > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
  width: var(--ele-tab-sm-close-size);
  height: var(--ele-tab-sm-close-size);
  font-size: var(--ele-tab-sm-close-font-size);
  right: calc(var(--ele-tab-sm-padding) / 2);
}
.ele-tabs.is-small > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-small > .el-tabs__header .el-tabs__nav-next {
  width: var(--ele-tab-sm-height);
  height: var(--ele-tab-sm-height);
  font-size: var(--ele-tab-sm-tool-font-size);
}

/* 大型尺寸 */
.ele-tabs.is-large > .el-tabs__header .el-tabs__item {
  height: var(--ele-tab-lg-height);
  line-height: var(--ele-tab-lg-height);
  font-size: var(--ele-tab-lg-font-size);
}
.ele-tabs.is-large > .el-tabs__header .ele-tab-title {
  padding: 0 var(--ele-tab-lg-padding);
}
.ele-tabs.is-large > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-lg-padding) + var(--ele-tab-lg-close-size) / 2 + var(--ele-tab-lg-padding) / 4);
}
.ele-tabs.is-large > .el-tabs__header .ele-tab-icon {
  font-size: var(--ele-tab-lg-icon-font-size);
}
.ele-tabs.is-large > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
  width: var(--ele-tab-lg-close-size);
  height: var(--ele-tab-lg-close-size);
  font-size: var(--ele-tab-lg-close-font-size);
  right: calc(var(--ele-tab-lg-padding) / 2);
}
.ele-tabs.is-large > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-large > .el-tabs__header .el-tabs__nav-next {
  width: var(--ele-tab-lg-height);
  height: var(--ele-tab-lg-height);
  font-size: var(--ele-tab-lg-tool-font-size);
}

/* 标签居中 */
.ele-tabs.is-center > .el-tabs__header .el-tabs__nav-scroll {
  text-align: center;
}

/* 卡片风格 */
.ele-tabs.el-tabs--card > .el-tabs__header {
  height: auto;
  border: none;
  box-shadow: 0 -0.8px 0 var(--ele-tab-line-color) inset;
}
.ele-tabs.el-tabs--card > .el-tabs__header .el-tabs__item + .el-tabs__item {
  border-left: 1px solid var(--ele-tab-line-color);
}
.ele-tabs.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background: var(--ele-tab-bg);
}
.ele-tabs.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid var(--ele-tab-line-color);
  border-bottom: none;
  overflow: hidden;
}

/* 边框卡片风格 */
.ele-tabs.el-tabs--border-card {
  background: var(--ele-tab-bg);
  border: 1px solid var(--ele-tab-line-color);
}
.ele-tabs.el-tabs--border-card > .el-tabs__header {
  border: none;
  background: var(--ele-tab-header-bg);
  box-shadow: 0 -0.8px 0 var(--ele-tab-line-color) inset;
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  border-color: var(--ele-tab-line-color);
  background: var(--ele-tab-bg);
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__nav > .el-tabs__item:first-child {
  border-left: none;
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap.is-scrollable .el-tabs__item:last-child {
  border-right: none;
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__nav-prev {
  border-right: 1px solid var(--ele-tab-line-color);
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__nav-next {
  border-left: 1px solid var(--ele-tab-line-color);
}

/* 默认风格 */
.ele-tabs.is-default > .el-tabs__header .el-tabs__item + .el-tabs__item,
.ele-tabs.is-plain > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: calc(var(--ele-tab-padding) * 2 - 4px);
}
.ele-tabs.is-default > .el-tabs__header .ele-tab-title,
.ele-tabs.is-plain > .el-tabs__header .ele-tab-title {
  padding: 0 2px;
}
.ele-tabs.is-default > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title,
.ele-tabs.is-plain > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-close-size) + 2px);
}
.ele-tabs.is-default > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close,
.ele-tabs.is-plain > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
  right: 0;
}
.ele-tabs.is-default.is-small > .el-tabs__header .el-tabs__item + .el-tabs__item,
.ele-tabs.is-plain.is-small > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: calc(var(--ele-tab-sm-padding) * 2 - 4px);
}
.ele-tabs.is-default.is-small > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title,
.ele-tabs.is-plain.is-small > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-sm-close-size) + 2px);
}
.ele-tabs.is-default.is-large > .el-tabs__header .el-tabs__item + .el-tabs__item,
.ele-tabs.is-plain.is-large > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: calc(var(--ele-tab-lg-padding) * 2 - 4px);
}
.ele-tabs.is-default.is-large > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title,
.ele-tabs.is-plain.is-large > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-lg-close-size) + 2px);
}

/* 朴素风格 */
.ele-tabs.is-plain > .el-tabs__header .el-tabs__nav-wrap::after {
  display: none;
}

/* 简约风格 */
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item {
  border-radius: var(--ele-tab-simple-radius);
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav-next,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-height) - var(--ele-tab-simple-angle-size));
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav-prev:not(.is-disabled):hover,
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav-next:not(.is-disabled):hover,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav-prev:not(.is-disabled):hover,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav-next:not(.is-disabled):hover {
  background: var(--ele-tab-simple-tool-hover-bg);
}
.ele-tabs.is-simple > .el-tabs__header,
.ele-tabs.is-indicator > .el-tabs__header {
  /* 第一个和最后一个页签预留反圆角位置 */
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav > .el-tabs__item,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav > .el-tabs__item {
  border-left: var(--ele-tab-simple-angle-size) solid transparent;
  border-right: var(--ele-tab-simple-angle-size) solid transparent;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav > .el-tabs__item + .el-tabs__item,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav > .el-tabs__item + .el-tabs__item {
  margin-left: calc(var(--ele-tab-simple-angle-size) * -2);
}

.ele-tabs.is-simple > .el-tabs__header .el-tabs__item,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item {
  transition-property: color;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-title,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-title {
  border-radius: inherit;
  transition: background-color 0.2s;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item:hover,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item:hover {
  color: var(--ele-tab-simple-hover-color);
  z-index: var(--ele-tab-hover-index);
  background: transparent;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item:hover .ele-tab-title,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item:hover .ele-tab-title {
  background: var(--ele-tab-simple-hover-bg);
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item.is-active,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item.is-active {
  color: var(--ele-tab-simple-active-color);
  font-weight: var(--ele-tab-simple-active-weight);
  z-index: var(--ele-tab-active-index);
  background: transparent;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item.is-active .ele-tab-title,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item.is-active .ele-tab-title {
  background: var(--ele-tab-simple-active-bg);
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav-wrap::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav-wrap::after {
  display: none;
}

/* 简约风格指示线 */
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item::after {
  content: "";
  width: 0;
  height: var(--ele-tab-simple-active-line);
  display: var(--ele-tab-simple-line-display);
  background: var(--el-color-primary);
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item.is-active::after {
  width: var(--ele-tab-simple-line-width);
}

/* 简约风格两侧反圆角 */
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-left,
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-right,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-left,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-right {
  width: var(--ele-tab-simple-angle-size);
  height: var(--ele-tab-simple-angle-size);
  display: var(--ele-tab-simple-angle-display);
  align-items: flex-end;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-left::after,
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-right::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-left::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-right::after {
  content: "";
  flex-shrink: 0;
  width: 200%;
  height: 200%;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) transparent;
  transition: box-shadow 0.2s;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-left,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-left {
  right: 100%;
  justify-content: flex-end;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-right,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-right {
  left: 100%;
  justify-content: flex-start;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item:hover .ele-tab-corner-left::after, .ele-tabs.is-simple > .el-tabs__header .el-tabs__item:hover .ele-tab-corner-right::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item:hover .ele-tab-corner-left::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item:hover .ele-tab-corner-right::after {
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) var(--ele-tab-simple-hover-bg);
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item.is-active .ele-tab-corner-left::after, .ele-tabs.is-simple > .el-tabs__header .el-tabs__item.is-active .ele-tab-corner-right::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item.is-active .ele-tab-corner-left::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item.is-active .ele-tab-corner-right::after {
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) var(--ele-tab-simple-active-bg);
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-title::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-title::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--ele-tab-simple-angle-size) * -1);
  right: calc(var(--ele-tab-simple-angle-size) * -1);
  bottom: 0;
}

/* 指示器风格 */
.ele-tabs.is-indicator > .el-tabs__header .ele-tab-title {
  padding-left: calc(var(--ele-tab-padding) + var(--ele-tab-indicator-dot-size) / 2 + var(--ele-tab-indicator-margin));
}
.ele-tabs.is-indicator > .el-tabs__header .ele-tab-title::before {
  content: "";
  width: var(--ele-tab-indicator-dot-size);
  height: var(--ele-tab-indicator-dot-size);
  border-radius: 50%;
  background: var(--ele-tab-indicator-dot-color);
  position: absolute;
  left: calc(var(--ele-tab-padding) - var(--ele-tab-indicator-dot-size) / 2);
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.2s;
}
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item:hover .ele-tab-title::before {
  background: var(--ele-tab-indicator-dot-hover-color);
}
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item.is-active .ele-tab-title::before {
  background: var(--ele-tab-indicator-dot-active-color);
}
.ele-tabs.is-indicator.is-small > .el-tabs__header .ele-tab-title {
  padding-left: calc(var(--ele-tab-sm-padding) + var(--ele-tab-indicator-dot-size) / 2 + var(--ele-tab-indicator-margin));
}
.ele-tabs.is-indicator.is-small > .el-tabs__header .ele-tab-title::before {
  left: calc(var(--ele-tab-sm-padding) - var(--ele-tab-indicator-dot-size) / 2);
}
.ele-tabs.is-indicator.is-large > .el-tabs__header .ele-tab-title {
  padding-left: calc(var(--ele-tab-lg-padding) + var(--ele-tab-indicator-dot-size) / 2 + var(--ele-tab-indicator-margin));
}
.ele-tabs.is-indicator.is-large > .el-tabs__header .ele-tab-title::before {
  left: calc(var(--ele-tab-lg-padding) - var(--ele-tab-indicator-dot-size) / 2);
}

/* 标签风格 */
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav {
  padding-top: var(--ele-tab-tag-space);
  padding-bottom: var(--ele-tab-tag-space);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  border-radius: var(--ele-tab-tag-radius);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: var(--ele-tab-tag-space);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__item:hover {
  color: var(--ele-tab-simple-hover-color);
  z-index: var(--ele-tab-hover-index);
  background: var(--ele-tab-simple-hover-bg);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__item.is-active {
  color: var(--ele-tab-simple-active-color);
  font-weight: var(--ele-tab-simple-active-weight);
  z-index: var(--ele-tab-active-index);
  background: var(--ele-tab-simple-active-bg);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  margin-top: var(--ele-tab-tag-space);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav-prev::before,
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav-next::before {
  display: none;
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav-wrap::after {
  display: none;
}
.ele-tabs.is-tag.is-small > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
}
.ele-tabs.is-tag.is-small > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-tag.is-small > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
}
.ele-tabs.is-tag.is-large > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
}
.ele-tabs.is-tag.is-large > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-tag.is-large > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
}

/* 按钮风格 */
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav {
  padding-top: var(--ele-tab-button-padding);
  padding-bottom: var(--ele-tab-button-padding);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  border-radius: var(--ele-tab-button-radius);
  background: var(--ele-tab-button-bg);
  box-shadow: var(--ele-tab-button-shadow);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: var(--ele-tab-button-space);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__item:hover {
  color: var(--ele-tab-button-hover-color);
  background: var(--ele-tab-button-hover-bg);
  box-shadow: var(--ele-tab-button-hover-shadow);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__item.is-active {
  color: var(--ele-tab-button-active-color);
  font-weight: var(--ele-tab-button-active-weight);
  background: var(--ele-tab-button-active-bg);
  box-shadow: var(--ele-tab-button-active-shadow);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  margin-top: var(--ele-tab-button-padding);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav-prev::before,
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav-next::before {
  display: none;
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav-wrap::after {
  display: none;
}
.ele-tabs.is-button.is-small > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
}
.ele-tabs.is-button.is-small > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-button.is-small > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
}
.ele-tabs.is-button.is-large > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
}
.ele-tabs.is-button.is-large > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-button.is-large > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
}

/* 拖动 */
.ele-tabs.is-sortable > .el-tabs__header .el-tabs__item {
  user-select: none;
}
.ele-tabs.is-sortable > .el-tabs__header .el-tabs__item.sortable-ghost {
  opacity: 0;
}
.ele-tabs.is-sortable > .el-tabs__header .el-tabs__item.sortable-chosen {
  background: var(--el-bg-color);
}
.ele-tabs.is-sortable.is-simple > .el-tabs__header .el-tabs__item.sortable-chosen, .ele-tabs.is-sortable.is-indicator > .el-tabs__header .el-tabs__item.sortable-chosen {
  background: none;
}
.ele-tabs.is-sortable.is-simple > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-title, .ele-tabs.is-sortable.is-indicator > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-title {
  background: var(--ele-tab-simple-active-bg);
}
.ele-tabs.is-sortable.is-simple > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-corner-left::after,
.ele-tabs.is-sortable.is-simple > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-corner-right::after, .ele-tabs.is-sortable.is-indicator > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-corner-left::after,
.ele-tabs.is-sortable.is-indicator > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-corner-right::after {
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) var(--ele-tab-simple-active-bg);
}
.ele-tabs.is-sortable.is-button > .el-tabs__header .el-tabs__item.sortable-chosen {
  background: var(--ele-tab-button-active-bg);
}
.ele-tabs.is-sortable.is-tag > .el-tabs__header .el-tabs__item.sortable-chosen {
  background: var(--ele-tab-simple-active-bg);
}

/* 页签操作按钮 */
.ele-tab-tool {
  flex-shrink: 0;
  height: var(--ele-tab-height);
  line-height: var(--ele-tab-height);
  min-width: var(--ele-tab-height);
  text-align: center;
  color: var(--ele-tab-tool-color);
  font-size: var(--ele-tab-tool-font-size);
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: 0.2s;
  position: relative;
  cursor: pointer;
}
.ele-tab-tool:hover {
  color: var(--ele-tab-tool-hover-color);
}
.ele-tab-tool {
  /* 模拟页签 */
}
.ele-tab-tool.is-tab {
  color: var(--ele-tab-color);
  font-size: var(--ele-tab-font-size);
}
.ele-tab-tool.is-tab:hover {
  color: var(--ele-tab-hover-color);
}
.ele-tab-tool.is-tab.is-active {
  color: var(--ele-tab-active-color);
}
.ele-tab-tool {
  /* 标题 */
}
.ele-tab-tool .ele-tab-title {
  height: 100%;
  padding: 0 var(--ele-tab-padding);
  box-sizing: border-box;
  outline: none;
}
.ele-tab-tool .ele-tab-icon {
  font-size: var(--ele-tab-icon-font-size);
  vertical-align: -2px;
}
.ele-tab-tool {
  /* 下拉菜单 */
}
.ele-tab-tool > .el-dropdown {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  position: static;
  cursor: inherit;
  display: block;
}

/* 页签容器 */
.ele-tab-wrap {
  display: flex;
  box-sizing: border-box;
  position: relative;
  /* 页签 */
}
.ele-tab-wrap > .ele-tabs {
  flex: 1;
  overflow: hidden;
}
.ele-tab-wrap > .ele-tabs .el-tabs__content {
  display: none;
}
.ele-tab-wrap {
  /* 抵消反圆角预留间距 */
}
.ele-tab-wrap .ele-tab-tool.is-tab .ele-tab-corner-left,
.ele-tab-wrap .ele-tab-tool.is-tab .ele-tab-corner-right {
  display: none;
}
.ele-tab-wrap .ele-tab-tool.is-tab + .ele-tabs.is-simple, .ele-tab-wrap .ele-tab-tool.is-tab + .ele-tabs.is-indicator {
  margin-left: calc(var(--ele-tab-simple-angle-size) * -1);
}
.ele-tab-wrap .ele-tab-tool.is-tab + .ele-tabs.is-simple .el-tabs__nav-wrap.is-scrollable, .ele-tab-wrap .ele-tab-tool.is-tab + .ele-tabs.is-indicator .el-tabs__nav-wrap.is-scrollable {
  padding-left: var(--ele-tab-simple-angle-size);
}
.ele-tab-wrap {
  /* 小型尺寸 */
}
.ele-tab-wrap.is-small .ele-tab-tool {
  height: var(--ele-tab-sm-height);
  line-height: var(--ele-tab-sm-height);
  min-width: var(--ele-tab-sm-height);
  font-size: var(--ele-tab-sm-tool-font-size);
}
.ele-tab-wrap.is-small .ele-tab-tool.is-tab {
  font-size: var(--ele-tab-sm-font-size);
}
.ele-tab-wrap.is-small .ele-tab-tool .ele-tab-icon {
  font-size: var(--ele-tab-sm-icon-font-size);
}
.ele-tab-wrap {
  /* 大型尺寸 */
}
.ele-tab-wrap.is-large .ele-tab-tool {
  height: var(--ele-tab-lg-height);
  line-height: var(--ele-tab-lg-height);
  min-width: var(--ele-tab-lg-height);
  font-size: var(--ele-tab-lg-tool-font-size);
}
.ele-tab-wrap.is-large .ele-tab-tool.is-tab {
  font-size: var(--ele-tab-lg-font-size);
}
.ele-tab-wrap.is-large .ele-tab-tool .ele-tab-icon {
  font-size: var(--ele-tab-lg-icon-font-size);
}
.ele-tab-wrap {
  /* 简约风格和指示器风格以及标签风格 */
}
.ele-tab-wrap.is-simple .ele-tab-tool:hover, .ele-tab-wrap.is-indicator .ele-tab-tool:hover, .ele-tab-wrap.is-tag .ele-tab-tool:hover {
  background: var(--ele-tab-simple-tool-hover-bg);
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab:hover, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab:hover, .ele-tab-wrap.is-tag .ele-tab-tool.is-tab:hover {
  color: var(--ele-tab-simple-hover-color);
  background: var(--ele-tab-simple-hover-bg);
  z-index: var(--ele-tab-hover-index);
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab.is-active, .ele-tab-wrap.is-tag .ele-tab-tool.is-tab.is-active {
  color: var(--ele-tab-simple-active-color);
  font-weight: var(--ele-tab-simple-active-weight);
  background: var(--ele-tab-simple-active-bg);
  z-index: var(--ele-tab-active-index);
}
.ele-tab-wrap.is-simple .ele-tab-tool, .ele-tab-wrap.is-indicator .ele-tab-tool {
  border-radius: var(--ele-tab-simple-radius);
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab {
  z-index: var(--ele-tab-hover-index);
  /* 两侧反圆角 */
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-left,
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-right, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-left,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-right {
  width: var(--ele-tab-simple-angle-size);
  height: var(--ele-tab-simple-angle-size);
  display: var(--ele-tab-simple-angle-display);
  align-items: flex-end;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-left::after,
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-right::after, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-left::after,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-right::after {
  content: "";
  flex-shrink: 0;
  width: 200%;
  height: 200%;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) transparent;
  transition: box-shadow 0.2s;
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-left, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-left {
  right: 100%;
  justify-content: flex-end;
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-right, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-right {
  left: 100%;
  justify-content: flex-start;
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab:hover .ele-tab-corner-left::after, .ele-tab-wrap.is-simple .ele-tab-tool.is-tab:hover .ele-tab-corner-right::after, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab:hover .ele-tab-corner-left::after, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab:hover .ele-tab-corner-right::after {
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) var(--ele-tab-simple-hover-bg);
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active .ele-tab-corner-left::after, .ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active .ele-tab-corner-right::after, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab.is-active .ele-tab-corner-left::after, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab.is-active .ele-tab-corner-right::after {
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) var(--ele-tab-simple-active-bg);
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab::after {
  content: "";
  width: 0;
  height: var(--ele-tab-simple-active-line);
  display: var(--ele-tab-simple-line-display);
  background: var(--el-color-primary);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active::after {
  width: var(--ele-tab-simple-line-width);
}
.ele-tab-wrap {
  /* 标签风格 */
}
.ele-tab-wrap.is-tag .ele-tab-tool {
  height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  min-width: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  border-radius: var(--ele-tab-tag-radius);
  margin-top: var(--ele-tab-tag-space);
  margin-bottom: var(--ele-tab-tag-space);
}
.ele-tab-wrap.is-tag .ele-tab-tool + .ele-tab-tool {
  margin-left: var(--ele-tab-tag-space);
}
.ele-tab-wrap.is-tag.is-small .ele-tab-tool {
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
  min-width: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
}
.ele-tab-wrap.is-tag.is-large .ele-tab-tool {
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
  min-width: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
}
.ele-tab-wrap {
  /* 按钮风格 */
}
.ele-tab-wrap.is-button .ele-tab-tool {
  height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  min-width: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  border-radius: var(--ele-tab-button-radius);
  background: var(--ele-tab-button-hover-bg);
  box-shadow: var(--ele-tab-button-hover-shadow);
  margin-top: var(--ele-tab-button-padding);
  margin-bottom: var(--ele-tab-button-padding);
}
.ele-tab-wrap.is-button .ele-tab-tool + .ele-tab-tool {
  margin-left: var(--ele-tab-button-space);
}
.ele-tab-wrap.is-button .ele-tab-tool:not(.is-tab):hover {
  box-shadow: var(--ele-tab-button-active-shadow);
}
.ele-tab-wrap.is-button .ele-tab-tool.is-tab {
  background: var(--ele-tab-button-bg);
  box-shadow: var(--ele-tab-button-shadow);
}
.ele-tab-wrap.is-button .ele-tab-tool.is-tab:hover {
  color: var(--ele-tab-button-hover-color);
  background: var(--ele-tab-button-hover-bg);
  box-shadow: var(--ele-tab-button-hover-shadow);
}
.ele-tab-wrap.is-button .ele-tab-tool.is-tab.is-active {
  color: var(--ele-tab-button-active-color);
  font-weight: var(--ele-tab-button-active-weight);
  background: var(--ele-tab-button-active-bg);
  box-shadow: var(--ele-tab-button-active-shadow);
}
.ele-tab-wrap.is-button.is-small .ele-tab-tool {
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
  min-width: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
}
.ele-tab-wrap.is-button.is-large .ele-tab-tool {
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
  min-width: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
}

/* 内部表格高度铺满 */
.ele-tabs.is-flex-table {
  flex: 1;
  overflow: hidden;
}
.ele-tabs.is-flex-table > .el-tabs__content {
  flex: 1;
  overflow: hidden;
}
.ele-tabs.is-flex-table > .el-tabs__content > .el-tab-pane {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: auto;
}
.ele-tabs.is-flex-table > .el-tabs__content > .el-tab-pane > .ele-pro-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-tabs.is-flex-table > .el-tabs__content > .el-tab-pane > .ele-pro-table > .ele-pro-table-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}

.ele-tabs.is-flex-auto-table {
  flex: auto;
}
.ele-tabs.is-flex-auto-table > .el-tabs__content {
  flex: auto;
}
.ele-tabs.is-flex-auto-table > .el-tabs__content > .el-tab-pane {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.ele-tabs.is-flex-auto-table > .el-tabs__content > .el-tab-pane > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-tabs.is-flex-auto-table > .el-tabs__content > .el-tab-pane > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}

/* 静态表格主题变量 */
/* 静态表格圆角 */
.ele-table {
  --ele-table-radius: 0;
  --ele-table-color: var(--el-text-color-regular);
  --ele-table-border-color: var(--el-border-color-light);
  --ele-table-font-size: var(--el-font-size-base);
  --ele-table-line-height: 1.71428565;
  --ele-table-padding: 9px 12px;
  --ele-table-th-color: var(--el-text-color-primary);
  --ele-table-th-font-weight: normal;
  --ele-table-th-bg: var(--el-fill-color-lighter);
  --ele-table-tr-bg: var(--el-bg-color);
  --ele-table-tr-hover-bg: var(--el-fill-color-light);
  --ele-table-tr-active-bg: var(--el-color-primary-light-9);
  --ele-table-tr-active-hover-bg: var(--el-color-primary-light-8);
  --ele-table-even-bg: var(--el-fill-color-lighter);
  --ele-table-lg-size: var(--el-font-size-base);
  --ele-table-lg-padding: 13px 16px;
  --ele-table-lg-radius: 0;
  --ele-table-sm-size: var(--el-font-size-extra-small);
  --ele-table-sm-padding: 4px 8px;
  --ele-table-sm-radius: 0;
  --ele-table-icon-color: var(--el-text-color-disabled);
  --ele-table-icon-hover-color: var(--el-text-color-secondary);
  --ele-table-icon-hover-bg: rgba(0, 0, 0, 0.08);
  --ele-table-icon-radius: var(--el-border-radius-small);
  --ele-table-icon-margin: 6px;
  --ele-table-sort-size: 5px;
  --ele-table-sort-space: 4px;
  --ele-table-sort-hover-bg: var(--el-fill-color);
  --ele-table-filter-size: 14px;
  --ele-table-filter-padding: 4px 2px;
  --ele-table-filter-margin: 0 -6px 0 4px;
  --ele-table-expand-margin: 0 4px 0 -2px;
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-table-fixed-backdrop-filter: none;
  --ele-table-sticky-top: 0;
  --ele-table-fixed-header-sticky-top: 94px;
  --ele-table-maximized-sticky-top: 40px;
  --ele-table-fix-height: 0.45px;
}

.ele-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border-width: 0;
  border-style: solid;
  border-color: var(--ele-table-border-color);
  /* 单元格样式 */
}
.ele-table > tr > th, .ele-table > tr > td, .ele-table > thead > tr > th, .ele-table > thead > tr > td, .ele-table > tbody > tr > th, .ele-table > tbody > tr > td, .ele-table > tfoot > tr > th, .ele-table > tfoot > tr > td {
  color: var(--ele-table-color);
  font-size: var(--ele-table-font-size);
  font-weight: normal;
  line-height: var(--ele-table-line-height);
  padding: var(--ele-table-padding);
  transition: background-color 0.2s;
  border-width: 0;
  border-style: solid;
  border-color: var(--ele-table-border-color);
  border-bottom-width: 1px;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: left;
  /* 单元格对齐方式 */
}
.ele-table > tr > th.is-align-left, .ele-table > tr > td.is-align-left, .ele-table > thead > tr > th.is-align-left, .ele-table > thead > tr > td.is-align-left, .ele-table > tbody > tr > th.is-align-left, .ele-table > tbody > tr > td.is-align-left, .ele-table > tfoot > tr > th.is-align-left, .ele-table > tfoot > tr > td.is-align-left {
  text-align: left;
}
.ele-table > tr > th.is-align-center, .ele-table > tr > td.is-align-center, .ele-table > thead > tr > th.is-align-center, .ele-table > thead > tr > td.is-align-center, .ele-table > tbody > tr > th.is-align-center, .ele-table > tbody > tr > td.is-align-center, .ele-table > tfoot > tr > th.is-align-center, .ele-table > tfoot > tr > td.is-align-center {
  text-align: center;
}
.ele-table > tr > th.is-align-right, .ele-table > tr > td.is-align-right, .ele-table > thead > tr > th.is-align-right, .ele-table > thead > tr > td.is-align-right, .ele-table > tbody > tr > th.is-align-right, .ele-table > tbody > tr > td.is-align-right, .ele-table > tfoot > tr > th.is-align-right, .ele-table > tfoot > tr > td.is-align-right {
  text-align: right;
}
.ele-table > tr > td, .ele-table > thead > tr > td, .ele-table > tbody > tr > td, .ele-table > tfoot > tr > td {
  background: var(--ele-table-tr-bg);
}
.ele-table > tr:hover > td, .ele-table > thead > tr:hover > td, .ele-table > tbody > tr:hover > td, .ele-table > tfoot > tr:hover > td {
  background: var(--ele-table-tr-hover-bg);
}
.ele-table {
  /* 表头单元格 */
}
.ele-table > tr > th, .ele-table > thead > tr > th, .ele-table > tbody > tr > th, .ele-table > tfoot > tr > th, .ele-table > thead > tr > td {
  color: var(--ele-table-th-color);
  font-weight: var(--ele-table-th-font-weight);
  background: var(--ele-table-th-bg);
}
.ele-table > thead > tr > th {
  position: relative;
}
.ele-table > thead > tr > th::after {
  content: "";
  width: 0;
  height: 20px;
  border-right: 1px solid var(--ele-table-border-color);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.ele-table > thead > tr > th:last-child::after, .ele-table.is-border > thead > tr > th::after {
  display: none;
}
.ele-table {
  /* 表尾 */
}
.ele-table > tfoot > tr > td {
  background: var(--ele-table-th-bg);
}
.ele-table:not(.is-border) > tfoot > tr:last-child > td {
  border-bottom-width: 0;
}
.ele-table {
  /* 圆角 */
}
.ele-table > thead > tr:first-child > th:first-child, .ele-table > thead > tr:first-child > td:first-child, .ele-table.is-border:not(.has-header) > tr:first-child > td:first-child, .ele-table.is-border:not(.has-header) > tr:first-child > th:first-child, .ele-table.is-border:not(.has-header) > tbody > tr:first-child > td:first-child {
  border-top-left-radius: var(--ele-table-radius);
}
.ele-table > thead > tr:first-child > th:last-child, .ele-table > thead > tr:first-child > td:last-child, .ele-table.is-border:not(.has-header) > tr:first-child > td:last-child, .ele-table.is-border:not(.has-header) > tr:first-child > th:last-child, .ele-table.is-border:not(.has-header) > tbody > tr:first-child > td:last-child {
  border-top-right-radius: var(--ele-table-radius);
}
.ele-table.is-border:not(.has-footer) > tr:last-child > td:first-child, .ele-table.is-border:not(.has-footer) > tr:last-child > th:first-child, .ele-table.is-border:not(.has-footer) > tbody > tr:last-child > td:first-child, .ele-table > tfoot > tr:last-child > td:first-child {
  border-bottom-left-radius: var(--ele-table-radius);
}
.ele-table.is-border:not(.has-footer) > tr:last-child > td:last-child, .ele-table.is-border:not(.has-footer) > tr:last-child > th:last-child, .ele-table.is-border:not(.has-footer) > tbody > tr:last-child > td:last-child, .ele-table > tfoot > tr:last-child > td:last-child {
  border-bottom-right-radius: var(--ele-table-radius);
}
.ele-table.has-header {
  border-top-left-radius: var(--ele-table-radius);
  border-top-right-radius: var(--ele-table-radius);
}
.ele-table.has-footer {
  border-bottom-left-radius: var(--ele-table-radius);
  border-bottom-right-radius: var(--ele-table-radius);
}
.ele-table.is-border {
  border-top-left-radius: var(--ele-table-radius);
  border-top-right-radius: var(--ele-table-radius);
  border-bottom-left-radius: var(--ele-table-radius);
  border-bottom-right-radius: var(--ele-table-radius);
}
.ele-table {
  /* 斑马纹 */
}
.ele-table.is-stripe > tr:nth-child(even) > td, .ele-table.is-stripe > tbody > tr:nth-child(even) > td {
  background: var(--ele-table-even-bg);
}
.ele-table.is-stripe > tr:nth-child(even):hover > td, .ele-table.is-stripe > tbody > tr:nth-child(even):hover > td {
  background: var(--ele-table-tr-hover-bg);
}
.ele-table {
  /* 行选中 */
}
.ele-table > tr.is-active > td, .ele-table > tbody > tr.is-active > td, .ele-table.is-stripe > tr.is-active > td, .ele-table.is-stripe > tbody > tr.is-active > td {
  background: var(--ele-table-tr-active-bg);
}
.ele-table > tr.is-active:hover > td, .ele-table > tbody > tr.is-active:hover > td, .ele-table.is-stripe > tr.is-active:hover > td, .ele-table.is-stripe > tbody > tr.is-active:hover > td {
  background: var(--ele-table-tr-active-hover-bg);
}
.ele-table {
  /* 大型尺寸 */
}
.ele-table.is-large > tr > th, .ele-table.is-large > tr > td, .ele-table.is-large > thead > tr > th, .ele-table.is-large > thead > tr > td, .ele-table.is-large > tbody > tr > th, .ele-table.is-large > tbody > tr > td, .ele-table.is-large > tfoot > tr > th, .ele-table.is-large > tfoot > tr > td {
  font-size: var(--ele-table-lg-size);
  padding: var(--ele-table-lg-padding);
}
.ele-table.is-large > thead > tr:first-child > th:first-child, .ele-table.is-large > thead > tr:first-child > td:first-child, .ele-table.is-large.is-border:not(.has-header) > tr:first-child > td:first-child, .ele-table.is-large.is-border:not(.has-header) > tr:first-child > th:first-child, .ele-table.is-large.is-border:not(.has-header) > tbody > tr:first-child > td:first-child {
  border-top-left-radius: var(--ele-table-lg-radius);
}
.ele-table.is-large > thead > tr:first-child > th:last-child, .ele-table.is-large > thead > tr:first-child > td:last-child, .ele-table.is-large.is-border:not(.has-header) > tr:first-child > td:last-child, .ele-table.is-large.is-border:not(.has-header) > tr:first-child > th:last-child, .ele-table.is-large.is-border:not(.has-header) > tbody > tr:first-child > td:last-child {
  border-top-right-radius: var(--ele-table-lg-radius);
}
.ele-table.is-large.is-border:not(.has-footer) > tr:last-child > td:first-child, .ele-table.is-large.is-border:not(.has-footer) > tr:last-child > th:first-child, .ele-table.is-large.is-border:not(.has-footer) > tbody > tr:last-child > td:first-child, .ele-table.is-large > tfoot > tr:last-child > td:first-child {
  border-bottom-left-radius: var(--ele-table-lg-radius);
}
.ele-table.is-large.is-border:not(.has-footer) > tr:last-child > td:last-child, .ele-table.is-large.is-border:not(.has-footer) > tr:last-child > th:last-child, .ele-table.is-large.is-border:not(.has-footer) > tbody > tr:last-child > td:last-child, .ele-table.is-large > tfoot > tr:last-child > td:last-child {
  border-bottom-right-radius: var(--ele-table-lg-radius);
}
.ele-table.is-large.has-header {
  border-top-left-radius: var(--ele-table-lg-radius);
  border-top-right-radius: var(--ele-table-lg-radius);
}
.ele-table.is-large.has-footer {
  border-bottom-left-radius: var(--ele-table-lg-radius);
  border-bottom-right-radius: var(--ele-table-lg-radius);
}
.ele-table.is-large.is-border {
  border-top-left-radius: var(--ele-table-lg-radius);
  border-top-right-radius: var(--ele-table-lg-radius);
  border-bottom-left-radius: var(--ele-table-lg-radius);
  border-bottom-right-radius: var(--ele-table-lg-radius);
}
.ele-table {
  /* 小型尺寸 */
}
.ele-table.is-small > tr > th, .ele-table.is-small > tr > td, .ele-table.is-small > thead > tr > th, .ele-table.is-small > thead > tr > td, .ele-table.is-small > tbody > tr > th, .ele-table.is-small > tbody > tr > td, .ele-table.is-small > tfoot > tr > th, .ele-table.is-small > tfoot > tr > td {
  font-size: var(--ele-table-sm-size);
  padding: var(--ele-table-sm-padding);
}
.ele-table.is-small > thead > tr:first-child > th:first-child, .ele-table.is-small > thead > tr:first-child > td:first-child, .ele-table.is-small.is-border:not(.has-header) > tr:first-child > td:first-child, .ele-table.is-small.is-border:not(.has-header) > tr:first-child > th:first-child, .ele-table.is-small.is-border:not(.has-header) > tbody > tr:first-child > td:first-child {
  border-top-left-radius: var(--ele-table-sm-radius);
}
.ele-table.is-small > thead > tr:first-child > th:last-child, .ele-table.is-small > thead > tr:first-child > td:last-child, .ele-table.is-small.is-border:not(.has-header) > tr:first-child > td:last-child, .ele-table.is-small.is-border:not(.has-header) > tr:first-child > th:last-child, .ele-table.is-small.is-border:not(.has-header) > tbody > tr:first-child > td:last-child {
  border-top-right-radius: var(--ele-table-sm-radius);
}
.ele-table.is-small.is-border:not(.has-footer) > tr:last-child > td:first-child, .ele-table.is-small.is-border:not(.has-footer) > tr:last-child > th:first-child, .ele-table.is-small.is-border:not(.has-footer) > tbody > tr:last-child > td:first-child, .ele-table.is-small > tfoot > tr:last-child > td:first-child {
  border-bottom-left-radius: var(--ele-table-sm-radius);
}
.ele-table.is-small.is-border:not(.has-footer) > tr:last-child > td:last-child, .ele-table.is-small.is-border:not(.has-footer) > tr:last-child > th:last-child, .ele-table.is-small.is-border:not(.has-footer) > tbody > tr:last-child > td:last-child, .ele-table.is-small > tfoot > tr:last-child > td:last-child {
  border-bottom-right-radius: var(--ele-table-sm-radius);
}
.ele-table.is-small.has-header {
  border-top-left-radius: var(--ele-table-sm-radius);
  border-top-right-radius: var(--ele-table-sm-radius);
}
.ele-table.is-small.has-footer {
  border-bottom-left-radius: var(--ele-table-sm-radius);
  border-bottom-right-radius: var(--ele-table-sm-radius);
}
.ele-table.is-small.is-border {
  border-top-left-radius: var(--ele-table-sm-radius);
  border-top-right-radius: var(--ele-table-sm-radius);
  border-bottom-left-radius: var(--ele-table-sm-radius);
  border-bottom-right-radius: var(--ele-table-sm-radius);
}
.ele-table {
  /* 全边框 */
}
.ele-table.is-border {
  border-top-width: 1px;
  border-left-width: 1px;
}
.ele-table.is-border > tr > th, .ele-table.is-border > tr > td, .ele-table.is-border > thead > tr > th, .ele-table.is-border > thead > tr > td, .ele-table.is-border > tbody > tr > th, .ele-table.is-border > tbody > tr > td, .ele-table.is-border > tfoot > tr > th, .ele-table.is-border > tfoot > tr > td {
  border-right-width: 1px;
}
.ele-table:not(.has-header) {
  border-top-width: 1px;
}
.ele-table {
  /* 表格内组件样式优化 */
  /* 表单组件 */
}
.ele-table .el-checkbox,
.ele-table .el-switch {
  height: auto;
}
.ele-table {
  /* Link */
}
.ele-table .el-link {
  display: inline;
  font-size: inherit;
}
.ele-table .el-link > .el-link__inner {
  display: inline;
}
.ele-table .el-link > .el-icon {
  vertical-align: -1.7px;
}
.ele-table {
  /* 打印风格的皮肤 */
}
.ele-table.is-print-skin {
  table-layout: fixed;
  border-collapse: collapse;
  word-break: break-all;
}
.ele-table.is-print-skin.is-border {
  border-right-width: 2px;
}
.ele-table.is-print-skin.is-border > tr > th, .ele-table.is-print-skin.is-border > tr > td, .ele-table.is-print-skin.is-border > thead > tr > th, .ele-table.is-print-skin.is-border > thead > tr > td, .ele-table.is-print-skin.is-border > tbody > tr > th, .ele-table.is-print-skin.is-border > tbody > tr > td, .ele-table.is-print-skin.is-border > tfoot > tr > th, .ele-table.is-print-skin.is-border > tfoot > tr > td {
  border-right-width: 0;
  border-left-width: 1px;
}

body table.ele-table.is-print-skin {
  --ele-table-color: #000;
  --ele-table-th-color: #000;
  --ele-table-border-color: #000;
  --ele-table-bg: transparent;
  --ele-table-th-bg: transparent;
  --ele-table-tr-bg: transparent;
}

table.ele-table.is-border.is-print-skin {
  --ele-table-radius: 0;
  --ele-table-sm-radius: 0;
  --ele-table-lg-radius: 0;
}

/* 表格下拉选择主题变量 */
.ele-table-select-popper {
  --ele-table-select-padding: 10px;
  --ele-table-select-th-bg: var(--el-fill-color-light);
  --ele-table-select-tr-bg: var(--ele-popper-bg);
  --ele-table-select-even-bg: var(--el-fill-color-light);
  --ele-table-select-mobile-space: 16px;
}

.ele-table-select-popper.ele-popover .ele-pro-table > .ele-data-table, .ele-table-select-popper.ele-popover .ele-pro-table > .ele-virtual-table {
  --ele-table-th-bg: var(--ele-table-select-th-bg);
  --ele-table-tr-bg: var(--ele-table-select-tr-bg);
  --ele-table-even-bg: var(--ele-table-select-even-bg);
}
.ele-table-select-popper > .ele-popover-body {
  padding: var(--ele-table-select-padding);
}
.ele-table-select-popper.ele-popover.is-responsive {
  max-width: calc(100vw - var(--ele-table-select-mobile-space) * 2);
}

/* 文本主题变量 */
.ele-text {
  --ele-text-heading-weight: normal;
  --ele-text-xxl: calc(var(--el-font-size-extra-large) + 6px);
  --ele-text-xxxl: calc(var(--el-font-size-extra-large) + 34px);
}

.ele-text {
  box-sizing: border-box;
  /* 类型 */
}
.ele-text.is-heading {
  color: var(--el-text-color-primary);
  font-weight: var(--ele-text-heading-weight);
}
.ele-text.is-regular {
  color: var(--el-text-color-regular);
}
.ele-text.is-secondary {
  color: var(--el-text-color-secondary);
}
.ele-text.is-placeholder {
  color: var(--el-text-color-placeholder);
}
.ele-text.is-primary {
  color: var(--el-color-primary);
}
.ele-text.is-success {
  color: var(--el-color-success);
}
.ele-text.is-warning {
  color: var(--el-color-warning);
}
.ele-text.is-danger {
  color: var(--el-color-danger);
}
.ele-text.is-info {
  color: var(--el-color-info);
}
.ele-text {
  /* 尺寸 */
}
.ele-text.is-xs {
  font-size: var(--el-font-size-extra-small);
}
.ele-text.is-sm {
  font-size: var(--el-font-size-small);
}
.ele-text.is-base {
  font-size: var(--el-font-size-base);
}
.ele-text.is-md {
  font-size: var(--el-font-size-medium);
}
.ele-text.is-lg {
  font-size: var(--el-font-size-large);
}
.ele-text.is-xl {
  font-size: var(--el-font-size-extra-large);
}
.ele-text.is-xxl {
  font-size: var(--ele-text-xxl);
}
.ele-text.is-xxxl {
  font-size: var(--ele-text-xxxl);
}
.ele-text {
  /* 其它 */
}
.ele-text.is-delete {
  text-decoration: line-through;
}
.ele-text.is-underline {
  text-decoration: underline;
}
.ele-text.is-underline.is-delete {
  text-decoration: line-through underline;
}
.ele-text.is-strong {
  font-weight: bold;
}
.ele-text.is-italic {
  font-style: italic;
}
.ele-text {
  /* 图标 */
}
.ele-text.is-icon > .el-icon {
  vertical-align: -2px;
}

/* 时间线主题变量 */
.ele-time-line-list {
  --ele-timeline-body-padding: 8px 16px 48px 16px;
  --ele-timeline-title-font-size: 16px;
  --ele-timeline-title-margin: 0 0 4px 0;
  --ele-timeline-description-font-size: 13px;
  --ele-timeline-icon-margin: 0 8px;
  --ele-timeline-icon-font-size: 22px;
  --ele-timeline-icon-color: var(--el-text-color-placeholder);
  --ele-timeline-line-size: 2px;
  --ele-timeline-line-color: var(--el-border-color);
  --ele-timeline-turn-line-offset: 11px;
}

.ele-time-line-list {
  box-sizing: border-box;
}

.ele-time-line-row {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.ele-time-line-row.is-even-row {
  flex-direction: row-reverse;
}

.ele-time-line-item {
  flex: 1;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}

/* 内容 */
.ele-time-line-item-body {
  padding: var(--ele-timeline-body-padding);
  box-sizing: border-box;
}

/* 标题 */
.ele-time-line-item-title {
  font-size: var(--ele-timeline-title-font-size);
  margin-bottom: var(--ele-timeline-title-margin);
}

/* 描述 */
.ele-time-line-item-description {
  font-size: var(--ele-timeline-description-font-size);
}

/* 图标 */
.ele-time-line-item-icon {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.ele-time-line-item-icon-status.el-icon {
  flex-shrink: 0;
  margin: var(--ele-timeline-icon-margin);
  font-size: var(--ele-timeline-icon-font-size);
  color: var(--ele-timeline-icon-color);
}

.ele-time-line-item.is-primary,
.ele-time-line-item.is-primary .ele-time-line-item-icon-status {
  color: var(--el-color-primary);
}

.ele-time-line-item.is-danger,
.ele-time-line-item.is-danger .ele-time-line-item-icon-status {
  color: var(--el-color-danger);
}

/* 线条 */
.ele-time-line-item-line {
  flex: 1;
  border: 0 solid transparent;
  border-top-width: var(--ele-timeline-line-size);
  border-top-color: var(--ele-timeline-line-color);
  box-sizing: border-box;
  pointer-events: none;
}
.ele-time-line-item-line.is-primary-line {
  border-color: var(--el-color-primary);
}
.ele-time-line-item-line.is-danger-line {
  border-color: var(--el-color-danger);
}

.ele-time-line-row.is-even-row .ele-time-line-item-icon {
  flex-direction: row-reverse;
}

.ele-time-line-row > .ele-time-line-item.is-first .ele-time-line-item-line.is-start, .ele-time-line-row > .ele-time-line-item.is-last .ele-time-line-item-line.is-end {
  visibility: hidden;
}

/* 转折线条 */
.ele-time-line-item-line-turn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0 solid transparent;
  border-left-width: var(--ele-timeline-line-size);
  border-left-color: var(--ele-timeline-line-color);
  transform: translateY(var(--ele-timeline-turn-line-offset));
  box-sizing: border-box;
  pointer-events: none;
}
.ele-time-line-item-line-turn.is-primary-line {
  border-color: var(--el-color-primary);
}
.ele-time-line-item-line-turn.is-danger-line {
  border-color: var(--el-color-danger);
}

.ele-time-line-row > .ele-time-line-item:not(:last-child) .ele-time-line-item-line-turn {
  display: none;
}
.ele-time-line-row.is-even-row .ele-time-line-item-line-turn {
  left: 0;
  right: auto;
}

/* 工具按钮主题变量 */
.ele-tool {
  --ele-tool-font-size: var(--el-font-size-base);
  --ele-tool-padding: 6px;
  --ele-tool-border: 1px solid var(--el-border-color);
  --ele-tool-radius: var(--el-border-radius-small);
  --ele-tool-hover-bg: rgba(0, 0, 0, 0.025);
}

.ele-toolbar.is-plain .ele-tool {
  --ele-tool-plain-font-size: 16px;
}

.ele-tool {
  line-height: 1;
  padding: var(--ele-tool-padding);
  font-size: var(--ele-tool-font-size);
  border: var(--ele-tool-border);
  border-radius: var(--ele-tool-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ele-tool:hover {
  background: var(--ele-tool-hover-bg);
}
.ele-tool .ele-tool-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ele-tool .el-dropdown {
  color: inherit;
  cursor: inherit;
  font-size: inherit;
  line-height: inherit;
  position: static;
}
.ele-tool .el-tooltip__trigger {
  position: static;
}
.ele-tool .el-tooltip__trigger::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ele-toolbar .ele-tool {
  flex-shrink: 0;
  margin-top: calc(var(--ele-toolbar-space) / 2);
  margin-bottom: calc(var(--ele-toolbar-space) / 2);
  margin-left: var(--ele-toolbar-space);
  margin-right: 0;
}

/* 朴素风格 */
.ele-toolbar.is-plain .ele-tool {
  padding: 0;
  border: none;
  border-radius: 0;
  font-size: var(--ele-tool-plain-font-size);
  margin-left: calc(var(--ele-toolbar-space) * 2);
}
.ele-toolbar.is-plain .ele-tool:hover {
  color: var(--el-color-primary);
  background: none;
}

/* 工具栏主题变量 */
.ele-toolbar {
  --ele-toolbar-padding: 0 16px;
  --ele-toolbar-bg: var(--el-fill-color-lighter);
  --ele-toolbar-border: 1px solid var(--el-border-color-light);
  --ele-toolbar-radius: 0;
  --ele-toolbar-space: 8px;
}

.ele-toolbar.is-plain {
  --ele-toolbar-plain-margin: 0 0 4px 0;
}

.ele-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  padding: var(--ele-toolbar-padding);
  background: var(--ele-toolbar-bg);
  border: var(--ele-toolbar-border);
  border-radius: var(--ele-toolbar-radius);
}
.ele-toolbar .ele-toolbar-title {
  flex-shrink: 0;
  max-width: 100%;
  margin-top: var(--ele-toolbar-space);
  margin-bottom: var(--ele-toolbar-space);
  margin-right: var(--ele-toolbar-space);
}
.ele-toolbar .ele-toolbar-body {
  flex: auto;
  max-width: 100%;
  margin: var(--ele-toolbar-space) 0;
}
.ele-toolbar .ele-toolbar-tools {
  flex-shrink: 0;
  max-width: 100%;
  margin-right: 0;
  margin-left: auto;
  margin-top: calc(var(--ele-toolbar-space) / 2);
  margin-bottom: calc(var(--ele-toolbar-space) / 2);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.ele-toolbar {
  /* 朴素风格 */
}
.ele-toolbar.is-plain {
  padding: 0;
  border: none;
  background: none;
  margin: var(--ele-toolbar-plain-margin);
}
.ele-toolbar {
  /* 修复上传列表占位 */
}
.ele-toolbar .el-upload-list {
  margin: 0;
}

.el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
  --ele-popper-border: none;
  --ele-popper-radius: var(--el-border-radius-base);
  --ele-popper-shadow: var(--el-box-shadow-light);
  --ele-popper-arrow-bg: var(--ele-popper-bg);
  --ele-popper-arrow-size: 8px;
  --ele-popper-arrow-offset: -4px;
  --ele-popper-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
}

.el-popper.is-dark,
.ele-tooltip {
  --ele-tooltip-color: #fff;
  --ele-tooltip-font-size: var(--el-font-size-small);
  --ele-tooltip-line-height: 22px;
  --ele-tooltip-padding: 4px 10px;
  --ele-tooltip-bg: #000;
  --ele-tooltip-border: none;
  --ele-tooltip-radius: var(--el-border-radius-base);
  --ele-tooltip-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
  --ele-tooltip-arrow-bg: var(--ele-tooltip-bg);
  --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
}

.ele-tooltip.is-light {
  --ele-tooltip-light-color: var(--el-text-color-primary);
  --ele-tooltip-light-bg: var(--el-bg-color-overlay);
  --ele-tooltip-light-border: none;
  --ele-tooltip-light-shadow: var(--ele-popper-shadow);
  --ele-tooltip-light-arrow-bg: var(--ele-tooltip-light-bg);
  --ele-tooltip-light-arrow-shadow: var(--ele-popper-arrow-shadow);
}

.ele-popover {
  --ele-popover-color: var(--el-text-color-regular);
  --ele-popover-font-size: var(--el-font-size-base);
  --ele-popover-padding: 12px 16px;
  --ele-popover-title-color: var(--el-text-color-primary);
  --ele-popover-title-font-size: var(--el-font-size-base);
  --ele-popover-title-font-weight: 500;
  --ele-popover-title-padding: 8px 16px;
  --ele-popover-title-border: 1px solid var(--el-border-color-light);
}

.ele-popper.el-popper {
  border-radius: var(--ele-popper-radius);
}
.ele-popper.el-popper.is-light {
  background: var(--ele-popper-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-shadow);
}
.ele-popper.el-popper.is-light > .el-popper__arrow::before {
  background: var(--ele-popper-arrow-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-arrow-shadow);
}
.ele-popper.el-popper .el-popper__arrow {
  width: var(--ele-popper-arrow-size);
  height: var(--ele-popper-arrow-size);
}
.ele-popper.el-popper .el-popper__arrow::before {
  width: var(--ele-popper-arrow-size);
  height: var(--ele-popper-arrow-size);
  clip-path: polygon(300% -200%, 300% 300%, -200% 300%);
}
.ele-popper.el-popper[data-popper-placement^=top] > .el-popper__arrow {
  bottom: var(--ele-popper-arrow-offset);
}
.ele-popper.el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
  top: var(--ele-popper-arrow-offset);
}
.ele-popper.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  clip-path: polygon(-200% 300%, -200% -200%, 300% -200%);
}
.ele-popper.el-popper[data-popper-placement^=left] > .el-popper__arrow {
  right: var(--ele-popper-arrow-offset);
}
.ele-popper.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  clip-path: polygon(-200% -200%, 300% -200%, 300% 300%);
}
.ele-popper.el-popper[data-popper-placement^=right] > .el-popper__arrow {
  left: var(--ele-popper-arrow-offset);
}
.ele-popper.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  clip-path: polygon(300% 300%, -200% 300%, -200% -200%);
}
.ele-popper.el-popper.is-dark {
  color: var(--ele-tooltip-color);
  font-size: var(--ele-tooltip-font-size);
  line-height: var(--ele-tooltip-line-height);
  padding: var(--ele-tooltip-padding);
  background: var(--ele-tooltip-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-shadow);
  border-radius: var(--ele-tooltip-radius);
}
.ele-popper.el-popper.is-dark > .el-popper__arrow::before {
  background: var(--ele-tooltip-arrow-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-arrow-shadow);
}
.ele-popper.el-popper.is-prevent-event .el-popper__arrow {
  pointer-events: none;
}

.ele-tooltip-body,
.ele-popover-body {
  box-sizing: border-box;
}

.ele-tooltip-body {
  padding: var(--ele-tooltip-padding);
  position: relative;
  z-index: 2;
}

.ele-popper.el-popper.ele-tooltip {
  color: var(--ele-tooltip-color);
  font-size: var(--ele-tooltip-font-size);
  line-height: var(--ele-tooltip-line-height);
  padding: 0;
  background: var(--ele-tooltip-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-shadow);
  border-radius: var(--ele-tooltip-radius);
}
.ele-popper.el-popper.ele-tooltip > .el-popper__arrow::before {
  background: var(--ele-tooltip-arrow-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-arrow-shadow);
}
.ele-popper.el-popper.ele-tooltip.is-dark {
  padding: 0;
}
.ele-popper.el-popper.ele-tooltip.is-light {
  color: var(--ele-tooltip-light-color);
  background: var(--ele-tooltip-light-bg);
  border: var(--ele-tooltip-light-border);
  box-shadow: var(--ele-tooltip-light-shadow);
}
.ele-popper.el-popper.ele-tooltip.is-light > .el-popper__arrow::before {
  background: var(--ele-tooltip-light-arrow-bg);
  border: var(--ele-tooltip-light-border);
  box-shadow: var(--ele-tooltip-light-arrow-shadow);
}
.ele-popper.el-popper.ele-tooltip.is-danger, .ele-popper.el-popper.ele-tooltip.is-danger > .el-popper__arrow::before {
  background: var(--el-color-danger);
  border-color: var(--el-color-danger);
}
.ele-popper.el-popper.ele-tooltip.is-warning, .ele-popper.el-popper.ele-tooltip.is-warning > .el-popper__arrow::before {
  background: var(--el-color-warning);
  border-color: var(--el-color-warning);
}
.ele-popper.el-popper.ele-tooltip.is-success, .ele-popper.el-popper.ele-tooltip.is-success > .el-popper__arrow::before {
  background: var(--el-color-success);
  border-color: var(--el-color-success);
}

/* 气泡卡片 */
.ele-popper.ele-popover {
  color: var(--ele-popover-color);
  font-size: var(--ele-popover-font-size);
  line-height: inherit;
  text-align: left;
  min-width: 150px;
  padding: 0;
}

.ele-popover-content {
  padding: var(--ele-popover-padding);
  box-sizing: border-box;
}

.ele-popover-title {
  color: var(--ele-popover-title-color);
  font-size: var(--ele-popover-title-font-size);
  font-weight: var(--ele-popover-title-font-weight);
  padding: var(--ele-popover-title-padding);
  border-bottom: var(--ele-popover-title-border);
}

.ele-tour {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--el-index-popper);
  display: none;
}
.ele-tour.is-open {
  display: block;
}

/* 带高亮的遮罩 */
.ele-tour-box {
  position: absolute;
  border: 2px solid var(--el-color-primary);
  border-radius: var(--el-border-radius-base);
  transition: left 0.2s, top 0.2s, width 0.2s, height 0.2s;
}

.ele-tour.show-mask > .ele-tour-box {
  border: none;
  box-shadow: 0 0 0 1000vw var(--el-overlay-color-lighter);
}

/* 气泡定位元素 */
.ele-tour-reference {
  position: absolute;
  box-sizing: border-box;
}

/* 标题 */
.ele-tour-title {
  font-weight: 500;
  color: var(--el-text-color-primary);
  margin-bottom: 8px;
}

/* 内容 */
.ele-tour-text {
  font-size: var(--el-font-size-small);
}

/* 底部 */
.ele-tour-footer {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

/* 指示器 */
.ele-tour-counter {
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-extra-small);
}

/* 操作按钮 */
.ele-tour-action {
  flex: 1;
  text-align: right;
}
.ele-tour-action .el-button {
  padding-left: 8px;
  padding-right: 8px;
}
.ele-tour-action .el-button + .el-button {
  margin-left: 8px;
}

.ele-tour-popover > .ele-popover-body {
  padding: 12px 16px;
}

/* 气泡弹窗效果 */
.ele-tour-popover.ele-tour-modal {
  margin: 0 auto;
  left: 0 !important;
  top: 50% !important;
  right: 0 !important;
  bottom: auto !important;
  transform: translateY(-50.1%) !important;
  transform-origin: center !important;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
}
.ele-tour-popover.ele-tour-modal > .el-popper__arrow {
  display: none;
}

/* 树下拉选择主题变量 */
.ele-tree-select-popper {
  --ele-tree-select-padding: 6px 0;
  --ele-tree-select-item-disabled-color: var(--el-disabled-text-color);
}

.ele-tree-select-popper > .ele-popover-body > .el-tree > .el-vl__wrapper {
  padding: var(--ele-tree-select-padding);
}
.ele-tree-select-popper .el-tree {
  background: none;
}
.ele-tree-select-popper .el-tree-node__label.is-disabled {
  color: var(--ele-tree-select-item-disabled-color);
  cursor: not-allowed;
}
.ele-tree-select-popper .el-tree-node__label.is-disabled::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

/* 树表格主题变量 */
.ele-tree-table-wrapper {
  --ele-table-radius: 0;
  --ele-table-color: var(--el-text-color-regular);
  --ele-table-border-color: var(--el-border-color-light);
  --ele-table-font-size: var(--el-font-size-base);
  --ele-table-line-height: 1.71428565;
  --ele-table-padding: 9px 12px;
  --ele-table-th-color: var(--el-text-color-primary);
  --ele-table-th-font-weight: normal;
  --ele-table-th-bg: var(--el-fill-color-lighter);
  --ele-table-tr-bg: var(--el-bg-color);
  --ele-table-tr-hover-bg: var(--el-fill-color-light);
  --ele-table-tr-active-bg: var(--el-color-primary-light-9);
  --ele-table-tr-active-hover-bg: var(--el-color-primary-light-8);
  --ele-table-even-bg: var(--el-fill-color-lighter);
  --ele-table-lg-size: var(--el-font-size-base);
  --ele-table-lg-padding: 13px 16px;
  --ele-table-lg-radius: 0;
  --ele-table-sm-size: var(--el-font-size-extra-small);
  --ele-table-sm-padding: 4px 8px;
  --ele-table-sm-radius: 0;
  --ele-table-icon-color: var(--el-text-color-disabled);
  --ele-table-icon-hover-color: var(--el-text-color-secondary);
  --ele-table-icon-hover-bg: rgba(0, 0, 0, 0.08);
  --ele-table-icon-radius: var(--el-border-radius-small);
  --ele-table-icon-margin: 6px;
  --ele-table-sort-size: 5px;
  --ele-table-sort-space: 4px;
  --ele-table-sort-hover-bg: var(--el-fill-color);
  --ele-table-filter-size: 14px;
  --ele-table-filter-padding: 4px 2px;
  --ele-table-filter-margin: 0 -6px 0 4px;
  --ele-table-expand-margin: 0 4px 0 -2px;
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-table-fixed-backdrop-filter: none;
  --ele-table-sticky-top: 0;
  --ele-table-fixed-header-sticky-top: 94px;
  --ele-table-maximized-sticky-top: 40px;
  --ele-table-fix-height: 0.45px;
}

.ele-tree-table-wrapper {
  border-top: 1px solid var(--ele-table-border-color);
  border-right: 1px solid var(--ele-table-border-color);
  border-radius: var(--ele-table-radius);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.ele-tree-table-wrapper::after, .ele-tree-table-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 5;
}
.ele-tree-table-wrapper::after {
  height: calc(1px + var(--ele-table-radius));
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--ele-table-border-color);
  border-bottom-right-radius: var(--ele-table-radius);
  border-bottom-left-radius: var(--ele-table-radius);
}
.ele-tree-table-wrapper::before {
  width: calc(1px + var(--ele-table-radius));
  top: 0;
  left: 0;
  border-left: 1px solid var(--ele-table-border-color);
  border-bottom-left-radius: var(--ele-table-radius);
  border-top-left-radius: var(--ele-table-radius);
}

/* 表格 */
.ele-tree-table {
  color: var(--ele-table-color);
  font-size: var(--ele-table-font-size);
  line-height: var(--ele-table-line-height);
  box-sizing: border-box;
  overflow: auto;
}

.ele-tree-table-main {
  min-width: max-content;
  box-sizing: border-box;
}

.ele-tree-table-row,
.ele-tree-table-cells {
  display: flex;
  box-sizing: border-box;
}

/* 单元格 */
.ele-tree-table-cell {
  padding: var(--ele-table-padding);
  background: var(--ele-table-tr-bg);
  border-left: 1px solid var(--ele-table-border-color);
  border-bottom: 1px solid var(--ele-table-border-color);
  transition: background-color 0.2s;
  box-sizing: border-box;
  overflow: hidden;
}
.ele-tree-table-cell:not(.is-tree-index) {
  flex: 1;
  text-overflow: ellipsis;
}
.ele-tree-table-cell.is-tree-index {
  flex-shrink: 0;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
  word-break: break-all;
  text-align: center;
}
.ele-tree-table-cell.is-tree-index.is-placeholder {
  border-left: none;
}

/* 表头 */
.ele-tree-table-header {
  color: var(--ele-table-th-color);
  font-weight: var(--ele-table-th-font-weight);
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 4;
}
.ele-tree-table-header .ele-tree-table-cell {
  background: var(--ele-table-th-bg);
}

/* 主体 */
.ele-tree-table-row-body {
  flex: 1;
  box-sizing: border-box;
}

/* 行鼠标移入状态 */
.ele-tree-table-cells:hover .ele-tree-table-cell,
.ele-tree-table-body .ele-tree-table-row > .ele-tree-table-cell:hover {
  background: var(--ele-table-tr-hover-bg);
}

.ele-tree-table-cell:hover + .ele-tree-table-row-body > .ele-tree-table-cells .ele-tree-table-cell {
  background: var(--ele-table-tr-hover-bg);
}

.ele-tree-table-cell:has(+ .ele-tree-table-row-body > .ele-tree-table-cells:hover) {
  background: var(--ele-table-tr-hover-bg);
}

/* 空状态 */
.ele-tree-table-empty {
  padding: var(--ele-table-padding);
  box-sizing: border-box;
  text-align: center;
}

/* 固定列 */
.ele-tree-table-cell.is-fixed-left,
.ele-tree-table-cell.is-fixed-right {
  position: sticky;
  z-index: 3;
}

.ele-tree-table-cell.is-fixed-left {
  left: 0;
}

.ele-tree-table-cell.is-fixed-right {
  right: 0;
}

.ele-tree-table-cell.is-fixed-left-last,
.ele-tree-table-cell.is-fixed-right-first {
  overflow: visible;
}
.ele-tree-table-cell.is-fixed-left-last::before,
.ele-tree-table-cell.is-fixed-right-first::before {
  content: "";
  width: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: box-shadow 0.2s;
  pointer-events: none;
}

.ele-tree-table-cell.is-fixed-left-last::before {
  right: -10px;
}

.ele-tree-table-cell.is-fixed-right-first::before {
  left: -10px;
}

.ele-tree-table-wrapper.is-ping-left .ele-tree-table-cell.is-fixed-left-last {
  border-right-color: transparent;
}
.ele-tree-table-wrapper.is-ping-left .ele-tree-table-cell.is-fixed-left-last::before {
  box-shadow: var(--ele-table-fixed-left-shadow);
}
.ele-tree-table-wrapper.is-ping-right .ele-tree-table-cell.is-fixed-right-first {
  border-left-color: transparent;
}
.ele-tree-table-wrapper.is-ping-right .ele-tree-table-cell.is-fixed-right-first::before {
  box-shadow: var(--ele-table-fixed-right-shadow);
}

/* 展开图标 */
.ele-tree-table-expand {
  width: 16px;
  height: 16px;
  font-size: 12px;
  vertical-align: -1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ele-table-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  cursor: pointer;
}
.ele-tree-table-expand > .el-icon {
  transition: all 0.2s;
}
.ele-tree-table-expand.is-collapse > .el-icon {
  transform: rotate(-90deg);
}
.ele-tree-table-expand:hover {
  background: var(--ele-table-icon-hover-bg);
}

.ele-tree-table-row.is-collapse > .ele-tree-table-row-body > .ele-tree-table-children {
  display: none;
}

/* 文件上传主题变量 */
.ele-upload-list {
  --ele-upload-list-width: 108px;
  --ele-upload-list-height: 108px;
  --ele-upload-list-padding: 6px;
  --ele-upload-list-gap: 8px;
  --ele-upload-list-border: 1px solid var(--el-border-color);
  --ele-upload-list-radius: var(--el-border-radius-base);
  --ele-upload-list-bg: var(--el-bg-color);
  --ele-upload-list-btn-color: var(--el-text-color-secondary);
  --ele-upload-list-btn-font-size: 22px;
  --ele-upload-list-btn-bg: var(--el-fill-color-lighter);
  --ele-upload-list-btn-border: 1px dashed var(--el-border-color);
  --ele-upload-list-btn-hover-border: 1px dashed var(--el-color-primary);
  --ele-upload-list-btn-drag-bg: var(--el-color-primary-light-9);
  --ele-upload-list-btn-disabled-color: var(--el-disabled-text-color);
  --ele-upload-list-btn-disabled-bg: var(--el-disabled-bg-color);
  --ele-upload-list-btn-disabled-border: 1px dashed var(--el-disabled-border-color);
  --ele-upload-list-tool-color: #fff;
  --ele-upload-list-tool-font-size: 12px;
  --ele-upload-list-tool-padding: 4px 0;
  --ele-upload-list-tool-bg: hsla(0, 0%, 40%, 0.8);
  --ele-upload-list-tool-hover-bg: hsla(0, 0%, 60%, 0.8);
  --ele-upload-list-del-size: 18px;
  --ele-upload-list-del-icon-margin: -2px -3px 0 0;
  --ele-upload-list-del-hover-bg: var(--el-color-danger);
  --ele-upload-list-del-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.6);
  --ele-upload-list-thumbnail-color: var(--el-text-color-regular);
  --ele-upload-list-thumbnail-font-size: 12px;
  --ele-upload-list-thumbnail-icon-color: var(--el-text-color-placeholder);
  --ele-upload-list-thumbnail-icon-font-size: 24px;
  --ele-upload-list-thumbnail-gap: 4px;
  --ele-upload-list-progress-padding: 0 6px;
  --ele-upload-list-progress-bg: rgba(0, 0, 0, 0.6);
  --ele-upload-list-progress-color: #fff;
  --ele-upload-list-progress-font-size: 12px;
  --ele-upload-list-progress-tool-font-size: 12px;
  --ele-upload-list-progress-tool-padding: 4px;
  --ele-upload-list-progress-tool-radius: var(--el-border-radius-small);
  --ele-upload-list-progress-tool-gap: 4px;
  --ele-upload-list-progress-tool-bg: hsla(0, 0%, 60%, 0.4);
  --ele-upload-list-progress-tool-hover-bg: hsla(0, 0%, 60%, 0.8);
  --ele-upload-list-file-height: 26px;
  --ele-upload-list-file-padding: 8px;
  --ele-upload-list-file-btn-font-size: 15px;
  --ele-upload-list-file-tool-size: 20px;
  --ele-upload-list-file-tool-color: var(--el-text-color-secondary);
  --ele-upload-list-file-tool-radius: var(--el-border-radius-small);
  --ele-upload-list-file-tool-gap: 2px;
  --ele-upload-list-file-tool-hover-color: var(--el-color-primary);
  --ele-upload-list-file-tool-hover-bg: transparent;
  --ele-upload-list-file-del-margin: 0 -4px 0 2px;
  --ele-upload-list-file-del-hover-color: var(--el-color-danger);
  --ele-upload-list-file-thumbnail-font-size: 14px;
  --ele-upload-list-file-thumbnail-icon-color: var(--el-text-color-secondary);
  --ele-upload-list-file-thumbnail-icon-font-size: 14px;
}

.ele-upload-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--ele-upload-list-gap);
  box-sizing: border-box;
  max-width: 100%;
}
.ele-upload-list .ele-upload-item {
  flex-shrink: 0;
  width: var(--ele-upload-list-width);
  height: var(--ele-upload-list-height);
  padding: var(--ele-upload-list-padding);
  border-radius: var(--ele-upload-list-radius);
  border: var(--ele-upload-list-border);
  box-sizing: border-box;
  position: relative;
  user-select: none;
  overflow: hidden;
  max-width: 100%;
  cursor: pointer;
}
.ele-upload-list {
  /* 缩略图片 */
}
.ele-upload-list .ele-upload-image {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
.ele-upload-list {
  /* 缩略图标 */
}
.ele-upload-list .ele-upload-thumbnail {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--ele-upload-list-thumbnail-gap);
  color: var(--ele-upload-list-thumbnail-color);
  font-size: var(--ele-upload-list-thumbnail-font-size);
  text-align: center;
}
.ele-upload-list .ele-upload-thumbnail-icon {
  flex-shrink: 0;
  color: var(--ele-upload-list-thumbnail-icon-color);
  font-size: var(--ele-upload-list-thumbnail-icon-font-size);
}
.ele-upload-list .ele-upload-thumbnail-text {
  width: 100%;
  overflow: hidden;
  line-height: 1.15;
  word-break: break-all;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ele-upload-list {
  /* 操作按钮 */
}
.ele-upload-list .ele-upload-tools {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: calc(var(--ele-upload-list-radius) - 1px);
  border-bottom-right-radius: calc(var(--ele-upload-list-radius) - 1px);
  background: var(--ele-upload-list-tool-bg);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  transition: all 0.2s;
  box-sizing: border-box;
  overflow: hidden;
  opacity: 0;
  z-index: 3;
}
.ele-upload-list .ele-upload-tool {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: var(--ele-upload-list-tool-color);
  font-size: var(--ele-upload-list-tool-font-size);
  padding: var(--ele-upload-list-tool-padding);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ele-upload-list .ele-upload-tool:hover {
  background: var(--ele-upload-list-tool-hover-bg);
}
.ele-upload-list .ele-upload-tool + .ele-upload-tool {
  margin-left: var(--ele-upload-list-tool-gap);
}
.ele-upload-list .ele-upload-tool + .ele-upload-tool::before {
  content: "";
  width: 0px;
  height: 56%;
  border-left: 1px solid var(--ele-upload-list-tool-color);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.5px;
  margin: auto 0;
  opacity: 0.6;
}
.ele-upload-list .ele-upload-item:hover .ele-upload-tools {
  bottom: 0;
  opacity: 1;
}
.ele-upload-list .ele-upload-tool-text {
  margin-left: 2px;
}
.ele-upload-list {
  /* 删除按钮 */
}
.ele-upload-list .ele-upload-remove {
  flex: none;
  padding: 0;
  width: var(--ele-upload-list-del-size);
  height: var(--ele-upload-list-del-size);
  color: var(--ele-upload-list-tool-color);
  font-size: var(--ele-upload-list-tool-font-size);
  background: var(--ele-upload-list-tool-bg);
  box-shadow: var(--ele-upload-list-del-shadow);
  border-top-right-radius: calc(var(--ele-upload-list-radius) - 1px);
  border-bottom-left-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  transition: all 0.2s;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 4;
}
.ele-upload-list .ele-upload-remove > i {
  margin: var(--ele-upload-list-del-icon-margin);
}
.ele-upload-list .ele-upload-remove:hover {
  background: var(--ele-upload-list-del-hover-bg);
}
.ele-upload-list {
  /* 进度条 */
}
.ele-upload-list .ele-upload-progress {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--ele-upload-list-progress-color);
  font-size: var(--ele-upload-list-progress-font-size);
  padding: var(--ele-upload-list-progress-padding);
  background: var(--ele-upload-list-progress-bg);
  line-height: 1;
  position: absolute;
  top: var(--ele-upload-list-padding);
  left: var(--ele-upload-list-padding);
  right: var(--ele-upload-list-padding);
  bottom: var(--ele-upload-list-padding);
  box-sizing: border-box;
}
.ele-upload-list .ele-upload-progress .el-progress-bar__outer {
  background: hsla(0, 0%, 80%, 0.48);
}
.ele-upload-list .ele-upload-text {
  flex-shrink: 0;
  margin-bottom: 8px;
  text-align: center;
}
.ele-upload-list {
  /* 重试按钮 */
}
.ele-upload-list .ele-upload-retry {
  flex: none;
  width: max-content;
  margin: 6px auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--ele-upload-list-progress-tool-gap);
  font-size: var(--ele-upload-list-progress-tool-font-size);
  border-radius: var(--ele-upload-list-progress-tool-radius);
  padding: var(--ele-upload-list-progress-tool-padding);
  background: var(--ele-upload-list-progress-tool-bg);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  z-index: 3;
}
.ele-upload-list .ele-upload-retry:hover {
  background: var(--ele-upload-list-progress-tool-hover-bg);
}
.ele-upload-list .ele-upload-retry .ele-upload-tool-text {
  margin: 0;
}
.ele-upload-list {
  /* 上传按钮 */
}
.ele-upload-list .ele-upload-button {
  padding: 0;
  text-align: center;
  border: var(--ele-upload-list-btn-border);
  background: var(--ele-upload-list-btn-bg);
  transition: all 0.2s;
  overflow: visible;
  cursor: pointer;
}
.ele-upload-list .ele-upload-button:hover {
  border: var(--ele-upload-list-btn-hover-border);
}
.ele-upload-list .ele-upload-button > div {
  height: 100%;
  display: block;
}
.ele-upload-list .ele-upload-button .el-upload {
  height: 100%;
  display: flex;
  cursor: inherit;
}
.ele-upload-list .ele-upload-button .el-upload-dragger {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ele-upload-list-radius);
  transition: all 0.2s;
  outline: 1px dashed transparent;
  background: none;
  cursor: inherit;
  border: none;
  padding: 0;
}
.ele-upload-list .ele-upload-button .el-upload-dragger.is-dragover {
  outline: var(--ele-upload-list-btn-hover-border);
  background: var(--ele-upload-list-btn-drag-bg);
}
.ele-upload-list .ele-upload-button-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.ele-upload-list .ele-upload-icon {
  color: var(--ele-upload-list-btn-color);
  font-size: var(--ele-upload-list-btn-font-size);
}
.ele-upload-list .ele-upload-icon > svg {
  stroke-width: 3;
}
.ele-upload-list {
  /* 修改时的文件选择输入框 */
}
.ele-upload-list .ele-upload-input,
.ele-upload-list .ele-upload-hidden {
  display: none;
}
.ele-upload-list {
  /* 拖动手柄 */
}
.ele-upload-list .ele-upload-handle {
  cursor: move;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

/* 禁用状态 */
.ele-upload-list.is-disabled .ele-upload-button {
  background: var(--ele-upload-list-btn-disabled-bg);
  border: var(--ele-upload-list-btn-disabled-border);
  cursor: not-allowed;
}
.ele-upload-list.is-disabled .ele-upload-icon {
  color: var(--ele-upload-list-btn-disabled-color);
}

/* 拖动状态 */
.ele-upload-item.sortable-chosen {
  background: var(--ele-upload-list-bg);
}
.ele-upload-item.sortable-ghost {
  opacity: 0;
}
.ele-upload-item.sortable-fallback {
  opacity: 1 !important;
}

.ele-upload-list:has(.ele-upload-item.sortable-ghost) .ele-upload-tools {
  display: none;
}
.ele-upload-list:has(.ele-upload-item.sortable-ghost) .ele-upload-button {
  pointer-events: none;
}

/* 列表文件样式 */
.ele-upload-list.is-file-list {
  width: 100%;
}
.ele-upload-list.is-file-list .ele-upload-item {
  width: 100%;
  height: var(--ele-upload-list-file-height);
  padding: 0 var(--ele-upload-list-file-padding);
  display: flex;
  align-items: center;
}
.ele-upload-list.is-file-list {
  /* 缩略图标 */
}
.ele-upload-list.is-file-list .ele-upload-thumbnail {
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  font-size: var(--ele-upload-list-file-thumbnail-font-size);
  overflow: hidden;
  text-align: left;
}
.ele-upload-list.is-file-list .ele-upload-thumbnail-icon {
  color: var(--ele-upload-list-file-thumbnail-icon-color);
  font-size: var(--ele-upload-list-file-thumbnail-icon-font-size);
}
.ele-upload-list.is-file-list .ele-upload-thumbnail-text {
  flex: 1;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ele-upload-list.is-file-list {
  /* 操作按钮 */
}
.ele-upload-list.is-file-list .ele-upload-tools {
  background: none;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  opacity: 1;
}
.ele-upload-list.is-file-list .ele-upload-item:not(:hover) .ele-upload-tools {
  display: none;
}
.ele-upload-list.is-file-list .ele-upload-tool,
.ele-upload-list.is-file-list .ele-upload-remove,
.ele-upload-list.is-file-list .ele-upload-retry {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0 0 0 var(--ele-upload-list-file-tool-gap);
  width: var(--ele-upload-list-file-tool-size);
  height: var(--ele-upload-list-file-tool-size);
  border-radius: var(--ele-upload-list-file-tool-radius);
  color: var(--ele-upload-list-file-tool-color);
  box-shadow: none;
  background: none;
}
.ele-upload-list.is-file-list .ele-upload-tool:hover,
.ele-upload-list.is-file-list .ele-upload-remove:hover,
.ele-upload-list.is-file-list .ele-upload-retry:hover {
  color: var(--ele-upload-list-file-tool-hover-color);
  background: var(--ele-upload-list-file-tool-hover-bg);
}
.ele-upload-list.is-file-list .ele-upload-tool::before {
  display: none;
}
.ele-upload-list.is-file-list .ele-upload-tool-text {
  display: none;
}
.ele-upload-list.is-file-list {
  /* 删除按钮 */
}
.ele-upload-list.is-file-list .ele-upload-remove {
  position: relative;
  top: auto;
  right: auto;
  margin: var(--ele-upload-list-file-del-margin);
}
.ele-upload-list.is-file-list .ele-upload-remove > i {
  margin: 0;
}
.ele-upload-list.is-file-list .ele-upload-remove:hover {
  color: var(--ele-upload-list-file-del-hover-color);
}
.ele-upload-list.is-file-list {
  /* 进度条 */
}
.ele-upload-list.is-file-list .ele-upload-progress {
  position: static;
  flex-direction: row;
  background: none;
  padding: 0;
}
.ele-upload-list.is-file-list .ele-upload-progress .el-progress-bar__outer {
  background: transparent;
}
.ele-upload-list.is-file-list .ele-upload-progress-bar {
  position: absolute;
  left: var(--ele-upload-list-file-padding);
  right: var(--ele-upload-list-file-padding);
  bottom: 0;
}
.ele-upload-list.is-file-list .ele-upload-text {
  display: none;
}
.ele-upload-list.is-file-list {
  /* 上传按钮 */
}
.ele-upload-list.is-file-list .ele-upload-button {
  padding: 0;
  display: block;
}
.ele-upload-list.is-file-list .ele-upload-icon {
  font-size: var(--ele-upload-list-file-btn-font-size);
}

/* 触摸设备始终显示操作按钮 */
@media (pointer: coarse) {
  .ele-upload-list .ele-upload-item .ele-upload-tools {
    bottom: 0;
    opacity: 1;
  }
  .ele-upload-list.is-file-list .ele-upload-item .ele-upload-tools,
  .ele-upload-list.is-file-list .ele-upload-item:not(:hover) .ele-upload-tools {
    bottom: auto;
    display: flex;
  }
}
/* 内容预览主题变量 */
.ele-viewer {
  --ele-viewer-bg: radial-gradient(var(--el-text-color-placeholder) 8%, var(--el-bg-color-page) 8%) center/16px 16px repeat;
}

.ele-viewer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  user-select: none;
  background: var(--ele-viewer-bg);
  overflow: hidden;
}

.ele-viewer-body,
.ele-viewer-main,
.ele-viewer-content {
  flex-shrink: 0;
  width: max-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
}

/* 内容 */
.ele-viewer-content {
  cursor: grab;
}
.ele-viewer-content.is-moving {
  cursor: grabbing;
}
.ele-viewer-content > .ele-viewer-image {
  flex-shrink: 0;
  pointer-events: none;
}
.ele-viewer-content {
  /* 标记点 */
}
.ele-viewer-content > .ele-viewer-marker {
  flex-shrink: 0;
  position: absolute;
  pointer-events: none;
}
.ele-viewer-content > .ele-viewer-marker > .ele-viewer-marker-content {
  position: relative;
}

/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
.ele-virtual-table {
  --ele-table-radius: 0;
  --ele-table-color: var(--el-text-color-regular);
  --ele-table-border-color: var(--el-border-color-light);
  --ele-table-font-size: var(--el-font-size-base);
  --ele-table-line-height: 1.71428565;
  --ele-table-padding: 9px 12px;
  --ele-table-th-color: var(--el-text-color-primary);
  --ele-table-th-font-weight: normal;
  --ele-table-th-bg: var(--el-fill-color-lighter);
  --ele-table-tr-bg: var(--el-bg-color);
  --ele-table-tr-hover-bg: var(--el-fill-color-light);
  --ele-table-tr-active-bg: var(--el-color-primary-light-9);
  --ele-table-tr-active-hover-bg: var(--el-color-primary-light-8);
  --ele-table-even-bg: var(--el-fill-color-lighter);
  --ele-table-lg-size: var(--el-font-size-base);
  --ele-table-lg-padding: 13px 16px;
  --ele-table-lg-radius: 0;
  --ele-table-sm-size: var(--el-font-size-extra-small);
  --ele-table-sm-padding: 4px 8px;
  --ele-table-sm-radius: 0;
  --ele-table-icon-color: var(--el-text-color-disabled);
  --ele-table-icon-hover-color: var(--el-text-color-secondary);
  --ele-table-icon-hover-bg: rgba(0, 0, 0, 0.08);
  --ele-table-icon-radius: var(--el-border-radius-small);
  --ele-table-icon-margin: 6px;
  --ele-table-sort-size: 5px;
  --ele-table-sort-space: 4px;
  --ele-table-sort-hover-bg: var(--el-fill-color);
  --ele-table-filter-size: 14px;
  --ele-table-filter-padding: 4px 2px;
  --ele-table-filter-margin: 0 -6px 0 4px;
  --ele-table-expand-margin: 0 4px 0 -2px;
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-table-fixed-backdrop-filter: none;
  --ele-table-sticky-top: 0;
  --ele-table-fixed-header-sticky-top: 94px;
  --ele-table-maximized-sticky-top: 40px;
  --ele-table-fix-height: 0.45px;
}

.ele-table-filter-popper {
  --ele-table-filter-max-height: 386px;
  --ele-table-filter-padding: 6px 0;
  --ele-table-filter-item-height: 32px;
  --ele-table-filter-item-margin: 2px;
  --ele-table-filter-item-padding: 0 16px;
  --ele-table-filter-item-radius: 0;
  --ele-table-filter-item-color: var(--el-text-color-regular);
  --ele-table-filter-item-hover-color: var(--el-text-color-primary);
  --ele-table-filter-item-hover-bg: var(--el-fill-color-light);
  --ele-table-filter-item-active-color: var(--el-color-primary);
  --ele-table-filter-item-active-bg: var(--el-color-primary-light-9);
  --ele-table-filter-item-active-hover-bg: var(--el-color-primary-light-8);
  --ele-table-filter-item-active-font-weight: normal;
  --ele-table-filter-footer-padding: 6px 10px;
  --ele-table-filter-footer-border: 1px solid var(--el-border-color-light);
}

body .ele-virtual-table > .el-table-v2 {
  --el-table-border-color: var(--ele-table-border-color);
  --el-table-text-color: var(--ele-table-color);
  --el-table-fixed-left-column: var(--ele-table-fixed-left-shadow);
  --el-table-fixed-right-column: var(--ele-table-fixed-right-shadow);
}

.ele-virtual-table {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  /* 原始样式重写 */
}
.ele-virtual-table > .el-table-v2, .ele-virtual-table > .el-table-v2 > .el-table-v2__main, .ele-virtual-table > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper, .ele-virtual-table > .el-table-v2 .el-table-v2__body > div:not(.el-virtual-scrollbar) {
  max-width: 100%;
}
.ele-virtual-table.is-auto-width > .el-table-v2, .ele-virtual-table.is-auto-width > .el-table-v2 > .el-table-v2__main, .ele-virtual-table.is-auto-width > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper, .ele-virtual-table.is-auto-width > .el-table-v2 .el-table-v2__body > div:not(.el-virtual-scrollbar) {
  min-width: 100%;
}
.ele-virtual-table > .el-table-v2 {
  font-size: var(--ele-table-font-size);
  box-sizing: border-box;
  position: static;
}
.ele-virtual-table > .el-table-v2 > .el-table-v2__main, .ele-virtual-table > .el-table-v2 > .el-table-v2__footer {
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.ele-virtual-table > .el-table-v2 > .el-table-v2__main {
  overflow: visible;
  background: none;
  position: static;
}
.ele-virtual-table > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper {
  position: relative;
  z-index: 4;
}
.ele-virtual-table > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header {
  overflow: visible;
}
.ele-virtual-table > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > .el-vl__horizontal {
  max-width: calc(100% - 12px);
  overflow: hidden;
}
.ele-virtual-table > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > .el-vl__vertical {
  max-height: calc(100% - 8px);
  overflow: hidden;
}
.ele-virtual-table > .el-table-v2 .ele-table-tr,
.ele-virtual-table > .el-table-v2 .ele-table-head-tr {
  align-items: flex-start;
  position: relative;
  overflow: visible;
  background: none;
  border: none;
  padding: 0;
}
.ele-virtual-table {
  /* 单元格样式 */
}
.ele-virtual-table > .el-table-v2 .ele-table-td {
  flex-shrink: 0;
  box-sizing: border-box;
  padding: var(--ele-table-padding);
  padding-right: 0;
  padding-left: 0;
  border-bottom: 1px solid var(--ele-table-border-color);
  transition: background-color 0.2s;
  position: relative;
  overflow: visible;
}
.ele-virtual-table > .el-table-v2 .ele-table-td > .ele-table-cell {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  padding: var(--ele-table-padding);
  line-height: var(--ele-table-line-height);
  padding-bottom: 0;
  padding-top: 0;
}
.ele-virtual-table {
  /* 单元格背景 */
}
.ele-virtual-table .ele-table-tr > .ele-table-td {
  background: var(--ele-table-tr-bg);
}
.ele-virtual-table .ele-table-tr.is-even > .ele-table-td {
  background: var(--ele-table-even-bg);
}
.ele-virtual-table .ele-table-tr:hover:not(.is-expand-row) > .ele-table-td, .ele-virtual-table .ele-table-tr.is-hovered:not(.is-expand-row) > .ele-table-td {
  background: var(--ele-table-tr-hover-bg);
}
.ele-virtual-table .ele-table-tr.is-current:not(.is-expand-row) > .ele-table-td {
  background: var(--ele-table-tr-active-bg);
}
.ele-virtual-table .ele-table-tr.is-current:not(.is-expand-row):hover > .ele-table-td, .ele-virtual-table .ele-table-tr.is-current:not(.is-expand-row).is-hovered > .ele-table-td {
  background: var(--ele-table-tr-active-hover-bg);
}
.ele-virtual-table {
  /* 表头单元格 */
}
.ele-virtual-table .ele-table-head-tr > .ele-table-td > .ele-table-cell,
.ele-virtual-table .ele-table-td.is-selection > .ele-table-cell,
.ele-virtual-table .ele-table-td.is-selection > .ele-table-cell > .ele-cell-title {
  display: flex;
  align-items: center;
}
.ele-virtual-table .ele-table-cell > .ele-cell-title {
  flex: 1;
  color: var(--ele-table-th-color);
  font-weight: var(--ele-table-th-font-weight);
  position: relative;
}
.ele-virtual-table .ele-table-head-tr > .ele-table-td {
  background: var(--ele-table-th-bg);
}
.ele-virtual-table .ele-table-head-tr > .ele-table-td.is-sortable:hover {
  background: var(--ele-table-sort-hover-bg);
}
.ele-virtual-table .ele-table-head-tr > .ele-table-td::after {
  content: "";
  width: 0;
  height: 20px;
  border-right: 1px solid var(--ele-table-border-color);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.ele-virtual-table .ele-table-head-tr > .ele-table-td:last-child::after,
.ele-virtual-table .ele-table-head-tr > .ele-table-td.is-selection::after,
.ele-virtual-table .ele-table-head-tr > .ele-table-td.is-expand::after, .ele-virtual-table.is-border > .el-table-v2 > .el-table-v2__table > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td::after, .ele-virtual-table.is-ping-left > .el-table-v2 > .el-table-v2__table > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .is-fixed-left-last::after {
  display: none;
}
.ele-virtual-table {
  /* 列宽拉伸线 */
}
.ele-virtual-table .ele-table-head-tr > .ele-table-td > .ele-table-resize-handle {
  width: 12px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -6px;
  display: flex;
  justify-content: center;
  cursor: e-resize;
  z-index: 2;
}
.ele-virtual-table .ele-table-head-tr > .ele-table-td > .ele-table-resize-handle::after {
  content: "";
  width: 3px;
  height: 100%;
}
.ele-virtual-table .ele-table-head-tr > .ele-table-td > .ele-table-resize-handle:hover::after {
  background: var(--el-color-primary);
}
.ele-virtual-table .ele-table-resize-line {
  width: 12px;
  height: 100%;
  margin: 0 0 0 -6px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  cursor: e-resize;
  z-index: 5;
}
.ele-virtual-table .ele-table-resize-line::after {
  content: "";
  width: 3px;
  height: 100%;
  background: var(--el-color-primary);
}
.ele-virtual-table:not(.is-column-resizing) > .ele-table-resize-line {
  display: none;
}
.ele-virtual-table.is-column-resizing, .ele-virtual-table.is-column-resizing * {
  user-select: none;
}
.ele-virtual-table.is-column-resizing .ele-table-head-tr > .ele-table-td {
  pointer-events: none;
}
.ele-virtual-table {
  /* 单元格对齐 */
}
.ele-virtual-table .ele-table-td.is-align-left > .ele-table-cell,
.ele-virtual-table .ele-table-td.is-align-left > .ele-table-cell > .ele-cell-title {
  justify-content: flex-start;
  text-align: left;
}
.ele-virtual-table .ele-table-td.is-align-center > .ele-table-cell,
.ele-virtual-table .ele-table-td.is-align-center > .ele-table-cell > .ele-cell-title {
  justify-content: center;
  text-align: center;
}
.ele-virtual-table .ele-table-td.is-align-right > .ele-table-cell,
.ele-virtual-table .ele-table-td.is-align-right > .ele-table-cell > .ele-cell-title {
  justify-content: flex-end;
  text-align: right;
}
.ele-virtual-table {
  /* 单元格省略 */
}
.ele-virtual-table .ele-table-td.is-ellipsis > .ele-table-cell,
.ele-virtual-table .ele-table-td.is-ellipsis > .ele-table-cell > .ele-cell-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.ele-virtual-table {
  /* 合并行列 */
}
.ele-virtual-table .ele-table-td.is-none {
  display: none;
}
.ele-virtual-table .ele-table-td.is-placeholder {
  visibility: hidden;
}
.ele-virtual-table .ele-table-td.is-multi-row {
  z-index: 2;
}
.ele-virtual-table {
  /* 固定列 */
}
.ele-virtual-table .ele-table-td.is-fixed-left, .ele-virtual-table .ele-table-td.is-fixed-right {
  position: sticky;
  z-index: 3;
}
.ele-virtual-table .ele-table-td.is-fixed-left-last::before, .ele-virtual-table .ele-table-td.is-fixed-right-first::before {
  content: "";
  width: 10px;
  position: absolute;
  top: 0;
  bottom: -1px;
  transition: box-shadow 0.2s;
  pointer-events: none;
}
.ele-virtual-table .ele-table-td.is-fixed-left-last::before {
  right: -10px;
}
.ele-virtual-table .ele-table-td.is-fixed-right-first::before {
  left: -10px;
}
.ele-virtual-table.is-ping-left > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td.is-fixed-left, .ele-virtual-table.is-ping-left > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td.is-fixed-left, .ele-virtual-table.is-ping-left > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td.is-fixed-left {
  backdrop-filter: var(--ele-table-fixed-backdrop-filter);
}
.ele-virtual-table.is-ping-left > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td.is-fixed-left-last, .ele-virtual-table.is-ping-left > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td.is-fixed-left-last, .ele-virtual-table.is-ping-left > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td.is-fixed-left-last {
  border-right-color: transparent;
}
.ele-virtual-table.is-ping-left > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td.is-fixed-left-last::before, .ele-virtual-table.is-ping-left > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td.is-fixed-left-last::before, .ele-virtual-table.is-ping-left > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td.is-fixed-left-last::before {
  box-shadow: var(--ele-table-fixed-left-shadow);
}
.ele-virtual-table.is-ping-right > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td.is-fixed-right, .ele-virtual-table.is-ping-right > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td.is-fixed-right, .ele-virtual-table.is-ping-right > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td.is-fixed-right {
  backdrop-filter: var(--ele-table-fixed-backdrop-filter);
}
.ele-virtual-table.is-ping-right > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td.is-fixed-right-first, .ele-virtual-table.is-ping-right > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td.is-fixed-right-first, .ele-virtual-table.is-ping-right > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td.is-fixed-right-first {
  border-left-color: transparent;
}
.ele-virtual-table.is-ping-right > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td.is-fixed-right-first::before, .ele-virtual-table.is-ping-right > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td.is-fixed-right-first::before, .ele-virtual-table.is-ping-right > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td.is-fixed-right-first::before {
  box-shadow: var(--ele-table-fixed-right-shadow);
}
.ele-virtual-table {
  /* 展开行 */
}
.ele-virtual-table .ele-table-tr.is-expand-row > .ele-table-td {
  flex: 1;
  width: 100%;
  display: block;
}
.ele-virtual-table {
  /* 展开图标 */
}
.ele-virtual-table .ele-table-expand {
  font-size: 14px;
  align-items: center;
  justify-content: center;
  border-radius: var(--ele-table-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  cursor: pointer;
}
.ele-virtual-table .ele-table-expand > .el-icon {
  transition: all 0.2s;
}
.ele-virtual-table .ele-table-expand > .el-icon > .ele-arrow-down {
  stroke-width: 4.6;
  transform: translateY(0.4px);
}
.ele-virtual-table .ele-table-expand.is-collapse > .el-icon:not(.is-loading) {
  transform: rotate(-90deg);
}
.ele-virtual-table .ele-table-expand:hover {
  background: var(--ele-table-icon-hover-bg);
}
.ele-virtual-table .ele-table-expand,
.ele-virtual-table .ele-table-indent,
.ele-virtual-table .ele-table-placeholder {
  width: 16px;
  height: 16px;
  display: inline-flex;
  vertical-align: -2px;
}
.ele-virtual-table .ele-table-expand,
.ele-virtual-table .ele-table-placeholder {
  margin: var(--ele-table-expand-margin);
}
.ele-virtual-table {
  /* 展开列 */
}
.ele-virtual-table .ele-table-td.is-expand .ele-table-expand {
  margin: 0;
  justify-content: center;
}
.ele-virtual-table {
  /* 表尾 */
}
.ele-virtual-table .ele-table-foot-tr {
  display: flex;
  align-items: flex-start;
}
.ele-virtual-table .ele-table-foot-tr > .ele-table-td {
  height: 100%;
  display: flex;
  align-items: center;
  background: var(--ele-table-th-bg);
  border-bottom: none;
}
.ele-virtual-table > .el-table-v2 > .el-table-v2__footer {
  box-shadow: 0 -0.8px 0 var(--ele-table-border-color);
  position: relative;
  z-index: 3;
}
.ele-virtual-table {
  /* 边框线 */
}
.ele-virtual-table.is-border::before, .ele-virtual-table.is-border::after, .ele-virtual-table > .el-table-v2::before, .ele-virtual-table > .el-table-v2::after {
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 5;
}
.ele-virtual-table > .el-table-v2::before, .ele-virtual-table > .el-table-v2::after {
  left: 0;
  right: 0;
  width: 100%;
  height: calc(1px + var(--ele-table-radius));
}
.ele-virtual-table > .el-table-v2::before {
  content: "";
  bottom: 0;
  border-bottom: 1px solid var(--ele-table-border-color);
}
.ele-virtual-table.is-border > .el-table-v2::after, .ele-virtual-table.hide-header > .el-table-v2::after {
  content: "";
  top: 0;
  border-top: 1px solid var(--ele-table-border-color);
}
.ele-virtual-table.is-border > .el-table-v2::before, .ele-virtual-table.is-border > .el-table-v2::after {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}
.ele-virtual-table.has-footer:not(.is-border) > .el-table-v2::before, .ele-virtual-table.hide-bottom-line > .el-table-v2::before {
  display: none;
}
.ele-virtual-table {
  /* 全边框 */
}
.ele-virtual-table.is-border::before, .ele-virtual-table.is-border::after {
  content: "";
  top: 0;
  bottom: 0;
  height: 100%;
  width: calc(1px + var(--ele-table-radius));
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.ele-virtual-table.is-border::before {
  left: 0;
  border-left: 1px solid var(--ele-table-border-color);
}
.ele-virtual-table.is-border::after {
  right: 0;
  border-right: 1px solid var(--ele-table-border-color);
}
.ele-virtual-table.is-border > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td, .ele-virtual-table.is-border > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td, .ele-virtual-table.is-border > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td {
  border-right: 1px solid var(--ele-table-border-color);
}
.ele-virtual-table.is-border > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td:last-child, .ele-virtual-table.is-border > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td:last-child, .ele-virtual-table.is-border > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td:last-child {
  border-right-color: transparent;
}
.ele-virtual-table {
  /* 隐藏表头 */
}
.ele-virtual-table.hide-header > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper {
  display: none;
}
.ele-virtual-table {
  /* 粘性表头 */
}
.ele-virtual-table.is-sticky > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper {
  position: sticky;
  top: var(--ele-table-sticky-top);
}
.ele-virtual-table.is-sticky.is-layout-fixed-head > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper {
  top: var(--ele-table-fixed-header-sticky-top);
}
.ele-virtual-table.is-sticky.is-layout-maximized > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper {
  top: var(--ele-table-maximized-sticky-top);
}
.ele-virtual-table {
  /* 圆角 */
}
.ele-virtual-table > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper, .ele-virtual-table.is-border > .el-table-v2::after, .ele-virtual-table.is-border.hide-header > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) {
  border-top-left-radius: var(--ele-table-radius);
  border-top-right-radius: var(--ele-table-radius);
}
.ele-virtual-table > .el-table-v2 > .el-table-v2__footer, .ele-virtual-table.is-border > .el-table-v2::before, .ele-virtual-table.is-border:not(.has-footer) > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) {
  border-bottom-left-radius: var(--ele-table-radius);
  border-bottom-right-radius: var(--ele-table-radius);
}
.ele-virtual-table.is-border::before {
  border-bottom-left-radius: var(--ele-table-radius);
  border-top-left-radius: var(--ele-table-radius);
}
.ele-virtual-table.is-border::after {
  border-bottom-right-radius: var(--ele-table-radius);
  border-top-right-radius: var(--ele-table-radius);
}
.ele-virtual-table.is-large > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper, .ele-virtual-table.is-large.is-border > .el-table-v2::after, .ele-virtual-table.is-large.is-border.hide-header > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) {
  border-top-left-radius: var(--ele-table-lg-radius);
  border-top-right-radius: var(--ele-table-lg-radius);
}
.ele-virtual-table.is-large > .el-table-v2 > .el-table-v2__footer, .ele-virtual-table.is-large.is-border > .el-table-v2::before, .ele-virtual-table.is-large.is-border:not(.has-footer) > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) {
  border-bottom-left-radius: var(--ele-table-lg-radius);
  border-bottom-right-radius: var(--ele-table-lg-radius);
}
.ele-virtual-table.is-large.is-border::before {
  border-bottom-left-radius: var(--ele-table-lg-radius);
  border-top-left-radius: var(--ele-table-lg-radius);
}
.ele-virtual-table.is-large.is-border::after {
  border-bottom-right-radius: var(--ele-table-lg-radius);
  border-top-right-radius: var(--ele-table-lg-radius);
}
.ele-virtual-table.is-small > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper, .ele-virtual-table.is-small.is-border > .el-table-v2::after, .ele-virtual-table.is-small.is-border.hide-header > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) {
  border-top-left-radius: var(--ele-table-sm-radius);
  border-top-right-radius: var(--ele-table-sm-radius);
}
.ele-virtual-table.is-small > .el-table-v2 > .el-table-v2__footer, .ele-virtual-table.is-small.is-border > .el-table-v2::before, .ele-virtual-table.is-small.is-border:not(.has-footer) > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) {
  border-bottom-left-radius: var(--ele-table-sm-radius);
  border-bottom-right-radius: var(--ele-table-sm-radius);
}
.ele-virtual-table.is-small.is-border::before {
  border-bottom-left-radius: var(--ele-table-sm-radius);
  border-top-left-radius: var(--ele-table-sm-radius);
}
.ele-virtual-table.is-small.is-border::after {
  border-bottom-right-radius: var(--ele-table-sm-radius);
  border-top-right-radius: var(--ele-table-sm-radius);
}
.ele-virtual-table {
  /* 大型尺寸 */
}
.ele-virtual-table.is-large > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td, .ele-virtual-table.is-large > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td, .ele-virtual-table.is-large > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td {
  padding: var(--ele-table-lg-padding);
  padding-right: 0;
  padding-left: 0;
}
.ele-virtual-table.is-large > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td > .ele-table-cell, .ele-virtual-table.is-large > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td > .ele-table-cell, .ele-virtual-table.is-large > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td > .ele-table-cell {
  padding: var(--ele-table-lg-padding);
  padding-bottom: 0;
  padding-top: 0;
}
.ele-virtual-table.is-large > .el-table-v2 {
  font-size: var(--ele-table-lg-size);
}
.ele-virtual-table {
  /* 小型尺寸 */
}
.ele-virtual-table.is-small > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td, .ele-virtual-table.is-small > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td, .ele-virtual-table.is-small > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td {
  padding: var(--ele-table-sm-padding);
  padding-right: 0;
  padding-left: 0;
}
.ele-virtual-table.is-small > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) > div > .ele-table-tr > .ele-table-td > .ele-table-cell, .ele-virtual-table.is-small > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper > .el-table-v2__header > .ele-table-head-tr > .ele-table-td > .ele-table-cell, .ele-virtual-table.is-small > .el-table-v2 > .el-table-v2__footer > .ele-table-foot-tr > .ele-table-td > .ele-table-cell {
  padding: var(--ele-table-sm-padding);
  padding-bottom: 0;
  padding-top: 0;
}
.ele-virtual-table.is-small > .el-table-v2 {
  font-size: var(--ele-table-sm-size);
}
.ele-virtual-table {
  /* 空状态 */
}
.ele-virtual-table .ele-table-empty-text {
  height: 60px;
  line-height: 60px;
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-base);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.ele-virtual-table .ele-table-empty {
  padding: 58px 0;
  line-height: 1;
}
.ele-virtual-table .ele-table-empty .el-empty__description {
  margin-top: 8px;
}
.ele-virtual-table .ele-table-empty .el-empty__description p {
  color: var(--el-text-color-placeholder);
}
.ele-virtual-table > .el-table-v2 > .el-table-v2__empty {
  bottom: 0;
  overflow: auto;
}
.ele-virtual-table {
  /* 表格内组件样式优化 */
}
.ele-virtual-table .ele-table-td {
  /* 表单组件 */
}
.ele-virtual-table .ele-table-td .el-checkbox,
.ele-virtual-table .ele-table-td .el-switch {
  height: auto;
}
.ele-virtual-table .ele-table-td {
  /* Link */
}
.ele-virtual-table .ele-table-td .el-link {
  display: inline;
  font-size: inherit;
}
.ele-virtual-table .ele-table-td .el-link > .el-link__inner {
  display: inline;
}
.ele-virtual-table .ele-table-td .el-link > .el-icon {
  vertical-align: -1.7px;
}

/* 表头排序 */
.ele-table-sorter {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-left: var(--ele-table-icon-margin);
  box-sizing: border-box;
}
.ele-table-sorter::before, .ele-table-sorter::after {
  content: "";
  width: 0;
  height: 0;
  border: var(--ele-table-sort-size) solid transparent;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.ele-table-sorter::before {
  border-bottom-color: var(--ele-table-icon-color);
  margin-top: calc(var(--ele-table-sort-size) * -1);
  margin-bottom: calc(var(--ele-table-sort-space) / 2);
}
.ele-table-sorter::after {
  border-top-color: var(--ele-table-icon-color);
  margin-bottom: calc(var(--ele-table-sort-size) * -1);
  margin-top: calc(var(--ele-table-sort-space) / 2);
}

.ele-table-td:hover > .ele-table-cell > .ele-table-sorter::before {
  border-bottom-color: var(--ele-table-icon-hover-color);
}
.ele-table-td:hover > .ele-table-cell > .ele-table-sorter::after {
  border-top-color: var(--ele-table-icon-hover-color);
}
.ele-table-td.is-ascending > .ele-table-cell > .ele-table-sorter::before {
  border-bottom-color: var(--el-color-primary);
}
.ele-table-td.is-descending > .ele-table-cell > .ele-table-sorter::after {
  border-top-color: var(--el-color-primary);
}

/* 表头筛选 */
.ele-table-filter {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ele-table-icon-color);
  font-size: var(--ele-table-filter-size);
  margin: var(--ele-table-filter-margin);
  padding: var(--ele-table-filter-padding);
  border-radius: var(--ele-table-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ele-table-filter:hover {
  color: var(--ele-table-icon-hover-color);
  background: var(--ele-table-icon-hover-bg);
}
.ele-table-filter > .el-icon {
  position: static;
}
.ele-table-filter > .el-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.ele-table-td.is-filtered > .ele-table-cell > .ele-table-filter {
  color: var(--el-color-primary);
}

/* 表头筛选下拉 */
.el-popper.ele-popper.ele-table-filter-popper {
  min-width: 100px;
}

.ele-table-filter-popper > .el-popper__arrow {
  display: none;
}
.ele-table-filter-popper .el-checkbox-group {
  padding: var(--ele-table-filter-padding);
  box-sizing: border-box;
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox {
  width: 100%;
  display: flex;
  height: var(--ele-table-filter-item-height);
  padding: var(--ele-table-filter-item-padding);
  border-radius: var(--ele-table-filter-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  margin: 0;
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox > .el-checkbox__label {
  color: var(--ele-table-filter-item-color);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox:hover {
  background: var(--ele-table-filter-item-hover-bg);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox:hover > .el-checkbox__label {
  color: var(--ele-table-filter-item-hover-color);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox.is-checked {
  background: var(--ele-table-filter-item-active-bg);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox.is-checked > .el-checkbox__label {
  color: var(--ele-table-filter-item-active-color);
  font-weight: var(--ele-table-filter-item-active-font-weight);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox.is-checked:hover {
  background: var(--ele-table-filter-item-active-hover-bg);
}
.ele-table-filter-popper .el-checkbox-group > .el-checkbox + .el-checkbox {
  margin-top: var(--ele-table-filter-item-margin);
}
.ele-table-filter-popper .ele-table-filter-body > .el-scrollbar__wrap, .ele-table-filter-popper > .el-scrollbar > .el-scrollbar__wrap {
  max-height: var(--ele-table-filter-max-height);
}
.ele-table-filter-popper .ele-table-filter-footer {
  padding: var(--ele-table-filter-footer-padding);
  border-top: var(--ele-table-filter-footer-border);
  box-sizing: border-box;
  text-align: right;
}
.ele-table-filter-popper .ele-table-filter-footer > .el-button.el-button--primary {
  border: none;
}
.ele-table-filter-popper .ele-table-filter-footer > .el-button + .el-button {
  margin-left: 4px;
}
.ele-table-filter-popper .ele-table-filter-list {
  padding: var(--ele-table-filter-padding);
  max-height: var(--ele-table-filter-max-height);
  box-sizing: border-box;
  overflow: auto;
}
.ele-table-filter-popper .ele-table-filter-item {
  font-size: var(--el-font-size-base);
  color: var(--ele-table-filter-item-color);
  height: var(--ele-table-filter-item-height);
  line-height: var(--ele-table-filter-item-height);
  padding: var(--ele-table-filter-item-padding);
  border-radius: var(--ele-table-filter-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}
.ele-table-filter-popper .ele-table-filter-item + .ele-table-filter-item {
  margin-top: var(--ele-table-filter-item-margin);
}
.ele-table-filter-popper .ele-table-filter-item:hover {
  color: var(--ele-table-filter-item-hover-color);
  background: var(--ele-table-filter-item-hover-bg);
}
.ele-table-filter-popper .ele-table-filter-item.is-active {
  color: var(--ele-table-filter-item-active-color);
  background: var(--ele-table-filter-item-active-bg);
  font-weight: var(--ele-table-filter-item-active-font-weight);
}
.ele-table-filter-popper .ele-table-filter-item.is-active:hover {
  background: var(--ele-table-filter-item-active-hover-bg);
}

/* 移动端支持触摸滚动 */
@media (pointer: coarse) {
  .ele-virtual-table > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar) {
    overflow: auto !important;
    scrollbar-width: none;
  }
  .ele-virtual-table > .el-table-v2 > .el-table-v2__main > .el-table-v2__body > div:not(.el-virtual-scrollbar)::-webkit-scrollbar {
    display: none;
  }
}.xgplayer-fullscreen-parent{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen{z-index:10;position:absolute}.xgplayer-rotate-parent{position:fixed;top:0;left:100%;bottom:0;right:0;width:100vh;height:100vw;z-index:9999;transform-origin:top left;transform:rotate(90deg)}.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen{position:absolute;top:0;left:0;z-index:10;margin:0;padding:0;width:100%;height:100%;transform:rotate(0)}.xgplayer-rotate-parent .xgplayer-mobile video{z-index:-1}.xgplayer{position:relative;width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.xgplayer *{margin:0;padding:0;border:0;vertical-align:baseline;white-space:normal;word-wrap:normal;overflow-wrap:normal}.xgplayer ul,.xgplayer li{list-style:none}.xgplayer .xgplayer-none{display:none}.xgplayer.xgplayer-is-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:9999}.xgplayer.xgplayer-is-cssfullscreen{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer.xgplayer-rotate-fullscreen{position:fixed;top:0;left:100%;bottom:0;right:0;width:100vh;height:100vw;transform-origin:top left;transform:rotate(90deg);z-index:9999}.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video{z-index:-1}.xgplayer xg-video-container.xg-video-container{position:absolute;top:0;bottom:48px;display:block;width:100%}.xgplayer video{position:absolute;top:0;left:0;width:100%;height:100%;outline:none}.xgplayer[data-xgfill=contain] video{-o-object-fit:contain;object-fit:contain}.xgplayer[data-xgfill=cover] video{-o-object-fit:cover;object-fit:cover}.xgplayer[data-xgfill=fill] video{-o-object-fit:fill;object-fit:fill}.xgplayer .xg-pos{left:10px;right:10px}.xgplayer .xg-margin{margin-left:16px;margin-right:16px}.xgplayer .xg-bottom{bottom:0}.xgplayer .btn-text{position:relative;top:50%;height:24px;font-size:13px;text-align:center}.xgplayer .btn-text span{display:inline-block;min-width:52px;height:24px;line-height:24px;background:rgba(0,0,0,.38);border-radius:12px}.xgplayer xg-icon{position:relative;box-sizing:border-box;height:40px;margin-left:16px;margin-right:16px;cursor:pointer;color:#fffc;fill:#fff}.xgplayer xg-icon.xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-tips{top:-30px;left:50%;transform:translate(-50%)}.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips{display:block}.xgplayer xg-icon:active .xg-tips.hide,.xgplayer xg-icon:hover .xg-tips.hide{display:none}.xgplayer xg-icon .xgplayer-icon{position:relative;top:50%;transform:translateY(-50%);cursor:pointer}.xgplayer xg-icon .xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-img{width:100%}.xgplayer xg-icon svg,.xgplayer xg-icon img{height:100%;display:block}.xgplayer xg-bar{display:block}.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar{display:none}.xgplayer.xgplayer-inactive .xg-top-bar{display:flex}.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide{display:none}.xgplayer .xg-top-bar{position:absolute;z-index:10;top:0;padding:0 16px;display:flex;height:50px}.xgplayer .xg-top-bar xg-icon{position:relative;top:10px;left:0;width:34px;margin-top:0}.xgplayer .xg-top-bar xg-icon:first-child{margin-left:0}.xgplayer .xg-left-bar,.xgplayer .xg-right-bar{position:absolute;z-index:9;top:50px;bottom:50px;width:50px}.xgplayer .xg-left-bar{left:0}.xgplayer .xg-right-bar{right:0}.xgplayer .xg-tips{display:none;position:absolute;padding:4px 6px;background:rgba(0,0,0,.54);border-radius:4px;font-size:12px;color:#fff;text-align:center;white-space:nowrap;opacity:.85}.xgplayer .xg-margin{left:0px;right:0px}.xgplayer-mobile{-webkit-tap-highlight-color:rgba(0,0,0,0)}.xgplayer-mobile *{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos{left:6%;right:6%}.xgplayer-mobile xg-icon:hover .xg-tips{display:none}.xg-list-slide-scroll::-webkit-scrollbar-track{background-color:transparent;display:none}.xg-list-slide-scroll:hover::-webkit-scrollbar-track{display:block}.xg-list-slide-scroll::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);height:4px;width:4px}.xg-list-slide-scroll::-webkit-scrollbar-corner{background:transparent;display:none}.xg-list-slide-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:3px;display:none;width:4px}.xg-list-slide-scroll:hover::-webkit-scrollbar-thumb{display:block}@media only screen and (max-width: 480px){.xgplayer-mobile xg-icon{margin-right:10px;margin-left:10px}.xgplayer-mobile .xg-top-bar{left:10px;right:10px}}@media screen and (orientation: portrait){.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls,.xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls{bottom:34px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar{top:34px;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}}@media only screen and (orientation: landscape){.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-fullscreen .xg-pos{left:6%;right:6%}.xgplayer-mobile.xgplayer-rotate-fullscreen{left:0;width:100vw;height:100vh;transform:rotate(0)}}.xgplayer .xgplayer-screen-container{display:block;width:100%}.xgplayer .xg-options-icon{display:none;cursor:pointer}.xgplayer .xg-options-icon.show{display:block}@keyframes xg_right_options_active{0%{transform:translate(50%)}to{transform:translate(-50%)}}@keyframes xg_right_options_hide{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_active{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_hide{0%{transform:translate(50%)}to{transform:translate(-50%)}}.xgplayer .xg-options-list{display:none;position:absolute;z-index:5;width:78px;right:50%;bottom:100%;background:rgba(0,0,0,.54);border-radius:1px;transform:translate(50%);cursor:pointer;overflow:auto;height:0;opacity:.85;font-size:14px;color:#fffc}.xgplayer .xg-options-list li{height:20px;line-height:20px;position:relative;padding:4px 0;text-align:center;color:#fffc}.xgplayer .xg-options-list li:hover,.xgplayer .xg-options-list li.selected{color:red;opacity:1}.xgplayer .xg-options-list li:nth-child(1){position:relative;margin-top:12px}.xgplayer .xg-options-list li:last-child{position:relative;margin-bottom:12px}.xgplayer .xg-options-list:hover{opacity:1}.xgplayer .xg-options-list.active{display:block;height:auto}.xgplayer .xg-options-list.xg-side-list{width:20%;height:100%;bottom:0;background:rgba(0,0,0,.9);display:flex;flex-direction:column;box-sizing:border-box}.xgplayer .xg-options-list.xg-side-list li{flex:1;width:100%;padding:0;position:relative}.xgplayer .xg-options-list.xg-side-list li span{display:block;position:relative;top:50%;transform:translateY(-50%);pointer-events:none}.xgplayer .xg-options-list.xg-side-list li:nth-child(1){margin-top:20px}.xgplayer .xg-options-list.xg-side-list li:last-child{margin-bottom:20px}.xgplayer .xg-options-list.xg-right-side{right:-10.5%}.xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:xg_right_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-right-side.hide{height:100%;animation:xg_right_options_hide .2s ease-in forwards}.xgplayer .xg-options-list.xg-left-side{left:-10.5%;transform:translate(-50%)}.xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:xg_left_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-left-side.hide{height:100%;animation:xg_left_options_hide .2s ease-in forwards}@media only screen and (max-width: 480px){.xgplayer-mobile .xg-options-icon.portrait{display:none}.xgplayer-mobile .xg-options-list li:hover{color:#fffc}.xgplayer-mobile .xg-options-list li.selected{color:red}}.xgplayer xg-thumbnail{display:block}.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-nostart .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide{pointer-events:none;visibility:hidden;cursor:default;opacity:0}.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow{pointer-events:auto;visibility:visible;opacity:1}.xgplayer .xgplayer-controls{display:block;position:absolute;visibility:visible;height:48px;left:0;right:0;bottom:0;opacity:1;z-index:10;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));transition:opacity .5s ease,visibility .5s ease}.xgplayer .xgplayer-controls.show{display:block;opacity:1;visibility:visible;pointer-events:auto}.xgplayer .xg-inner-controls{position:absolute;height:40px;bottom:0;justify-content:space-between;display:flex}.xgplayer .xg-left-grid,.xgplayer .xg-right-grid{position:relative;display:flex;flex-wrap:wrap;flex-shrink:1;height:100%;z-index:1}.xgplayer .xg-right-grid{flex-direction:row-reverse}.xgplayer .xg-right-grid>:first-child{margin-right:0}.xgplayer .xg-right-grid xg-icon{margin-left:0}.xgplayer .xg-left-grid>:first-child{margin-left:0}.xgplayer .xg-left-grid xg-icon{margin-right:0}.xgplayer .xg-center-grid{display:block;position:absolute;left:0;right:0;outline:none;top:-20px;padding:5px 0;text-align:center}.xgplayer .flex-controls .xg-inner-controls{justify-content:space-around;display:flex;bottom:8px}.xgplayer .flex-controls .xg-center-grid{display:flex;flex:1;position:relative;top:0;height:100%;justify-content:space-between;align-items:center;left:0;right:0;padding:0 16px}.xgplayer.xgplayer-mobile .xg-center-grid{z-index:2}.xgplayer.xgplayer-mobile .flex-controls .xg-center-grid{padding:0 8px}.xgplayer .bottom-controls .xg-center-grid{top:20px;padding:0}.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid{bottom:10px}.xgplayer .mini-controls{background-image:none}.xgplayer .mini-controls .xg-inner-controls{bottom:0;left:0;right:0}.xgplayer .mini-controls .xg-center-grid{bottom:-28px;top:auto;padding:0}.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid{display:none}.xgplayer .controls-follow{bottom:70px;transition:bottom .3s ease}.xgplayer.flex-controls .controls-follow{bottom:45px}.xgplayer.xgplayer-inactive .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.mini-controls .controls-follow{bottom:10px}.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull{display:block}.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull{display:none}.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull{display:block}.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen{display:none}.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen{display:block}.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen{display:none}.xgplayer .xg-top-bar .xgplayer-back{position:relative;left:0;top:16px;width:34px;height:40px;display:none}.xgplayer .xg-top-bar .xgplayer-back.show{display:block}.xgplayer .xgplayer-play .xg-icon-play{display:none}.xgplayer .xgplayer-play .xg-icon-pause,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-play{display:block}.xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause{display:none}.xgplayer .xgplayer-progress{display:flex;align-items:center;position:relative;min-width:10px;height:20px;left:0;right:0;top:0;outline:none;flex:1;cursor:pointer}.xgplayer .xgplayer-progress-outer{position:relative;width:100%;height:2px;border-radius:3px;cursor:pointer}.xgplayer .progress-list{display:flex;height:100%;width:100%;border-radius:inherit}.xgplayer .xgplayer-progress-inner{position:relative;flex:1;height:100%;background:rgba(255,255,255,.3);transition:height .2s ease-in,opacity .2s ease-out;border-radius:inherit;margin-right:2px;pointer-events:none}.xgplayer .xgplayer-progress-inner:last-child,.xgplayer .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer .inner-focus-point{background:#fff;position:relative}.xgplayer .inner-focus-point:before,.xgplayer .inner-focus-point:after{position:absolute;top:0;content:" ";display:block;width:2px;height:300%;top:50%;z-index:1;transform:translateY(-50%);border-radius:3px;background:#fff}.xgplayer .inner-focus-point:before{left:0}.xgplayer .inner-focus-point:after{right:0}.xgplayer .xgplayer-progress-cache,.xgplayer .xgplayer-progress-played{display:block;height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xgplayer .xgplayer-progress-played{background:linear-gradient(-90deg,#FA1F41 0%,#E31106 100%)}.xgplayer .xgplayer-progress-cache{background:rgba(255,255,255,.5)}.xgplayer .xgplayer-progress-btn{display:block;background:rgba(255,94,94,.304093);border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px #ff000062;width:20px;height:20px;border-radius:30px;left:0;top:50%;position:absolute;z-index:1;transform:translate(-50%,-50%);box-sizing:border-box;pointer-events:none}.xgplayer .xgplayer-progress-btn:before{content:" ";display:block;position:relative;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:30px;background:#FFFFFF}.xgplayer .xgplayer-progress-btn.active{border:4px solid rgba(255,94,94,.064057)}.xgplayer .xgplayer-progress-btn.active:before{box-shadow:0 0 3px #f85959b0}.xgplayer .xgplayer-progress-dot{display:inline-block;position:absolute;height:100%;width:5px;top:0px;background:white;border-radius:6px;z-index:16}.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip{position:absolute;left:25%;top:-40px;height:auto;line-height:30px;width:auto;transform:scale(.8) translate(-50%);background:rgba(0,0,0,.3);border-radius:6px;border:1px solid rgba(0,0,0,.8);cursor:default;white-space:nowrap;display:none}.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip{display:block}.xgplayer .flex-controls .xgplayer-progress{transform:translateY(0)}.xgplayer.xgplayer-pc .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(0)}.xgplayer.xgplayer-pc .xgplayer-progress-outer{height:3px}.xgplayer.xgplayer-pc .xgplayer-progress-inner{margin-right:4px}.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer.xgplayer-pc .inner-focus-point:before,.xgplayer.xgplayer-pc .inner-focus-point:after{width:3px}.xgplayer.xgplayer-pc .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s ease,margin-bottom .3s ease}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1)}.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before,.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after{width:6px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer{top:9px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before{height:6px;width:6px}.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer{height:4px}@media (prefers-color-scheme: dark){.xgplayer .xgplayer-progress .xgplayer-progress-inner{background-color:#ffffff4d}.xgplayer .xgplayer-progress .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer .xgplayer-progress .xgplayer-progress-btn{background:rgba(255,94,94,.304093);border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px #ff000062}.xgplayer .xgplayer-progress .xgplayer-progress-btn:before{background-color:#fff}.xgplayer .xgplayer-progress .xgplayer-progress-played{background-color:linear-gradient(-90deg,#FA1F41 0%,#E31106 100%)}.xgplayer .xgplayer-progress .xgplayer-progress-cache{background-color:#ffffff80}}.xg-mini-progress{display:none;position:absolute;height:2px;left:0;right:0;bottom:0px;pointer-events:none}.xg-mini-progress xg-mini-progress-played,.xg-mini-progress xg-mini-progress-cache{height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xg-mini-progress xg-mini-progress-played{background:linear-gradient(-90deg,#FA1F41 0%,#E31106 100%)}.xg-mini-progress xg-mini-progress-cache{background:rgba(255,255,255,.5)}.xg-mini-progress-show,.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress{display:block}.xgplayer .xgplayer-time{pointer-events:none;min-width:40px;font-size:14px;font-family:PingFangSC-Semibold;color:#fff;text-align:center;display:inline-block;line-height:40px}.xgplayer .xgplayer-time span{display:inline-block;line-height:40px;height:40px}.xgplayer .xgplayer-time span .time-min-width{text-align:center;min-width:2ch}.xgplayer .xgplayer-time span .time-min-width:first-child{text-align:right}.xgplayer .xgplayer-time span .time-min-width:last-child{text-align:left}.xgplayer .xgplayer-time .time-duration{color:#ffffff80}.xgplayer .xgplayer-time .time-live-tag{display:none}.xgplayer .xgplayer-time.xg-time-left{margin-left:0}.xgplayer .xgplayer-time.xg-time-right{margin-right:0}.xgplayer.xgplayer-mobile .xgplayer-time{min-width:30px;font-size:12px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left{margin-right:8px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right{margin-left:8px}.xgplayer .xgplayer-volume.slide-show .xgplayer-slider{display:block}.xgplayer .xgplayer-slider{display:none;position:absolute;width:28px;height:92px;background:rgba(0,0,0,.54);border-radius:1px;bottom:40px;outline:none}.xgplayer .xgplayer-slider:after{content:" ";display:block;height:15px;width:28px;position:absolute;bottom:-15px;left:0;z-index:20;cursor:initial}.xgplayer .xgplayer-value-label{position:absolute;left:0;right:0;bottom:100%;padding:5px 0 0;font-size:12px;background-color:#0000008a;color:#fff;text-align:center}.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag{display:block;position:absolute;bottom:6px;left:12px;background:rgba(255,255,255,.3);border-radius:100px;width:4px;height:76px;outline:none;cursor:pointer}.xgplayer .xgplayer-drag{bottom:0;left:0;background:#FA1F41;max-height:76px}.xgplayer .xgplayer-drag:after{content:" ";display:inline-block;width:8px;height:8px;background:#fff;box-shadow:0 0 5px #00000042;position:absolute;border-radius:50%;left:-2px;top:-4px}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume{display:block}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=small] .xg-volume{display:none}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small{display:block}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small{display:none}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute{display:block}.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider,.xgplayer-replay{display:none}.xgplayer .xgplayer-replay{display:none;position:absolute;left:50%;top:50%;width:100px;height:100px;justify-content:center;align-items:center;flex-direction:column;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-replay .xgplayer-replay-txt{display:inline-block;font-size:14px;color:#fff;line-height:34px;text-align:center}.xgplayer.xgplayer-mobile .xgplayer-replay-svg{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-replay-txt{line-height:24px;font-size:12px}.xgplayer .xgplayer-poster{display:block;opacity:1;visibility:visible;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-size:100% auto;background-repeat:no-repeat;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.xgplayer .xgplayer-poster.hide,.xgplayer.xgplayer-playing .xgplayer-poster{opacity:0;visibility:hidden}.xgplayer.xgplayer-playing .xg-not-hidden,.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.not-allow-autoplay .xgplayer-poster{opacity:1;visibility:visible}.xgplayer.xgplayer-nostart .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.not-allow-autoplay .xgplayer-poster.hide{opacity:0;visibility:hidden}@keyframes playPause{0%{transform:scale(1);opacity:1}99%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:0}}.xgplayer xg-start-inner{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:rgba(0,0,0,.38)}.xgplayer .xgplayer-start{width:70px;height:70px;position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-start svg{width:100%;height:100%}.xgplayer .xgplayer-start.hide,.xgplayer .xgplayer-start.focus-hide{display:none;pointer-events:none}.xgplayer .xgplayer-start:hover{opacity:.85}.xgplayer .xgplayer-start .xg-icon-play{display:block}.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:none}.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause,.xgplayer .xgplayer-start.interact{display:block}.xgplayer .xgplayer-start.interact xg-start-inner{animation:playPause .4s .1s ease-out forwards}.xgplayer .xgplayer-start.show{display:block}.xgplayer.xgplayer-mobile xg-start-inner{background:initial;border-radius:0}.xgplayer.xgplayer-mobile .xgplayer-start{height:50px;width:50px}.xgplayer.xgplayer-mobile .xgplayer-start:hover{opacity:1}.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-error .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-is-error .xgplayer-start.show{display:none}.xgplayer-enter{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:5;pointer-events:none}.xgplayer-enter .show{display:block}.xgplayer-enter .xgplayer-enter-spinner{display:block;position:absolute;z-index:1;left:50%;top:50%;height:100px;width:100px;transform:translate(-50%,-50%)}.xgplayer-enter .xgplayer-enter-spinner div{width:6%;height:13%;background-color:#ffffffb3;position:absolute;left:45%;top:45%;opacity:0;border-radius:30px;animation:fade 1s linear infinite}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1{transform:rotate(0) translateY(-140%);animation-delay:-0s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2{transform:rotate(30deg) translateY(-140%);animation-delay:-.9163s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3{transform:rotate(60deg) translateY(-140%);animation-delay:-.833s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4{transform:rotate(90deg) translateY(-140%);animation-delay:-.7497s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5{transform:rotate(120deg) translateY(-140%);animation-delay:-.6664s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6{transform:rotate(150deg) translateY(-140%);animation-delay:-.5831s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7{transform:rotate(180deg) translateY(-140%);animation-delay:-.4998s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8{transform:rotate(210deg) translateY(-140%);animation-delay:-.4165s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9{transform:rotate(240deg) translateY(-140%);animation-delay:-.3332s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10{transform:rotate(270deg) translateY(-140%);animation-delay:-.2499s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11{transform:rotate(300deg) translateY(-140%);animation-delay:-.1666s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12{transform:rotate(330deg) translateY(-142%);animation-delay:-.0833s}@keyframes fade{0%{opacity:1}to{opacity:.25}}.xgplayer.xgplayer-is-enter .xgplayer-enter{display:block;opacity:1;transition:opacity .3s}.xgplayer.xgplayer-nostart .xgplayer-enter{display:none}.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner{width:70px;height:70px}.xg-mini-layer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;background:linear-gradient(180deg,rgba(57,57,57,.9),rgba(57,57,57,0) 50.27%)}.xg-mini-layer .mask{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0006}.xg-mini-layer xg-mini-header{display:flex;top:0;left:0;right:40px;box-sizing:border-box;padding:10px 3px 0 8px;justify-content:space-between;color:#fff;font-size:14px;position:absolute;z-index:22}.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn{pointer-events:all}.xg-mini-layer xg-mini-header #disabledMini{display:none;position:relative}.xg-mini-layer xg-mini-header #disabledMini+label{cursor:pointer;position:relative;display:flex;align-items:center}.xg-mini-layer xg-mini-header #disabledMini+label:before{content:"";color:#ff142b;background-color:transparent;border-radius:2px;border:solid 1px #cdcdcd;width:16px;height:16px;display:inline-block;text-align:center;vertical-align:middle;line-height:16px;margin-right:7px}.xg-mini-layer xg-mini-header #disabledMini:checked+label{color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:after{content:"";position:absolute;width:4px;height:8px;border-color:#ff142b;border-style:solid;border-width:0px 2px 2px 0px;transform:rotate(45deg);left:6px;top:5px}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips{position:absolute;padding:4px 6px;white-space:nowrap;bottom:-30px;right:15px;border-radius:4px;background-color:#0000008a;display:none}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label{color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips{display:block}.xg-mini-layer .mini-cancel-btn{cursor:pointer;display:block;color:#fff;width:40px;height:38px;position:absolute;right:0;top:0;text-align:center;line-height:38px}.xg-mini-layer .play-icon{cursor:pointer;height:48px;width:48px;position:absolute;background:rgba(0,0,0,.54);border-radius:24px;top:50%;left:50%;margin:-24px 0 0 -24px}.xg-mini-layer .play-icon svg,.xg-mini-layer .play-icon img{width:50px;height:50px;fill:#faf7f7}.xg-mini-layer .xg-icon-play{display:none}.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play{display:block}.xg-mini-layer[data-state=pause] .xg-icon-pause{display:none}.xgplayer-miniicon{position:relative;outline:none;display:block}.xgplayer-miniicon .name{text-align:center;font-size:13px;line-height:20px;height:20px;color:#fffc;line-height:40px}.xgplayer-miniicon .name span{font-size:13px;width:60px;height:20px;line-height:20px;background:rgba(0,0,0,.38);border-radius:10px;display:inline-block;vertical-align:middle}.xgplayer-mini{position:fixed;width:320px;height:180px;z-index:91;box-shadow:0 4px 7px 2px #0003}.xgplayer-mini:hover{cursor:move}.xgplayer-mini:hover .xg-mini-layer{display:block}.xgplayer-mini.xgplayer-ended .xg-mini-layer{display:none}.xgplayer-mobile .xg-mini-layer .play-icon{background:none;border-radius:initial}.xgplayer.xgplayer-inactive{cursor:none}.xgplayer xg-thumbnail{display:block}.xgplayer xg-trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;height:100%;width:100%}.xgplayer xg-trigger .time-preview{display:none;position:absolute;width:200px;margin:0 auto;padding:0 20px 30px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 1px rgba(0,0,0,.54);font-size:18px;text-align:center;pointer-events:none}.xgplayer xg-trigger .time-preview span{line-height:24px}.xgplayer xg-trigger .time-preview .xg-cur{color:red}.xgplayer xg-trigger .time-preview .xg-separator{font-size:14px}.xgplayer xg-trigger .time-preview .xg-seek-show{transform:translate(-10px)}.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre{transform:rotate(180deg) translate(-5px)}.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon{display:none}.xgplayer xg-trigger .time-preview .xg-bar{width:96px;height:2px;margin:8px auto 0;border-radius:10px;box-sizing:content-box;background:rgba(255,255,255,.3)}.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar{width:0;height:100%;background-color:red}.xgplayer xg-trigger .time-preview .xg-bar.hide{display:none}.xgplayer xg-trigger .mobile-thumbnail{position:relative;left:50%;transform:translate(-50%)}.xgplayer xg-trigger .xg-top-note{position:absolute;height:32px;width:135px;top:26px;left:50%;margin-left:-78px;background:rgba(0,0,0,.3);border-radius:100px;color:#fff}.xgplayer xg-trigger .xg-top-note span{display:block;line-height:32px;height:32px;font-size:13px;text-align:center}.xgplayer xg-trigger .xg-top-note i{color:red;margin:0 5px}.xgplayer xg-trigger .xg-playbackrate{display:none}.xgplayer xg-trigger[data-xg-action=seeking] .time-preview{display:block}.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate{display:block}.xgplayer .gradient{display:none;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.top{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%)}.xgplayer .gradient.bottom{background-image:linear-gradient(rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.none,.xgplayer-mobile .xgplayer-controls{background-image:initial}.xgplayer-mobile.xgplayer-playing .gradient{display:block}.xgplayer-mobile.xgplayer-inactive .gradient{background-image:initial}.xgplayer-mobile .xgmask{position:absolute;height:100%;z-index:10;top:0;left:0;width:100%;pointer-events:none;background-color:#0000}@media (prefers-color-scheme: dark){.xgplayer-mobile xg-trigger .time-preview{color:#fff}.xgplayer-mobile xg-trigger .time-preview span.xg-cur{color:red}.xgplayer-mobile xg-trigger .time-preview .xg-bar{background-color:#ffffff4d}.xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar{background-color:red}}@keyframes loadingRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes loadingDashOffset{0%{stroke-dashoffset:236}to{stroke-dashoffset:0}}xg-loading-inner{display:block;height:100%;width:100%;transform-origin:center;animation:loadingRotate 1s .1s linear infinite}.xgplayer-loading{display:none;width:70px;height:70px;overflow:hidden;position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.xgplayer-loading svg,.xgplayer-loading img{width:100%;height:100%}.xgplayer-mobile .xgplayer-loading{width:50px;height:50px}.xgplayer-isloading .xgplayer-loading{display:block}.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-error .xgplayer-loading,.xgplayer .xgplayer-pip .xg-exit-pip{display:none}.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip{display:block}.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip{display:none}.xgplayer .xgplayer-playnext{position:relative;display:none;cursor:pointer}.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext{display:block}.xgplayer .xgplayer-playnext:hover{opacity:.85}.xgplayer .xgplayer-playnext:hover .xgplayer-tips{display:block}.lang-is-en .xgplayer-playnext .xgplayer-tips{margin-left:-25px}.lang-is-jp .xgplayer-playnext .xgplayer-tips{margin-left:-38px}.xgplayer .xgplayer-download{position:relative;display:block;cursor:pointer}.lang-is-en .xgplayer-download .xgplayer-tips{margin-left:-32px}.lang-is-jp .xgplayer-download .xgplayer-tips{margin-left:-40px}.xgplayer .xgplayer-shot{display:none}.xgplayer-definition{display:none;cursor:pointer}.xgplayer .xgplayer-playbackrate{display:none;cursor:default}.xgplayer-error{background:#000;display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;color:#fff;text-align:center;line-height:100%;justify-content:center;align-items:center}.xgplayer-error .xgplayer-error-refresh{color:#fa1f41;padding:0 3px;cursor:pointer}.xgplayer-error .xgplayer-error-text{line-height:18px;margin:auto 6px 20px;display:block}.xgplayer-is-error .xgplayer-error{display:flex}.xgplayer .xgplayer-prompt{display:block;pointer-events:none;position:absolute;z-index:1;padding:6px 12px 5px;opacity:0;left:10px;background:rgba(0,0,0,.5);border-radius:50px;font-size:12px;line-height:17px;text-align:center;color:#fff}.xgplayer .xgplayer-prompt.show{display:block;opacity:1;z-index:10;pointer-events:initial}.xgplayer .xgplayer-prompt.arrow{transform:translate(-50%)}.xgplayer .xgplayer-prompt.arrow:after{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(0,0,0,.5);transform:translate(-50%,100%)}.xgplayer .xgplayer-prompt .highlight{display:inline-block;margin-left:6px;color:red;cursor:pointer}.xgplayer.xgplayer-is-error .xgplayer-prompt.show{display:none;opacity:1}.xgplayer .xgplayer-spot{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:12px}.xgplayer .xgplayer-spot.mini{min-width:6px;transform:translate(-50%)}.xgplayer .xgplayer-spot.active .xgplayer-spot-pop{display:block;opacity:1;pointer-events:initial}.xgplayer .xgplayer-spot-pop{display:block;opacity:0;pointer-events:none;position:absolute;left:50%;bottom:5px;padding-bottom:5px;transform:translate(-50%)}.xgplayer-mobile .xgplayer-spot{height:3px;min-width:3px;top:50%;opacity:1;transform:translateY(-50%)}.xgplayer-mobile .xgplayer-spot.mini{min-width:3px;transform:translate(-50%,-50%)}.xgplayer .xgplayer-progress.active .xgplayer-spot{opacity:1;transition:opacity .3s;visibility:visible}.xgplayer .xg-spot-info{position:absolute;left:0;bottom:100%;display:none}.xgplayer .xg-spot-info.short-line .xg-spot-line{height:6px}.xgplayer .xg-spot-info.short-line .xg-spot-content{bottom:-4px}.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail{display:none}.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point{display:block}.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point,.xgplayer .xg-spot-info.hide{display:none}.xgplayer .xgplayer-progress.active .xg-spot-info{display:block}.xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}.xgplayer .xg-spot-line{position:relative;bottom:-7px;margin-left:50%;display:block;width:1px;height:41px;background-color:#fff;pointer-events:none}.xgplayer .xgplayer-progress-point{display:none;position:relative;bottom:-4px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.54);font-size:11px;color:#fff;padding:4px 6px;border-radius:4px;text-align:center;opacity:.85;white-space:nowrap}.xgplayer .xg-spot-content{position:relative;bottom:-7px;color:#fff;border-radius:2px 2px 0 0}.xgplayer .xg-spot-ext-text{position:relative;bottom:-7px}.xgplayer .xg-spot-thumbnail{position:relative;background-color:#111010;pointer-events:none;border-radius:2px 2px 0 0}.xgplayer .xg-spot-time{position:absolute;bottom:2px;font-size:12px;line-height:16.8px;left:50%;transform:translate(-50%);pointer-events:none}.xgplayer .progress-thumbnail{margin:0 auto;display:block}.xgplayer .xg-spot-text{display:none;padding:5px 8px;background:rgba(0,0,0,.8);border-radius:0 0 2px 2px;pointer-events:none;box-sizing:border-box}.xgplayer .spot-inner-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;font-size:12px;max-height:40px}.xgplayer .xg-spot-content.show-text .xg-spot-text{display:block}.xgplayer .product .xg-spot-text{background:#3370FF}.xgplayer .product .xg-spot-line{border-left:10px solid transparent;border-right:10px solid transparent;border-top:7px solid #3370FF;width:0;height:15px;left:-10px;background:none}.xgplayer .xgvideo-preview{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;transition:visibility .3s,opacity .3s;background-color:#000}.xgplayer .xgvideo-preview .xgvideo-thumbnail{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0}.xgplayer .xgvideo-preview.show{opacity:1;visibility:visible}.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgmask,.xgplayer-dynamic-bg xgfilter{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.xgplayer-dynamic-bg canvas{transform:translateZ(0)}.xgplayer-dynamic-bg xgmask{background:rgba(0,0,0,.7)}

/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 弹框 */
.ele-department-select-modal .ele-modal-body,
.ele-department-select-modal .ele-drawer-body {
  padding: 0;
}
.ele-department-select-modal.ele-tree-select-popper .ele-popover-body {
  padding: 0;
}
.ele-department-select-modal.ele-tree-select-popper .ele-popover-body > .ele-department-select-wrapper {
  height: 100%;
}
.ele-department-select-wrapper {
  flex: 1;
  display: flex;
  overflow: hidden;
}

/* 树 */
.ele-department-select-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-department-select-body > .ele-department-select-search {
  flex-shrink: 0;
  padding: 12px 16px;
  box-sizing: border-box;
}
.ele-department-select-body > .ele-department-tree-wrapper {
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.ele-department-select-body > .ele-department-tree-wrapper > .el-tree > .el-vl__wrapper {
  padding: 0 calc(var(--ele-tree-item-radius) * 4);
  --ele-tree-expand-margin: 0 2px 0 calc(10px - var(--ele-tree-item-radius) * 2);
}
.ele-department-select-body > .ele-department-tree-wrapper > .el-tree > .el-vl__wrapper > .el-tree-virtual-list {
  will-change: scroll-position !important;
}

/* 选中列表 */
.ele-department-select-right {
  width: 180px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-left: 1px solid var(--el-border-color-light);
  display: flex;
  flex-direction: column;
}
.ele-department-select-right-header {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
}
.ele-department-select-right-title {
  flex: 1;
  width: 100%;
  overflow: hidden;
  padding-right: 8px;
  box-sizing: border-box;
  font-size: 13px;
}
.ele-department-select-right-clear.el-link {
  width: 100%;
  padding: 0 6px;
  margin-top: 6px;
  border-radius: var(--el-border-radius-base);
  border: 1px dashed var(--el-color-danger);
  box-sizing: border-box;
  font-size: 12px;
  line-height: 20px;
  user-select: none;
}
.ele-department-select-right-clear.el-link:hover {
  border-color: var(--el-color-danger-light-5);
}
.ele-department-select-right-body {
  flex: 1;
  padding: 0 10px;
  box-sizing: border-box;
  user-select: none;
  overflow: auto;
}
.ele-department-select-right-body.is-sortable .ele-department-select-right-item {
  cursor: move;
}

/* 选中列表项 */
.ele-department-select-right-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 4px;
  margin-bottom: 8px;
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.ele-department-select-right-item:hover {
  border-color: var(--el-color-primary-light-3);
}
.ele-department-select-right-item.sortable-chosen {
  background: var(--el-bg-color);
}
.ele-department-select-right-item.sortable-ghost {
  opacity: 0;
}
.ele-department-select-right-item.sortable-fallback {
  opacity: 1 !important;
}
.ele-department-select-right-label {
  flex: 1;
  line-height: 16px;
  margin-left: 4px;
  word-break: break-all;
  overflow: hidden;
}
.ele-department-select-right-icon.el-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  font-size: 16px;
}
.ele-department-select-right-del.el-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  font-size: 12px;
  color: var(--el-color-danger);
  border-radius: var(--el-border-radius-small);
  transition: all 0.2s;
  cursor: pointer;
}
.ele-department-select-right-del.el-icon:hover {
  background: var(--el-fill-color-light);
}

/* 移动端适配 */
@media screen and (max-width: 767.99px) {
.ele-department-select-body > .ele-pro-table {
    padding-bottom: 8px;
}
.ele-department-select-wrapper {
    flex-direction: column;
}
.ele-department-select-right {
    width: auto;
    border-left: none;
    border-top: 1px solid var(--el-border-color-light);
}
.ele-department-select-right-body {
    flex: none;
    display: flex;
    min-height: 42px;
    overflow: auto;
}
.ele-department-select-right-item {
    width: max-content;
}
.ele-department-select-right-item + .ele-department-select-right-item {
    margin-left: 8px;
}
.ele-department-select-right-header {
    padding-top: 8px;
    padding-bottom: 8px;
    flex-direction: row;
}
.ele-department-select-right-header > .ele-department-select-right-title, .ele-department-select-right-header > .ele-department-select-right-clear {
    width: auto;
    margin: 0;
}
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.ele-file-picker-modal {
  height: 692px;
  min-height: 434px;
}
.ele-file-picker-modal > .el-dialog__body {
  display: flex;
  flex-direction: column;
}
.ele-file-picker-modal > .el-dialog__body > .ele-modal-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}
.ele-file-picker-wrapper.ele-split-panel .ele-split-panel-collapse-btn {
  top: auto;
  bottom: 124px;
  margin-top: 0;
}
.ele-file-picker-tree-icon.el-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-right: 6px;
  user-select: none;
}
.ele-file-picker-wrapper .ele-file-picker-left {
  flex: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: calc(var(--ele-tree-item-radius) * 2);
  padding-right: calc(var(--ele-tree-item-radius) * 2);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  user-select: none;
  --ele-tree-item-height: 36px;
}
.ele-file-picker-wrapper .ele-file-picker-left .el-tree-node__content {
  position: relative;
}
.ele-file-picker-wrapper .ele-file-picker-left .el-tree-node__content > .el-tree-node__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.ele-file-picker-wrapper .ele-file-picker-left .el-tree-node__content > .ele-file-picker-tree-more {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -8px 0 0;
  color: var(--el-text-color-placeholder);
  font-size: 12px;
  border-radius: var(--el-border-radius-base);
  transition: all 0.2s;
  z-index: 3;
}
.ele-file-picker-wrapper .ele-file-picker-left .el-tree-node__content > .ele-file-picker-tree-more:hover {
  color: var(--el-text-color-regular);
  background: hsla(0, 0%, 60%, 0.15);
}
.ele-file-picker-left-add {
  flex-shrink: 0;
  padding: 0 6px;
  margin: 2px 12px 8px 12px;
  border-radius: var(--el-border-radius-base);
  border: 1px dashed var(--el-color-primary);
  box-sizing: border-box;
  font-size: 12px;
  line-height: 20px;
  user-select: none;
}
.ele-file-picker-left-add:hover {
  border-color: var(--el-color-primary-light-5);
}
.ele-file-picker-main {
  flex: 1;
  display: flex;
  overflow: auto;
}
.ele-file-picker-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.ele-file-picker-toolbar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid var(--el-border-color-light);
  box-sizing: border-box;
}
.ele-file-picker-search {
  flex: 1;
  display: flex;
  max-width: 220px;
  margin: 0 8px;
}
.ele-file-picker-search > .el-input {
  flex: 1;
}
.ele-file-picker-search > .el-input > .el-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ele-file-picker-search > .el-button {
  flex-shrink: 0;
  margin-left: -1px;
  position: relative;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ele-file-picker-search > .el-button > .el-icon > svg {
  transform: translateY(-1px);
}
.ele-file-picker-toolbar > .ele-segmented {
  --ele-segmented-height: 26px;
  --ele-segmented-font-size: 16px;
  --ele-segmented-item-padding: 8px;
}
.ele-file-picker-file-list {
  flex: 1;
  overflow: auto;
}
.ele-file-picker-file-list > .ele-file-list-group {
  --ele-file-item-width: 102px;
  --ele-file-item-padding: 4px 2px 2px 2px;
  min-height: 100%;
}
.ele-file-picker-file-list > .ele-file-list-group > .ele-file-list > .ele-file-list-header {
  display: none;
}
.ele-file-picker-file-list > .ele-file-list-group > .ele-file-list > .ele-file-list-body {
  display: grid;
  grid-gap: 14px 0px;
  grid-template-columns: repeat(6, 1fr);
  padding: 6px 1px 1px 1px;
}
.ele-file-picker-file-list > .ele-file-list-group > .ele-file-list > .ele-file-list-body > .ele-file-list-item {
  margin: 0 auto;
}
.ele-file-picker-file-list > .ele-file-list-group > .ele-file-list > .ele-file-list-body > .ele-file-list-item .ele-file-list-item-title {
  font-size: 12px;
  margin-top: 0;
}
.ele-file-picker-file-list > .ele-file-list-group > .ele-file-list-table {
  min-width: 528px;
}
.ele-file-picker-file-list > .ele-file-list-group > .ele-file-list-table > .ele-file-list-header {
  position: sticky;
  top: 0;
}
.ele-file-picker-file-list > .ele-file-list-group.is-ping-top > .ele-file-list-table > .ele-file-list-header {
  z-index: 2;
  background: var(--el-bg-color-overlay);
}
.ele-file-picker-body > .el-empty {
  padding: 0;
  flex: 1;
}
.ele-file-picker-body > .el-pagination {
  padding-bottom: 8px;
}
.ele-file-picker-right {
  flex-shrink: 0;
  width: 128px;
  border-left: 1px solid var(--el-border-color-light);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ele-file-picker-right-header {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 12px 8px 12px;
  box-sizing: border-box;
}
.ele-file-picker-right-title {
  flex: 1;
  width: 100%;
  overflow: hidden;
  padding-right: 8px;
  box-sizing: border-box;
  font-size: 13px;
}
.ele-file-picker-right-clear {
  width: 100%;
  padding: 0 6px;
  margin-top: 6px;
  border-radius: var(--el-border-radius-base);
  border: 1px dashed var(--el-color-danger);
  box-sizing: border-box;
  font-size: 12px;
  line-height: 20px;
  user-select: none;
}
.ele-file-picker-right-clear:hover {
  border-color: var(--el-color-danger-light-5);
}
.ele-file-picker-right > .ele-upload-list {
  flex: 1;
  overflow: auto;
  padding: 6px 0 8px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
}
.ele-file-picker-right > .ele-upload-list > .ele-upload-item {
  flex-shrink: 0;
  margin: 0;
}
.ele-file-picker-right > .ele-upload-list > .ele-upload-item + .ele-upload-item {
  margin-top: 8px;
}
@media screen and (max-width: 980px) {
.ele-file-picker-file-list > .ele-file-list-group > .ele-file-list > .ele-file-list-body {
    grid-template-columns: repeat(5, 1fr);
}
}
@media screen and (max-width: 888px) {
.ele-file-picker-file-list > .ele-file-list-group > .ele-file-list > .ele-file-list-body {
    grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 788px) {
.ele-file-picker-main {
    flex-direction: column;
}
.ele-file-picker-right {
    width: auto;
    height: 156px;
    border-left: none;
    border-top: 1px solid var(--el-border-color-light);
}
.ele-file-picker-right > .ele-file-picker-right-header {
    padding-top: 8px;
    padding-bottom: 0;
    flex-direction: row;
}
.ele-file-picker-right > .ele-file-picker-right-header > .ele-file-picker-right-title, .ele-file-picker-right > .ele-file-picker-right-header > .ele-file-picker-right-clear {
    width: auto;
    margin: 0;
}
.ele-file-picker-right > .ele-upload-list {
    flex-direction: row;
    padding: 0 8px;
}
.ele-file-picker-right > .ele-upload-list > .ele-upload-item + .ele-upload-item {
    margin-top: 0;
    margin-left: 8px;
}
}
@media screen and (max-width: 768px) {
.ele-file-picker-right-title {
    text-align: right;
}
}
@media screen and (max-width: 460px) {
.ele-file-picker-file-list > .ele-file-list-group > .ele-file-list > .ele-file-list-body {
    grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 358px) {
.ele-file-picker-file-list > .ele-file-list-group > .ele-file-list > .ele-file-list-body {
    grid-template-columns: repeat(2, 1fr);
}
}
.ele-file-picker-move-wrapper {
  border: 1px solid var(--el-border-color-light);
  border-radius: var(--el-border-radius-base);
}
.ele-file-picker-move-wrapper > .ele-file-picker-move-tree {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: calc(var(--ele-tree-item-radius) * 2);
  padding-right: calc(var(--ele-tree-item-radius) * 2);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  user-select: none;
  --ele-tree-item-height: 36px;
}
.ele-file-picker-move-wrapper > .ele-file-picker-move-tree .el-tree-node__content {
  position: relative;
  z-index: 1;
}
.ele-file-picker-move-wrapper > .ele-file-picker-move-tree .el-tree-node__content > .el-tree-node__label.is-active {
  color: var(--el-color-primary);
  font-weight: bold;
}
.ele-file-picker-move-wrapper > .ele-file-picker-move-tree .el-tree-node__content > .el-tree-node__label.is-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: var(--el-color-primary-light-9);
  border-radius: var(--ele-tree-item-radius);
}
.ele-file-picker-move-wrapper > .ele-file-picker-move-tree .el-tree-node__content > .el-radio {
  margin: 0 -12px 0 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 弹框 */
.ele-role-select-modal .ele-modal-body,
.ele-role-select-modal .ele-drawer-body {
  padding: 0;
}
.ele-role-select-modal.ele-table-select-popper .ele-popover-body {
  padding: 0;
}
.ele-role-select-modal.ele-table-select-popper .ele-popover-body > .ele-role-select-wrapper {
  height: 100%;
}
.ele-role-select-wrapper {
  flex: auto;
  display: flex;
}

/* 表格 */
.ele-role-select-body {
  flex: 1;
  padding: 12px 16px 0 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-role-select-body > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-role-select-body > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}
.ele-role-select-body > .ele-pro-table {
  padding-bottom: 10px;
}
.ele-role-select-body > .ele-pro-table > .ele-pro-table-footer > .ele-pagination {
  padding-top: 0;
}
.ele-role-select-body > .ele-pro-table .el-table__row {
  cursor: pointer;
}
.ele-role-select-body > .ele-role-select-search {
  margin-bottom: 4px;
}
.ele-role-select-body .el-form-item {
  margin-bottom: 8px;
}

/* 选中列表 */
.ele-role-select-right {
  width: 180px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-left: 1px solid var(--el-border-color-light);
  display: flex;
  flex-direction: column;
}
.ele-role-select-right-header {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
}
.ele-role-select-right-title {
  flex: 1;
  width: 100%;
  overflow: hidden;
  padding-right: 8px;
  box-sizing: border-box;
  font-size: 13px;
}
.ele-role-select-right-clear.el-link {
  width: 100%;
  padding: 0 6px;
  margin-top: 6px;
  border-radius: var(--el-border-radius-base);
  border: 1px dashed var(--el-color-danger);
  box-sizing: border-box;
  font-size: 12px;
  line-height: 20px;
  user-select: none;
}
.ele-role-select-right-clear.el-link:hover {
  border-color: var(--el-color-danger-light-5);
}
.ele-role-select-right-body {
  flex: 1 1 60px;
  padding: 0 10px;
  box-sizing: border-box;
  user-select: none;
  overflow: auto;
}
.ele-role-select-right-body.is-sortable .ele-role-select-right-item {
  cursor: move;
}

/* 选中列表项 */
.ele-role-select-right-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 4px;
  margin-bottom: 8px;
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.ele-role-select-right-item:hover {
  border-color: var(--el-color-primary-light-3);
}
.ele-role-select-right-item.sortable-chosen {
  background: var(--el-bg-color);
}
.ele-role-select-right-item.sortable-ghost {
  opacity: 0;
}
.ele-role-select-right-item.sortable-fallback {
  opacity: 1 !important;
}
.ele-role-select-right-label {
  flex: 1;
  line-height: 16px;
  margin-left: 4px;
  word-break: break-all;
  overflow: hidden;
}
.ele-role-select-right-icon.el-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  font-size: 16px;
}
.ele-role-select-right-del.el-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  font-size: 12px;
  color: var(--el-color-danger);
  border-radius: var(--el-border-radius-small);
  transition: all 0.2s;
  cursor: pointer;
}
.ele-role-select-right-del.el-icon:hover {
  background: var(--el-fill-color-light);
}

/* 移动端适配 */
@media screen and (max-width: 767.99px) {
.ele-role-select-body > .ele-pro-table {
    padding-bottom: 8px;
}
.ele-role-select-wrapper {
    flex-direction: column;
}
.ele-role-select-right {
    width: auto;
    border-left: none;
    border-top: 1px solid var(--el-border-color-light);
}
.ele-role-select-right-body {
    flex: none;
    display: flex;
    min-height: 42px;
    overflow: auto;
}
.ele-role-select-right-item {
    width: max-content;
}
.ele-role-select-right-item + .ele-role-select-right-item {
    margin-left: 8px;
}
.ele-role-select-right-header {
    padding-top: 8px;
    padding-bottom: 8px;
    flex-direction: row;
}
.ele-role-select-right-header > .ele-role-select-right-title, .ele-role-select-right-header > .ele-role-select-right-clear {
    width: auto;
    margin: 0;
}
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 头像列表 */
.ele-user-select {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.ele-user-select .ele-user-select-item {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ele-user-select .ele-user-select-item-avatar {
  width: 42px;
  height: 42px;
  line-height: 42px;
  border-radius: 50%;
  box-sizing: border-box;
  transition: all 0.2s;
  color: #fff;
  font-size: 14px;
  text-align: center;
  position: relative;
}
.ele-user-select .ele-user-select-item-avatar > img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
}
.ele-user-select .ele-user-select-item-avatar.is-icon {
  background: var(--el-color-primary);
}
.ele-user-select .ele-user-select-item-name {
  margin-top: 6px;
  max-width: 68px;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  word-break: break-all;
}
.ele-user-select .ele-user-select-item.is-icon-add > .ele-user-select-item-avatar {
  font-size: 19px;
  color: var(--el-text-color-secondary);
  border: 1px dashed var(--el-border-color);
  background: var(--el-fill-color-lighter);
  cursor: pointer;
}
.ele-user-select .ele-user-select-item.is-icon-add > .ele-user-select-item-avatar:hover {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.ele-user-select .ele-user-select-item-del {
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  background: var(--el-color-danger);
  border: 1px solid var(--el-color-white);
  box-sizing: border-box;
  transition: all 0.2s;
  position: absolute;
  top: -2px;
  right: -6px;
  cursor: pointer;
}
.ele-user-select .ele-user-select-item-del:hover {
  background: var(--el-color-danger-dark-2);
}

/* 弹框 */
.ele-user-select-modal .ele-modal-body,
.ele-user-select-modal .ele-drawer-body {
  padding: 0;
}
.ele-user-select-modal.ele-table-select-popper .ele-popover-body {
  padding: 0;
}
.ele-user-select-modal.ele-table-select-popper .ele-popover-body > .ele-user-select-wrapper {
  height: 100%;
}

/* 折叠面板 */
.ele-user-select-wrapper.ele-split-panel > div.ele-split-panel-body {
  flex-direction: row;
}
.ele-user-select-wrapper.ele-split-panel > .ele-split-panel-wrap > .ele-split-panel-side {
  border-width: 0 1px 0 0;
}

/* 树 */
.ele-user-select-tree-wrapper {
  flex: 1 1 60px;
  padding: 0 0 10px 0;
  box-sizing: border-box;
  overflow: auto;
}
.ele-user-select-tree-wrapper .ele-user-select-tree {
  padding: 0 calc(var(--ele-tree-item-radius) / 2 * 5);
  --ele-tree-item-height: 34px;
}
.ele-user-select-tree-wrapper .ele-user-select-tree-label > .el-icon {
  margin-right: 4px;
  vertical-align: -2px;
}
.ele-user-select-tree-search {
  flex-shrink: 0;
  padding: 12px 10px 10px 10px;
  box-sizing: border-box;
}

/* 表格 */
.ele-user-select-body {
  flex: 1;
  padding: 12px 16px 0 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-user-select-body > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-user-select-body > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}
.ele-user-select-body > .ele-pro-table {
  padding-bottom: 10px;
}
.ele-user-select-body > .ele-pro-table > .ele-pro-table-footer > .ele-pagination {
  padding-top: 0;
}
.ele-user-select-body > .ele-pro-table .el-table__row {
  cursor: pointer;
}
.ele-user-select-body > .ele-user-select-search {
  margin-bottom: 4px;
}
.ele-user-select-body .el-form-item {
  margin-bottom: 8px;
}

/* 选中列表 */
.ele-user-select-right {
  width: 180px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-left: 1px solid var(--el-border-color-light);
  display: flex;
  flex-direction: column;
}
.ele-user-select-right-header {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
}
.ele-user-select-right-title {
  flex: 1;
  width: 100%;
  overflow: hidden;
  padding-right: 8px;
  box-sizing: border-box;
  font-size: 13px;
}
.ele-user-select-right-clear.el-link {
  width: 100%;
  padding: 0 6px;
  margin-top: 6px;
  border-radius: var(--el-border-radius-base);
  border: 1px dashed var(--el-color-danger);
  box-sizing: border-box;
  font-size: 12px;
  line-height: 20px;
  user-select: none;
}
.ele-user-select-right-clear.el-link:hover {
  border-color: var(--el-color-danger-light-5);
}
.ele-user-select-right-body {
  flex: 1 1 60px;
  padding: 0 10px;
  box-sizing: border-box;
  user-select: none;
  overflow: auto;
}
.ele-user-select-right-body.is-sortable .ele-user-select-right-item {
  cursor: move;
}

/* 选中列表项 */
.ele-user-select-right-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 4px;
  margin-bottom: 8px;
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.ele-user-select-right-item:hover {
  border-color: var(--el-color-primary-light-3);
}
.ele-user-select-right-item.sortable-chosen {
  background: var(--el-bg-color);
}
.ele-user-select-right-item.sortable-ghost {
  opacity: 0;
}
.ele-user-select-right-item.sortable-fallback {
  opacity: 1 !important;
}
.ele-user-select-right-label {
  flex: 1;
  line-height: 16px;
  margin-left: 4px;
  word-break: break-all;
  overflow: hidden;
}
.ele-user-select-right-avatar {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: var(--el-border-radius-base);
  background: var(--el-fill-color-light);
}
.ele-user-select-right-avatar.is-icon {
  color: #fff;
  font-size: 12px;
  background: var(--el-color-primary);
}
.ele-user-select-right-avatar > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
.ele-user-select-right-icon.el-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  font-size: 16px;
}
.ele-user-select-right-del.el-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  font-size: 12px;
  color: var(--el-color-danger);
  border-radius: var(--el-border-radius-small);
  transition: all 0.2s;
  cursor: pointer;
}
.ele-user-select-right-del.el-icon:hover {
  background: var(--el-fill-color-light);
}

/* 移动端适配 */
@media screen and (max-width: 767.99px) {
.ele-user-select-body > .ele-pro-table {
    padding-bottom: 8px;
}
.ele-user-select-wrapper.ele-split-panel > div.ele-split-panel-body {
    flex-direction: column;
}
.ele-user-select-right {
    width: auto;
    border-left: none;
    border-top: 1px solid var(--el-border-color-light);
}
.ele-user-select-right-body {
    flex: none;
    display: flex;
    min-height: 46px;
    overflow: auto;
}
.ele-user-select-right-item {
    width: max-content;
    max-width: 160px;
}
.ele-user-select-right-item + .ele-user-select-right-item {
    margin-left: 8px;
}
.ele-user-select-right-header {
    padding-top: 8px;
    padding-bottom: 8px;
    flex-direction: row;
}
.ele-user-select-right-header > .ele-user-select-right-title, .ele-user-select-right-header > .ele-user-select-right-clear {
    width: auto;
    margin: 0;
}
}.mars-select[data-v-6ff5844f] {
  width: 100%;
  height: 32px;
  background-color: var(--mars-control-bg);
  border-radius: 2px;
  box-shadow: none;
}
.mars-select[data-v-6ff5844f] .ant-select-selector {
  height: 100% !important;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  background: none;
  color: var(--mars-text-color);
}
.mars-select[data-v-6ff5844f] .ant-select-selector:hover,
.mars-select[data-v-6ff5844f] .ant-select-selector:focus {
  border-color: var(--mars-hover-color);
}
.mars-select[data-v-6ff5844f] .ant-select-selector .ant-select-selection-item {
  color: var(--mars-control-text) !important;
  line-height: 32px !important;
}
.mars-select[data-v-6ff5844f] .ant-select-arrow {
  color: var(--mars-control-placeholder);
}
.mars-button[data-v-4ba91639] {
  height: 32px;
  font-family: var(--mars-font-family);
  font-size: 14px;
  background: var(--mars-primary-color);
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  border-radius: 2px;
}
.mars-button[data-v-4ba91639] .mars-icon {
  font-size: 18px !important;
  line-height: 18px;
  vertical-align: middle !important;
  padding-left: 2px;
  padding-right: 2px;
}
.mars-button[data-v-4ba91639]:not([disabled]):hover {
  color: #ffffff;
  border-color: #89bceb;
  background: var(--mars-hover-color);
}
.ant-btn[data-v-4ba91639]:disabled {
  color: var(--mars-text-color);
  background: var(--mars-disable-color);
}
.ant-btn[data-v-4ba91639]:disabled:hover {
  background: var(--mars-disable-color);
  color: var(--mars-text-color);
}
.ant-btn-dangerous[data-v-4ba91639] {
  background-color: var(--mars-dangerous-color) !important;
}
.ant-btn-dangerous[data-v-4ba91639]:hover {
  background-color: #ff7875 !important;
}
.ant-btn-link {
  border: none !important;
  background: none !important;
  padding: 0;
  height: initial;
}
/* 小型 单击按钮 */
.small-btn {
  padding: 4px 5px;
}
.mars-input[data-v-9fcdc19e] {
  height: 32px;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  font-size: 12px !important;
  border-radius: 0;
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  font-family: var(--mars-font-family);
}
.mars-input[data-v-9fcdc19e]::placeholder {
  color: var(--mars-control-placeholder);
}
.mars-input[data-v-9fcdc19e] .ant-input {
  background-color: transparent !important;
  border-color: var(--mars-control-border);
  color: var(--mars-control-text);
  font-size: 14px;
}
.mars-input[data-v-9fcdc19e] .ant-input::placeholder {
  color: var(--mars-control-placeholder);
}
.mars-input[data-v-9fcdc19e] .ant-input-suffix .anticon {
  color: var(--mars-control-text);
}
.mars-input[data-v-9fcdc19e]:hover {
  border-color: var(--mars-hover-color);
}
.prefix[data-v-9fcdc19e] .ant-input {
  border: 0px;
  padding: 4px;
  text-align: right;
}
[data-v-9fcdc19e] .ant-input-group-addon {
  padding: 0px 0px 0px 7px;
  border-radius: 0px !important;
  border-color: transparent;
  color: #fff;
}
.ant-input-affix-wrapper-focused[data-v-9fcdc19e] {
  box-shadow: none;
}
.mars-input[disabled][data-v-9fcdc19e] {
  color: var(--mars-disable-color);
}
.mars-textarea[data-v-5a708d0b] {
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg) !important;
  border-radius: 0;
  border: 1px solid;
  border-color: var(--mars-control-border);
}
.mars-textarea[data-v-5a708d0b] .ant-input {
  background-color: var(--mars-control-bg) !important;
  color: var(--mars-control-text);
}
.mars-textarea[data-v-5a708d0b] .ant-input-suffix .anticon {
  color: var(--mars-control-text) !important;
}
.mars-textarea[data-v-5a708d0b]:hover {
  border-color: var(--mars-hover-color);
}
.mars-textarea[data-v-5a708d0b]::placeholder {
  color: var(--mars-control-placeholder);
}
.mars-textarea[disabled][data-v-5a708d0b] {
  color: var(--mars-disable-color);
}
.mars-input-number[data-v-db3a3f64] {
  width: 100%;
  height: 32px;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  border-radius: 0;
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  box-shadow: none;
  font-family: var(--mars-font-family);
}
.mars-input-number[data-v-db3a3f64] .ant-input-number-input-wrap {
  height: 100%;
}
.mars-input-number[data-v-db3a3f64] .ant-input-number-input-wrap .ant-input-number-input {
  height: 100%;
  color: var(--mars-control-text);
  padding: 5px 11px;
}
.mars-input-number[data-v-db3a3f64] .ant-input-number-input-wrap .ant-input-number-input::placeholder {
  color: var(--mars-control-placeholder);
}
.mars-input-number[data-v-db3a3f64]:hover {
  border-color: var(--mars-hover-color);
}
[data-v-db3a3f64] .ant-input-number-handler-wrap {
  background: none;
}
[data-v-db3a3f64] .ant-input-number-handler-wrap .anticon {
  color: var(--mars-control-placeholder);
}
[data-v-db3a3f64] .ant-input-number-handler-wrap .anticon > svg {
  font-size: 10px;
}
[data-v-db3a3f64] .ant-input-number-handler-wrap .ant-input-number-handler {
  border-color: rgba(234, 242, 255, 0.2);
}
[data-v-db3a3f64] .ant-input-number-handler-wrap .ant-input-number-handler:hover .anticon {
  color: var(--mars-control-placeholder);
}
[data-v-db3a3f64] .unit-class {
  border-radius: 0px !important;
  background-color: var(--mars-control-bg);
}
[data-v-db3a3f64] .ant-input-number {
  border-color: transparent;
}
[data-v-db3a3f64] .ant-input-number-group-addon {
  padding: 0 8px !important;
  border-radius: 0px !important;
  border-color: transparent;
  color: var(--mars-control-placeholder);
}
.mars-date-picker[data-v-ff1b0c9a] {
  width: 100%;
  height: 32px;
  color: var(--mars-control-text);
  border-color: var(--mars-control-border) !important;
  background-color: var(--mars-control-bg) !important;
  border-radius: 2px;
}
.mars-date-picker[data-v-ff1b0c9a]:hover {
  border-color: var(--mars-primary-color) !important;
}
.mars-date-picker[data-v-ff1b0c9a] .ant-picker-input > input {
  color: var(--mars-control-text) !important;
}
.mars-date-picker[data-v-ff1b0c9a] .ant-picker-input > input::placeholder {
  color: var(--mars-control-placeholder);
}
.mars-date-picker[data-v-ff1b0c9a] .ant-picker-clear {
  background: var(--mars-base-bg);
  color: var(--mars-control-text) !important;
}
.mars-date-picker[data-v-ff1b0c9a] .ant-picker-suffix * {
  color: var(--mars-control-placeholder);
}
.mars-hover-bg {
  background-color: var(--mars-list-select);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mars-main-view {
  color: var(--mars-text-color);
  /* 卡片 */
}
.mars-main-view .ant-collapse,
.mars-main-view .ant-collapse-item,
.mars-main-view .ant-collapse-content {
  background: none !important;
  border: none;
}
.mars-main-view .ant-collapse-content-box {
  padding: 15px 13px 20px 13px !important;
}
.mars-main-view .ant-collapse-header {
  background: var(--mars-collapse-title-bg);
  box-shadow: var(--mars-collapse-title-shadow);
  margin-bottom: 1px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 18px;
  padding: 10px 15px !important;
  color: var(--mars-control-text) !important;
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-header .ant-collapse-header-text {
  font-family: 思源黑体;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
.mars-main-view .ant-collapse-header .ant-collapse-expand-icon {
  color: var(--mars-collapse-icon);
}
.mars-main-view .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-content {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-collapse-extra .mars-icon {
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.mars-main-view .ant-radio-button-wrapper {
  background: rgba(32, 160, 255, 0.2);
  color: #ffffff;
  box-shadow: none !important;
}
.mars-main-view .ant-radio-button-checked {
  background-color: #1890ff;
}
.mars-main-view .ant-form {
  color: rgba(255, 255, 255, 0.925);
  padding: 14px 7px;
}
.mars-main-view .ant-form .ant-form-item-extra {
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item {
  margin-bottom: 10px !important;
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item .ant-form-item-label > label {
  font-size: 14px;
  font-family: var(--mars-font-family);
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-form-item:nth-last-child(1) {
  margin-bottom: 0 !important;
}
.mars-main-view .mars-ant-card {
  background: none;
  border: 1px solid var(--mars-control-border);
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head {
  border-color: var(--mars-control-border);
  min-height: auto;
  padding: 0 10px;
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head .ant-card-head-title {
  padding: 8px 0;
}
.mars-main-view .mars-ant-card .ant-card-body {
  padding: 10px;
}
.mars-main-view .ant-upload {
  color: var(--mars-control-text);
}
.mars-main-view .ant-checkbox-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox {
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked {
  background: var(--mars-control-bg);
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
  border-radius: 2px;
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--mars-primary-color);
  border-color: var(--mars-primary-color);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox-checked {
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-radio-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-radio-wrapper .ant-radio-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
  background-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-inner {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner::after {
  background-color: #4096ff;
}
.mars-main-view .ant-table,
.mars-main-view .ant-table-thead > tr > th {
  color: var(--mars-control-text);
  background: none !important;
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: 500;
  border-start-end-radius: 0 !important;
  border-start-start-radius: 0 !important;
}
.mars-main-view .ant-table-sticky-holder {
  background: none;
}
.mars-main-view .ant-table-row:nth-of-type(even) {
  background-color: var(--mars-table-odd-bg);
}
.mars-main-view .ant-table-row:nth-of-type(odd) {
  background-color: transparent;
}
.mars-main-view .ant-table .ant-table-header {
  border-radius: 0;
}
.mars-main-view .ant-table .ant-table-header .ant-table-thead {
  background-color: var(--mars-table-header-bg);
}
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-right,
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg) !important;
}
.mars-main-view .ant-table-tbody > tr.ant-table-placeholder > td {
  background: #141414;
}
.mars-main-view .ant-table-row:hover > td,
.mars-main-view .ant-table-row-selected > td {
  background-color: transparent !important;
}
.mars-main-view .ant-table-cell-row-hover {
  background: transparent !important;
}
.mars-main-view .ant-table-cell {
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  color: var(--mars-control-text);
  border: 0.5px solid var(--mars-control-border);
  background: transparent;
  border-top: 0.5px solid var(--mars-control-border) !important;
  border-bottom: 0.5px solid var(--mars-control-border) !important;
}
.mars-main-view .ant-table-cell-fix-right,
.mars-main-view .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg);
}
.mars-main-view .ant-table-container {
  border: 0.5px solid var(--mars-control-border) !important;
  background: transparent !important;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table {
  border-top: none !important;
  border-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:first-child {
  border-start-start-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:last-child {
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-cell .ant-table-column-sorter {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-placeholder > td {
  background: var(--mars-base-bg) !important;
}
.mars-main-view .ant-table-placeholder > td .ant-empty .ant-empty-description {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-row:nth-last-child(1) .ant-table-cell {
  border-bottom: none;
}
.mars-main-view .ant-table-wrapper .ant-table-pagination {
  margin: 16px 0 0;
}
.mars-main-view .ant-cascader .ant-select-selector {
  height: 32px;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  font-size: 12px !important;
  border-radius: 0;
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-cascader .ant-select-selection-item {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs-tab {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-pagination-item,
.mars-main-view .ant-pagination .ant-pagination-prev,
.mars-main-view .ant-pagination .ant-pagination-next {
  background: none;
  background-color: transparent;
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-item > a,
.mars-main-view .ant-pagination .ant-pagination-prev > a,
.mars-main-view .ant-pagination .ant-pagination-next > a,
.mars-main-view .ant-pagination .ant-pagination-item .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  color: var(--mars-sub-title-color);
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: normal;
}
.mars-main-view .ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
  color: var(--mars-disable-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager {
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager input {
  background: none;
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  color: var(--mars-sub-title-color) !important;
}
.mars-main-view .ant-pagination .ant-select {
  color: var(--mars-control-text);
  background-color: transparent !important;
  background: none;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector {
  border-color: var(--mars-control-border) !important;
  background: none;
  background-color: transparent !important;
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector:hover,
.mars-main-view .ant-pagination .ant-select .ant-select-selector:focus {
  border-color: #4db3ff !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selection-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-select .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: center;
}
.mars-main-view .ant-pagination .ant-pagination-item-active {
  border-color: var(--mars-primary-color);
  border-radius: 2px;
}
.mars-main-view .ant-pagination .ant-pagination-item-active > a {
  color: var(--mars-primary-color);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager {
  color: rgba(234, 242, 255, 0.5);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager input {
  color: #ffffff;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-right,
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-left {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-list-items * {
  color: var(--mars-control-text);
}
.mars-main-view .ant-list-items .ant-list-item {
  border-bottom: 1px solid #303030;
}
.mars-main-view .ant-list-items .ant-list-item-meta-description {
  color: hsla(0, 0%, 100%, 0.45);
}
.mars-main-view .ant-divider-vertical {
  border-color: var(--mars-control-text);
}
.mars-main-view .ant-table-body::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.mars-main-view .ant-tabs {
  width: 100%;
}
.mars-main-view .ant-tabs .ant-tabs-nav {
  margin-top: 0;
}
.mars-main-view .ant-tabs .ant-tabs-nav::before {
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs .ant-tabs-nav-wrap {
  line-height: 1;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab-active {
  background: #20a0ff33;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-tab {
  background: #20a0ff33 !important;
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab-active {
  border-top: none !important;
}
.mars-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-select);
}
.mars-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active) !important;
}
.mars-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-select-dropdown {
  padding: 4px !important;
  color: var(--mars-control-text) !important;
  font-family: var(--mars-font-family);
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: left;
}
.mars-select-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-select-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background: var(--mars-list-active);
}
.mars-select-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-placeholder) !important;
}
.mars-noHeader-table :deep(.ant-table) {
  margin-top: 10px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row {
  display: flex;
  width: 300px;
  border-radius: 2px;
  border: 1px solid rgba(234, 242, 255, 0.1);
  background: rgba(234, 242, 255, 0.2);
  margin-bottom: 10px;
  cursor: pointer;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:last-child {
  margin-bottom: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:hover {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row-selected {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-placeholder td {
  position: relative !important;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell {
  border: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 216px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell:last-child {
  position: absolute;
  right: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-container {
  border: none !important;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}
::-webkit-scrollbar-track {
  background: var(--mars-scrollbar-track);
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
::-webkit-scrollbar {
  height: 10px;
  width: 4px;
  background: var(--mars-scrollbar-track);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  padding-top: 100px;
  background-color: var(--mars-scrollbar-thumb);
  min-height: 28px;
  border-radius: 4px;
  background-clip: padding-box;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
.mars-datepicker-dropdown .ant-picker-panel-container {
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-datepicker-dropdown *,
.mars-datepicker-dropdown .ant-picker-content th {
  color: var(--mars-control-text);
}
.mars-datepicker-dropdown .ant-picker-footer {
  border: none;
}
.mars-datepicker-dropdown .ant-picker-cell:hover .ant-picker-cell-inner,
.mars-datepicker-dropdown .ant-picker-cell.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: transparent !important;
  color: #fff;
}
.mars-datepicker-dropdown .ant-picker-cell-disabled {
  background-color: var(--mars-disable-color);
}
.mars-datepicker-dropdown .ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  color: var(--mars-control-text) !important;
}
.mars-datepicker-dropdown .ant-picker-time-panel-cell:hover,
.mars-datepicker-dropdown .ant-picker-time-panel-cell.ant-picker-time-panel-cell-selected {
  background-color: var(--mars-primary-color) !important;
}
.mars-datepicker-dropdown .ant-picker-time-panel-cell:hover .ant-picker-time-panel-cell-inner,
.mars-datepicker-dropdown .ant-picker-time-panel-cell.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background-color: var(--mars-primary-color) !important;
}
.mars-range-picker[data-v-cd9699cf] {
  color: var(--mars-control-text);
  border-color: var(--mars-control-border) !important;
  background-color: transparent !important;
}
.mars-range-picker[data-v-cd9699cf]:hover {
  border-color: var(--mars-primary-color) !important;
}
.mars-range-picker[data-v-cd9699cf] .ant-picker-input > input {
  color: var(--mars-control-text) !important;
}
.mars-range-picker[data-v-cd9699cf] .ant-picker-input > input::placeholder {
  color: var(--mars-control-text) !important;
}
.mars-range-picker[data-v-cd9699cf] .ant-picker-clear {
  background: var(--mars-base-bg);
  color: var(--mars-control-text) !important;
}
.mars-range-picker[data-v-cd9699cf] .ant-picker-suffix * {
  color: var(--mars-control-text);
}
.mars-range-picker[data-v-cd9699cf] .ant-picker-range-separator * {
  color: var(--mars-control-text);
}
[data-v-cd9699cf] .ant-picker-panel-container {
  background: var(--mars-dropdown-bg) !important;
}
/**
 * 颜色选择器
 *
 * @copyright mars3d.cn
 * @author 木遥 2022-01-01
 */
.hu-color-picker {
  padding: 10px;
  background: transparent;
  border-radius: 2px;
  z-index: 1;
  width: 220px !important;
  box-shadow: none;
}
.hu-color-picker.light {
  background: #f7f8f9;
}
.hu-color-picker.light .color-show .sucker {
  background: #eceef0;
}
.hu-color-picker.light .color-type .name {
  background: #e7e8e9;
}
.hu-color-picker.light .color-type .value {
  color: #666;
  background: #eceef0;
}
.hu-color-picker.light .colors.history {
  border-top: 1px solid #eee;
}
.hu-color-picker canvas {
  vertical-align: top;
  width: 100%;
}
.hu-color-picker .color-set {
  display: flex;
}
.hu-color-picker .color-show {
  margin-top: 8px;
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}
.saturation {
  position: relative;
  cursor: pointer;
}
.saturation .slide {
  position: absolute;
  left: 100px;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.color-alpha {
  position: relative;
  margin-left: 8px;
  cursor: pointer;
}
.color-alpha .slide {
  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;
  height: 4px;
  background: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.sucker {
  width: 30px;
  fill: #9099a4;
  background: #2e333a;
  cursor: pointer;
  transition: all 0.3s;
}
.sucker.active,
.sucker:hover {
  fill: #1593ff;
}
.hue {
  position: relative;
  margin-left: 8px;
  cursor: pointer;
}
.hue .slide {
  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;
  height: 4px;
  background: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.colors {
  padding: 0;
  margin: 0;
}
.colors.history {
  margin-top: 10px;
  border-top: 1px solid #2e333a;
}
.colors .item {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 10px 0 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
  transition: all 0.1s;
  cursor: pointer;
}
.colors .item:hover {
  transform: scale(1.4);
}
.colors .item .alpha {
  height: 100%;
  border-radius: 4px;
}
.colors .item .color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.color-type {
  display: flex;
  margin-top: 8px;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.color-type .name {
  width: 60px;
  height: 30px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999;
  background: var(--mars-control-bg);
}
.color-type .value {
  flex: 1;
  height: 30px;
  min-width: 100px;
  padding: 0 12px;
  border: 0;
  color: var(--mars-text-color);
  background: var(--mars-control-bg);
  box-sizing: border-box;
}
.ml5 {
  margin-left: 5px;
}
.overlay-className .color-alpha {
  display: none;
}
.overlay-className .hue {
  margin-left: 18px;
}
.overlay-className .hu-color-picker .color-type:nth-last-child(2) {
  display: none;
}
.mars-color-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mars-color-btns .mars-button {
  width: 100%;
}
.mars-color-view {
  position: relative;
  height: 32px;
  min-width: 100px;
}
.mars-color-bg {
  display: inline-block;
  height: 100%;
  width: 100%;
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  padding: 3px 4px;
  position: absolute;
  top: 0;
  left: 0;
}
.mars-color-bg:hover {
  border-color: var(--mars-primary-color);
}
.mars-color-label {
  max-width: calc(100% - 40px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 35px;
}
.mars-color-picker {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: 4px;
  left: 4px;
  cursor: pointer;
}
.mars-color[data-v-7e041d03] {
  width: 100%;
  height: 32px;
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  padding: 3px 4px;
}
.mars-color[data-v-7e041d03]:hover {
  border-color: var(--mars-primary-color);
}
.mars-color > input[data-v-7e041d03] {
  outline: none !important;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: 1px solid var(--mars-control-border);
}
.mars-color > label[data-v-7e041d03] {
  height: 32px;
  line-height: 32px;
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  position: absolute;
  top: 0;
  margin-left: 10px;
}
input[type="color"][data-v-7e041d03]::-webkit-color-swatch {
  border: none;
  border-radius: 0;
}
input[type="color"][data-v-7e041d03]::-webkit-color-swatch-wrapper {
  padding: 0;
  margin: 0;
}
.mars-icon[data-v-73c05d89] {
  vertical-align: middle;
  line-height: 1;
}
.mars-switch[data-v-7db187d3] {
  width: 30px;
  min-width: 30px;
  height: 16px;
  border-radius: 2px;
  background-color: var(--mars-close-color);
  border: 1px solid var(--mars-control-border);
}
.mars-switch.ant-switch-checked[data-v-7db187d3] {
  background-color: var(--mars-primary-color) !important;
  border: 1px solid var(--mars-primary-color);
}
.mars-switch.ant-switch-checked[data-v-7db187d3] .ant-switch-handle {
  inset-inline-start: calc(100% - 14px);
}
.mars-switch[data-v-7db187d3] .ant-switch-handle {
  width: 12px;
  height: 12px;
  top: 1px;
}
.mars-switch[data-v-7db187d3] .ant-switch-handle::before {
  border-radius: 2px;
}
.mars-hover-bg[data-v-c7e74b40] {
  background-color: var(--mars-list-select);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mars-main-view[data-v-c7e74b40] {
  color: var(--mars-text-color);
  /* 卡片 */
}
.mars-main-view .ant-collapse[data-v-c7e74b40],
.mars-main-view .ant-collapse-item[data-v-c7e74b40],
.mars-main-view .ant-collapse-content[data-v-c7e74b40] {
  background: none !important;
  border: none;
}
.mars-main-view .ant-collapse-content-box[data-v-c7e74b40] {
  padding: 15px 13px 20px 13px !important;
}
.mars-main-view .ant-collapse-header[data-v-c7e74b40] {
  background: var(--mars-collapse-title-bg);
  box-shadow: var(--mars-collapse-title-shadow);
  margin-bottom: 1px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 18px;
  padding: 10px 15px !important;
  color: var(--mars-control-text) !important;
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-header .ant-collapse-header-text[data-v-c7e74b40] {
  font-family: 思源黑体;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
.mars-main-view .ant-collapse-header .ant-collapse-expand-icon[data-v-c7e74b40] {
  color: var(--mars-collapse-icon);
}
.mars-main-view .ant-collapse-item:last-child .ant-collapse-header[data-v-c7e74b40] {
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-content[data-v-c7e74b40] {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-collapse-extra .mars-icon[data-v-c7e74b40] {
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.mars-main-view .ant-radio-button-wrapper[data-v-c7e74b40] {
  background: rgba(32, 160, 255, 0.2);
  color: #ffffff;
  box-shadow: none !important;
}
.mars-main-view .ant-radio-button-checked[data-v-c7e74b40] {
  background-color: #1890ff;
}
.mars-main-view .ant-form[data-v-c7e74b40] {
  color: rgba(255, 255, 255, 0.925);
  padding: 14px 7px;
}
.mars-main-view .ant-form .ant-form-item-extra[data-v-c7e74b40] {
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item[data-v-c7e74b40] {
  margin-bottom: 10px !important;
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item .ant-form-item-label > label[data-v-c7e74b40] {
  font-size: 14px;
  font-family: var(--mars-font-family);
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-form-item[data-v-c7e74b40]:nth-last-child(1) {
  margin-bottom: 0 !important;
}
.mars-main-view .mars-ant-card[data-v-c7e74b40] {
  background: none;
  border: 1px solid var(--mars-control-border);
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head[data-v-c7e74b40] {
  border-color: var(--mars-control-border);
  min-height: auto;
  padding: 0 10px;
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head .ant-card-head-title[data-v-c7e74b40] {
  padding: 8px 0;
}
.mars-main-view .mars-ant-card .ant-card-body[data-v-c7e74b40] {
  padding: 10px;
}
.mars-main-view .ant-upload[data-v-c7e74b40] {
  color: var(--mars-control-text);
}
.mars-main-view .ant-checkbox-wrapper[data-v-c7e74b40] {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox[data-v-c7e74b40] {
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner[data-v-c7e74b40] {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked[data-v-c7e74b40] {
  background: var(--mars-control-bg);
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
  border-radius: 2px;
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner[data-v-c7e74b40] {
  background-color: var(--mars-primary-color);
  border-color: var(--mars-primary-color);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox[data-v-c7e74b40] {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox-checked[data-v-c7e74b40] {
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-radio-wrapper[data-v-c7e74b40] {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-radio-wrapper .ant-radio-inner[data-v-c7e74b40] {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner[data-v-c7e74b40] {
  border-color: #1677ff;
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner[data-v-c7e74b40]::after {
  background-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-inner[data-v-c7e74b40] {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner[data-v-c7e74b40] {
  border-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner[data-v-c7e74b40]::after {
  background-color: #4096ff;
}
.mars-main-view .ant-table[data-v-c7e74b40],
.mars-main-view .ant-table-thead > tr > th[data-v-c7e74b40] {
  color: var(--mars-control-text);
  background: none !important;
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: 500;
  border-start-end-radius: 0 !important;
  border-start-start-radius: 0 !important;
}
.mars-main-view .ant-table-sticky-holder[data-v-c7e74b40] {
  background: none;
}
.mars-main-view .ant-table-row[data-v-c7e74b40]:nth-of-type(even) {
  background-color: var(--mars-table-odd-bg);
}
.mars-main-view .ant-table-row[data-v-c7e74b40]:nth-of-type(odd) {
  background-color: transparent;
}
.mars-main-view .ant-table .ant-table-header[data-v-c7e74b40] {
  border-radius: 0;
}
.mars-main-view .ant-table .ant-table-header .ant-table-thead[data-v-c7e74b40] {
  background-color: var(--mars-table-header-bg);
}
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-right[data-v-c7e74b40],
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-left[data-v-c7e74b40] {
  background: var(--mars-collapse-title-bg) !important;
}
.mars-main-view .ant-table-tbody > tr.ant-table-placeholder > td[data-v-c7e74b40] {
  background: #141414;
}
.mars-main-view .ant-table-row:hover > td[data-v-c7e74b40],
.mars-main-view .ant-table-row-selected > td[data-v-c7e74b40] {
  background-color: transparent !important;
}
.mars-main-view .ant-table-cell-row-hover[data-v-c7e74b40] {
  background: transparent !important;
}
.mars-main-view .ant-table-cell[data-v-c7e74b40] {
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  color: var(--mars-control-text);
  border: 0.5px solid var(--mars-control-border);
  background: transparent;
  border-top: 0.5px solid var(--mars-control-border) !important;
  border-bottom: 0.5px solid var(--mars-control-border) !important;
}
.mars-main-view .ant-table-cell-fix-right[data-v-c7e74b40],
.mars-main-view .ant-table-cell-fix-left[data-v-c7e74b40] {
  background: var(--mars-collapse-title-bg);
}
.mars-main-view .ant-table-container[data-v-c7e74b40] {
  border: 0.5px solid var(--mars-control-border) !important;
  background: transparent !important;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table[data-v-c7e74b40] {
  border-top: none !important;
  border-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr[data-v-c7e74b40]:first-child > *:first-child {
  border-start-start-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr[data-v-c7e74b40]:first-child > *:last-child {
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-cell .ant-table-column-sorter[data-v-c7e74b40] {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-placeholder > td[data-v-c7e74b40] {
  background: var(--mars-base-bg) !important;
}
.mars-main-view .ant-table-placeholder > td .ant-empty .ant-empty-description[data-v-c7e74b40] {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-row:nth-last-child(1) .ant-table-cell[data-v-c7e74b40] {
  border-bottom: none;
}
.mars-main-view .ant-table-wrapper .ant-table-pagination[data-v-c7e74b40] {
  margin: 16px 0 0;
}
.mars-main-view .ant-cascader .ant-select-selector[data-v-c7e74b40] {
  height: 32px;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  font-size: 12px !important;
  border-radius: 0;
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-cascader .ant-select-selection-item[data-v-c7e74b40] {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader .ant-select-arrow[data-v-c7e74b40] {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader-dropdown[data-v-c7e74b40] {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item[data-v-c7e74b40] {
  color: var(--mars-control-text);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item[data-v-c7e74b40]:hover {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-active[data-v-c7e74b40]:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-expand-icon[data-v-c7e74b40] {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs-tab[data-v-c7e74b40] {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-pagination-item[data-v-c7e74b40],
.mars-main-view .ant-pagination .ant-pagination-prev[data-v-c7e74b40],
.mars-main-view .ant-pagination .ant-pagination-next[data-v-c7e74b40] {
  background: none;
  background-color: transparent;
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-item > a[data-v-c7e74b40],
.mars-main-view .ant-pagination .ant-pagination-prev > a[data-v-c7e74b40],
.mars-main-view .ant-pagination .ant-pagination-next > a[data-v-c7e74b40],
.mars-main-view .ant-pagination .ant-pagination-item .ant-pagination-item-link[data-v-c7e74b40],
.mars-main-view .ant-pagination .ant-pagination-prev .ant-pagination-item-link[data-v-c7e74b40],
.mars-main-view .ant-pagination .ant-pagination-next .ant-pagination-item-link[data-v-c7e74b40] {
  color: var(--mars-sub-title-color);
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: normal;
}
.mars-main-view .ant-pagination .ant-pagination-disabled .ant-pagination-item-link[data-v-c7e74b40] {
  color: var(--mars-disable-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager[data-v-c7e74b40] {
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager input[data-v-c7e74b40] {
  background: none;
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  color: var(--mars-sub-title-color) !important;
}
.mars-main-view .ant-pagination .ant-select[data-v-c7e74b40] {
  color: var(--mars-control-text);
  background-color: transparent !important;
  background: none;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector[data-v-c7e74b40] {
  border-color: var(--mars-control-border) !important;
  background: none;
  background-color: transparent !important;
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector[data-v-c7e74b40]:hover,
.mars-main-view .ant-pagination .ant-select .ant-select-selector[data-v-c7e74b40]:focus {
  border-color: #4db3ff !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selection-item[data-v-c7e74b40] {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-select .ant-select-arrow[data-v-c7e74b40] {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select-dropdown[data-v-c7e74b40] {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-active[data-v-c7e74b40]:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-selected[data-v-c7e74b40]:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item[data-v-c7e74b40] {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: center;
}
.mars-main-view .ant-pagination .ant-pagination-item-active[data-v-c7e74b40] {
  border-color: var(--mars-primary-color);
  border-radius: 2px;
}
.mars-main-view .ant-pagination .ant-pagination-item-active > a[data-v-c7e74b40] {
  color: var(--mars-primary-color);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager[data-v-c7e74b40] {
  color: rgba(234, 242, 255, 0.5);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager input[data-v-c7e74b40] {
  color: #ffffff;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next[data-v-c7e74b40] {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-right[data-v-c7e74b40],
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-left[data-v-c7e74b40] {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-list-items[data-v-c7e74b40] * {
  color: var(--mars-control-text);
}
.mars-main-view .ant-list-items .ant-list-item[data-v-c7e74b40] {
  border-bottom: 1px solid #303030;
}
.mars-main-view .ant-list-items .ant-list-item-meta-description[data-v-c7e74b40] {
  color: hsla(0, 0%, 100%, 0.45);
}
.mars-main-view .ant-divider-vertical[data-v-c7e74b40] {
  border-color: var(--mars-control-text);
}
.mars-main-view .ant-table-body[data-v-c7e74b40]::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.mars-main-view .ant-tabs[data-v-c7e74b40] {
  width: 100%;
}
.mars-main-view .ant-tabs .ant-tabs-nav[data-v-c7e74b40] {
  margin-top: 0;
}
.mars-main-view .ant-tabs .ant-tabs-nav[data-v-c7e74b40]::before {
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab[data-v-c7e74b40] {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs .ant-tabs-nav-wrap[data-v-c7e74b40] {
  line-height: 1;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab-active[data-v-c7e74b40] {
  background: #20a0ff33;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-tab[data-v-c7e74b40] {
  background: #20a0ff33 !important;
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab-active[data-v-c7e74b40] {
  border-top: none !important;
}
.mars-cascader-dropdown[data-v-c7e74b40] {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-cascader-dropdown .ant-cascader-menu-item[data-v-c7e74b40] {
  color: var(--mars-control-text);
}
.mars-cascader-dropdown .ant-cascader-menu-item[data-v-c7e74b40]:hover {
  background: var(--mars-list-select);
}
.mars-cascader-dropdown .ant-cascader-menu-item-active[data-v-c7e74b40]:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active) !important;
}
.mars-cascader-dropdown .ant-cascader-menu-item-expand-icon[data-v-c7e74b40] {
  color: var(--mars-control-text) !important;
}
.mars-select-dropdown[data-v-c7e74b40] {
  padding: 4px !important;
  color: var(--mars-control-text) !important;
  font-family: var(--mars-font-family);
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-select-dropdown .ant-select-item-option-active[data-v-c7e74b40]:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item-option-selected[data-v-c7e74b40]:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item[data-v-c7e74b40] {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: left;
}
.mars-select-dropdown .ant-cascader-menu-item[data-v-c7e74b40] {
  color: var(--mars-control-text);
}
.mars-select-dropdown .ant-cascader-menu-item[data-v-c7e74b40]:hover {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active[data-v-c7e74b40]:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active[data-v-c7e74b40]:not(.ant-cascader-menu-item-disabled):hover {
  background: var(--mars-list-active);
}
.mars-select-dropdown .ant-cascader-menu-item-expand-icon[data-v-c7e74b40] {
  color: var(--mars-control-placeholder) !important;
}
.mars-noHeader-table[data-v-c7e74b40] .ant-table {
  margin-top: 10px;
}
.mars-noHeader-table[data-v-c7e74b40] .ant-table .ant-table-tbody .ant-table-row {
  display: flex;
  width: 300px;
  border-radius: 2px;
  border: 1px solid rgba(234, 242, 255, 0.1);
  background: rgba(234, 242, 255, 0.2);
  margin-bottom: 10px;
  cursor: pointer;
}
.mars-noHeader-table[data-v-c7e74b40] .ant-table .ant-table-tbody .ant-table-row:last-child {
  margin-bottom: 0;
}
.mars-noHeader-table[data-v-c7e74b40] .ant-table .ant-table-tbody .ant-table-row:hover {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table[data-v-c7e74b40] .ant-table .ant-table-tbody .ant-table-row-selected {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table[data-v-c7e74b40] .ant-table .ant-table-tbody .ant-table-placeholder td {
  position: relative !important;
}
.mars-noHeader-table[data-v-c7e74b40] .ant-table .ant-table-tbody .ant-table-cell {
  border: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 216px;
}
.mars-noHeader-table[data-v-c7e74b40] .ant-table .ant-table-tbody .ant-table-cell:last-child {
  position: absolute;
  right: 0;
}
.mars-noHeader-table[data-v-c7e74b40] .ant-table .ant-table-container {
  border: none !important;
}
[data-v-c7e74b40]::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}
[data-v-c7e74b40]::-webkit-scrollbar-track {
  background: var(--mars-scrollbar-track);
}
[data-v-c7e74b40]::-webkit-scrollbar-track,[data-v-c7e74b40]::-webkit-scrollbar-thumb {
  border: 0;
}
[data-v-c7e74b40]::-webkit-scrollbar {
  height: 10px;
  width: 4px;
  background: var(--mars-scrollbar-track);
  border-radius: 4px;
}
[data-v-c7e74b40]::-webkit-scrollbar-thumb {
  padding-top: 100px;
  background-color: var(--mars-scrollbar-thumb);
  min-height: 28px;
  border-radius: 4px;
  background-clip: padding-box;
}
[data-v-c7e74b40]::-webkit-scrollbar-track,[data-v-c7e74b40]::-webkit-scrollbar-thumb {
  border: 0;
}
.mars-dialog-thumb[data-v-c7e74b40] {
  background-color: var(--mars-base-bg);
  backdrop-filter: blur(10px);
  position: absolute;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.mars-dialog[data-v-c7e74b40] {
  position: absolute;
  box-sizing: border-box;
  z-index: 999 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
  box-shadow: var(--mars-base-shadow);
  padding: 1px;
  background: var(--mars-base-border);
  border-radius: 4px;
  backdrop-filter: blur(10px);
}
.mars-dialog .mars-dialog__header[data-v-c7e74b40] {
  height: 44px;
  width: 100%;
  line-height: 44px;
  overflow: hidden;
  height: 41px;
  line-height: 41px !important;
  padding-left: 13px;
  color: var(--mars-control-text) !important;
  background: var(--mars-msg-title-bg);
  font-family: var(--mars-font-family);
  font-size: 16px !important;
  font-weight: normal !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: var(--mars-base-shadow);
  box-shadow: var(--mars-collapse-title-shadow);
  border-radius: 4px 4px 0 0;
  padding: 0 5px 0px 10px;
  color: var(--mars-text-color);
  position: relative;
  top: 0;
  left: 0;
}
.mars-dialog .mars-dialog__header .icon[data-v-c7e74b40] {
  margin-right: 11px;
  color: #41a8ff;
}
.mars-dialog .mars-dialog__header .title[data-v-c7e74b40] {
  font-size: 16px;
}
.mars-dialog .mars-dialog__header .close-btn[data-v-c7e74b40] {
  float: right;
  cursor: pointer;
  margin-top: 12px;
  color: var(--mars-text-color);
}
.mars-dialog .close-btn__flot[data-v-c7e74b40] {
  position: absolute;
  right: -8px;
  top: -8px;
  cursor: pointer;
}
.mars-dialog .mars-dialog__content[data-v-c7e74b40] {
  height: 100%;
  padding: 14px;
  overflow: auto;
  border-radius: 4px;
  background-color: var(--mars-dropdown-bg);
}
.mars-dialog .mars-dialog__content[data-v-c7e74b40] .ant-form {
  padding: 0;
}
.mars-dialog .mars-dialog_leftbar[data-v-c7e74b40] {
  position: absolute;
  top: 42px;
}
.mars-dialog .mars-dialog__footer[data-v-c7e74b40] {
  height: 39px;
  width: calc(100% - 2px);
  color: var(--mars-text-color);
  background-color: var(--mars-dropdown-bg);
  position: absolute;
  left: 1px;
  bottom: 1px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mars-dialog .mars-dialog__handle[data-v-c7e74b40] {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  opacity: 0;
}
.mars-dialog .handle-t[data-v-c7e74b40] {
  width: auto;
  top: 0;
  left: 10px;
  right: 10px;
  cursor: row-resize;
}
.mars-dialog .handle-b[data-v-c7e74b40] {
  width: auto;
  bottom: 0;
  left: 10px;
  right: 10px;
  cursor: row-resize;
}
.mars-dialog .handle-l[data-v-c7e74b40] {
  height: auto;
  top: 10px;
  left: 0;
  bottom: 10px;
  cursor: col-resize;
}
.mars-dialog .handle-r[data-v-c7e74b40] {
  height: auto;
  top: 10px;
  right: 0;
  bottom: 10px;
  cursor: col-resize;
}
.mars-dialog .handle-rb[data-v-c7e74b40] {
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
}
.mars-dialog .handle-lb[data-v-c7e74b40] {
  bottom: 0;
  left: 0;
  cursor: nesw-resize;
}
/**下面是 5个 动画 */
@keyframes fadeInRight-c7e74b40 {
from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
.fadein-right[data-v-c7e74b40] {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight-c7e74b40;
  animation-name: fadeInRight-c7e74b40;
}
@keyframes fadeInLeft-c7e74b40 {
from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
.fadein-left[data-v-c7e74b40] {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft-c7e74b40;
  animation-name: fadeInLeft-c7e74b40;
}
@keyframes fadeInUp-c7e74b40 {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}
.fadein-up[data-v-c7e74b40] {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp-c7e74b40;
  animation-name: fadeInUp-c7e74b40;
}
@keyframes fadeInDown-c7e74b40 {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}
.fadein-down[data-v-c7e74b40] {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown-c7e74b40;
  animation-name: fadeInDown-c7e74b40;
}
@keyframes fadeInCenter-c7e74b40 {
from {
    opacity: 0;
    transform: scale(0.1);
}
to {
    opacity: 1;
    transform: none;
}
}
.fadein-center[data-v-c7e74b40] {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInCenter-c7e74b40;
  animation-name: fadeInCenter-c7e74b40;
}
/*滑动条 输入面板内时修改高度等*/
.mars-slider[data-v-49161907] {
  margin: 0px 6px;
  /*滑动条 未选择、已选择部分 高度*/
  /*滑动条 刻度点*/
  /*滑动条 拖拽点*/
}
.mars-slider[data-v-49161907] .ant-slider-mark-text {
  color: var(--mars-control-text) !important;
  top: 10px;
}
.mars-slider[data-v-49161907] .ant-slider-rail {
  height: 4px;
  border-radius: 5px;
  background-color: var(--mars-control-border) !important;
}
.mars-slider[data-v-49161907] .ant-slider-track {
  height: 4px;
  border-radius: 5px;
  background-color: var(--mars-primary-color) !important;
}
.mars-slider[data-v-49161907] .ant-slider-dot {
  top: 12px;
  height: 6px;
  width: 1px;
  border-radius: 0 0;
  border: none;
  background-color: var(--mars-control-text);
}
.mars-slider[data-v-49161907] .ant-slider-dot:first-child {
  margin-left: 2px;
}
.mars-slider[data-v-49161907] .ant-slider-handle {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid var(--mars-primary-color);
  box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, 0.3), 0px 2px 6px 2px rgba(60, 64, 67, 0.15);
  inset-block-start: 0px;
}
.mars-slider[data-v-49161907] .ant-slider-handle::after {
  border-radius: 0;
  box-shadow: none;
}
.mars-slider[data-v-49161907] .ant-slider-handle:hover::after,
.mars-slider[data-v-49161907] .ant-slider-handle:focus::after {
  width: 10px;
  height: 10px;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.mars-slider[data-v-49161907] .ant-slider-dot-active {
  border-color: var(--mars-primary-color) !important;
}
.mars-hover-bg {
  background-color: var(--mars-list-select);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mars-main-view {
  color: var(--mars-text-color);
  /* 卡片 */
}
.mars-main-view .ant-collapse,
.mars-main-view .ant-collapse-item,
.mars-main-view .ant-collapse-content {
  background: none !important;
  border: none;
}
.mars-main-view .ant-collapse-content-box {
  padding: 15px 13px 20px 13px !important;
}
.mars-main-view .ant-collapse-header {
  background: var(--mars-collapse-title-bg);
  box-shadow: var(--mars-collapse-title-shadow);
  margin-bottom: 1px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 18px;
  padding: 10px 15px !important;
  color: var(--mars-control-text) !important;
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-header .ant-collapse-header-text {
  font-family: 思源黑体;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
.mars-main-view .ant-collapse-header .ant-collapse-expand-icon {
  color: var(--mars-collapse-icon);
}
.mars-main-view .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-content {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-collapse-extra .mars-icon {
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.mars-main-view .ant-radio-button-wrapper {
  background: rgba(32, 160, 255, 0.2);
  color: #ffffff;
  box-shadow: none !important;
}
.mars-main-view .ant-radio-button-checked {
  background-color: #1890ff;
}
.mars-main-view .ant-form {
  color: rgba(255, 255, 255, 0.925);
  padding: 14px 7px;
}
.mars-main-view .ant-form .ant-form-item-extra {
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item {
  margin-bottom: 10px !important;
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item .ant-form-item-label > label {
  font-size: 14px;
  font-family: var(--mars-font-family);
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-form-item:nth-last-child(1) {
  margin-bottom: 0 !important;
}
.mars-main-view .mars-ant-card {
  background: none;
  border: 1px solid var(--mars-control-border);
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head {
  border-color: var(--mars-control-border);
  min-height: auto;
  padding: 0 10px;
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head .ant-card-head-title {
  padding: 8px 0;
}
.mars-main-view .mars-ant-card .ant-card-body {
  padding: 10px;
}
.mars-main-view .ant-upload {
  color: var(--mars-control-text);
}
.mars-main-view .ant-checkbox-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox {
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked {
  background: var(--mars-control-bg);
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
  border-radius: 2px;
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--mars-primary-color);
  border-color: var(--mars-primary-color);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox-checked {
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-radio-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-radio-wrapper .ant-radio-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
  background-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-inner {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner::after {
  background-color: #4096ff;
}
.mars-main-view .ant-table,
.mars-main-view .ant-table-thead > tr > th {
  color: var(--mars-control-text);
  background: none !important;
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: 500;
  border-start-end-radius: 0 !important;
  border-start-start-radius: 0 !important;
}
.mars-main-view .ant-table-sticky-holder {
  background: none;
}
.mars-main-view .ant-table-row:nth-of-type(even) {
  background-color: var(--mars-table-odd-bg);
}
.mars-main-view .ant-table-row:nth-of-type(odd) {
  background-color: transparent;
}
.mars-main-view .ant-table .ant-table-header {
  border-radius: 0;
}
.mars-main-view .ant-table .ant-table-header .ant-table-thead {
  background-color: var(--mars-table-header-bg);
}
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-right,
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg) !important;
}
.mars-main-view .ant-table-tbody > tr.ant-table-placeholder > td {
  background: #141414;
}
.mars-main-view .ant-table-row:hover > td,
.mars-main-view .ant-table-row-selected > td {
  background-color: transparent !important;
}
.mars-main-view .ant-table-cell-row-hover {
  background: transparent !important;
}
.mars-main-view .ant-table-cell {
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  color: var(--mars-control-text);
  border: 0.5px solid var(--mars-control-border);
  background: transparent;
  border-top: 0.5px solid var(--mars-control-border) !important;
  border-bottom: 0.5px solid var(--mars-control-border) !important;
}
.mars-main-view .ant-table-cell-fix-right,
.mars-main-view .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg);
}
.mars-main-view .ant-table-container {
  border: 0.5px solid var(--mars-control-border) !important;
  background: transparent !important;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table {
  border-top: none !important;
  border-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:first-child {
  border-start-start-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:last-child {
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-cell .ant-table-column-sorter {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-placeholder > td {
  background: var(--mars-base-bg) !important;
}
.mars-main-view .ant-table-placeholder > td .ant-empty .ant-empty-description {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-row:nth-last-child(1) .ant-table-cell {
  border-bottom: none;
}
.mars-main-view .ant-table-wrapper .ant-table-pagination {
  margin: 16px 0 0;
}
.mars-main-view .ant-cascader .ant-select-selector {
  height: 32px;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  font-size: 12px !important;
  border-radius: 0;
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-cascader .ant-select-selection-item {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs-tab {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-pagination-item,
.mars-main-view .ant-pagination .ant-pagination-prev,
.mars-main-view .ant-pagination .ant-pagination-next {
  background: none;
  background-color: transparent;
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-item > a,
.mars-main-view .ant-pagination .ant-pagination-prev > a,
.mars-main-view .ant-pagination .ant-pagination-next > a,
.mars-main-view .ant-pagination .ant-pagination-item .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  color: var(--mars-sub-title-color);
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: normal;
}
.mars-main-view .ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
  color: var(--mars-disable-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager {
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager input {
  background: none;
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  color: var(--mars-sub-title-color) !important;
}
.mars-main-view .ant-pagination .ant-select {
  color: var(--mars-control-text);
  background-color: transparent !important;
  background: none;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector {
  border-color: var(--mars-control-border) !important;
  background: none;
  background-color: transparent !important;
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector:hover,
.mars-main-view .ant-pagination .ant-select .ant-select-selector:focus {
  border-color: #4db3ff !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selection-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-select .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: center;
}
.mars-main-view .ant-pagination .ant-pagination-item-active {
  border-color: var(--mars-primary-color);
  border-radius: 2px;
}
.mars-main-view .ant-pagination .ant-pagination-item-active > a {
  color: var(--mars-primary-color);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager {
  color: rgba(234, 242, 255, 0.5);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager input {
  color: #ffffff;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-right,
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-left {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-list-items * {
  color: var(--mars-control-text);
}
.mars-main-view .ant-list-items .ant-list-item {
  border-bottom: 1px solid #303030;
}
.mars-main-view .ant-list-items .ant-list-item-meta-description {
  color: hsla(0, 0%, 100%, 0.45);
}
.mars-main-view .ant-divider-vertical {
  border-color: var(--mars-control-text);
}
.mars-main-view .ant-table-body::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.mars-main-view .ant-tabs {
  width: 100%;
}
.mars-main-view .ant-tabs .ant-tabs-nav {
  margin-top: 0;
}
.mars-main-view .ant-tabs .ant-tabs-nav::before {
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs .ant-tabs-nav-wrap {
  line-height: 1;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab-active {
  background: #20a0ff33;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-tab {
  background: #20a0ff33 !important;
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab-active {
  border-top: none !important;
}
.mars-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-select);
}
.mars-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active) !important;
}
.mars-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-select-dropdown {
  padding: 4px !important;
  color: var(--mars-control-text) !important;
  font-family: var(--mars-font-family);
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: left;
}
.mars-select-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-select-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background: var(--mars-list-active);
}
.mars-select-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-placeholder) !important;
}
.mars-noHeader-table :deep(.ant-table) {
  margin-top: 10px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row {
  display: flex;
  width: 300px;
  border-radius: 2px;
  border: 1px solid rgba(234, 242, 255, 0.1);
  background: rgba(234, 242, 255, 0.2);
  margin-bottom: 10px;
  cursor: pointer;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:last-child {
  margin-bottom: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:hover {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row-selected {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-placeholder td {
  position: relative !important;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell {
  border: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 216px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell:last-child {
  position: absolute;
  right: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-container {
  border: none !important;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}
::-webkit-scrollbar-track {
  background: var(--mars-scrollbar-track);
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
::-webkit-scrollbar {
  height: 10px;
  width: 4px;
  background: var(--mars-scrollbar-track);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  padding-top: 100px;
  background-color: var(--mars-scrollbar-thumb);
  min-height: 28px;
  border-radius: 4px;
  background-clip: padding-box;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
.mars-dropdown-menu {
  padding: 1px !important;
  background: var(--mars-base-border);
  border-radius: 4px !important;
  backdrop-filter: blur(10px);
}
.mars-dropdown-menu .ant-dropdown-menu {
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
  border-radius: 4px;
}
.mars-dropdown-menu .ant-dropdown-menu .mars-icon {
  vertical-align: middle;
  margin-right: 11.5px;
}
.mars-dropdown-menu .ant-dropdown-menu-title-content {
  color: var(--mars-control-text);
}
.mars-dropdown-menu .ant-dropdown-menu-title-content .mars-icon {
  color: var(--mars-collapse-icon);
}
.mars-dropdown-menu .ant-dropdown-menu-item,
.mars-dropdown-menu .ant-dropdown-menu-submenu-title {
  border-radius: 2px !important;
}
.mars-dropdown-menu .ant-dropdown-menu-item:hover,
.mars-dropdown-menu .ant-dropdown-menu-submenu-title:hover {
  background-color: var(--mars-list-active) !important;
}
.mars-dropdown-menu .ant-dropdown-menu-item:hover .ant-dropdown-menu-title-content,
.mars-dropdown-menu .ant-dropdown-menu-submenu-title:hover .ant-dropdown-menu-title-content {
  color: var(--mars-collapse-icon);
}
.mars-dropdown-menu .ant-dropdown-menu-item .ant-upload,
.mars-dropdown-menu .ant-dropdown-menu-submenu-title .ant-upload {
  color: var(--mars-control-text);
}
.mars-dropdown-menu .ant-dropdown-menu-submenu-title {
  padding: 6px 20px !important;
}
.mars-gui-form .ant-form-item-control-input-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mars-gui-form .ant-form-item-control-input-content .mars-gui-extra {
  display: block;
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: normal;
  color: var(--mars-extra-text-color);
}
.mars-gui-form .ant-form-item-control-input-content .extra_follow_close {
  display: inline-block;
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: normal;
  color: var(--mars-extra-text-color);
  margin-left: 10px;
}
.mars-gui-form .ant-form-item-control-input-content .ant-input-affix-wrapper {
  padding: 4px;
}
.mars-gui-form .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-input {
  text-align: center;
}
.mars-hover-bg {
  background-color: var(--mars-list-select);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mars-main-view {
  color: var(--mars-text-color);
  /* 卡片 */
}
.mars-main-view .ant-collapse,
.mars-main-view .ant-collapse-item,
.mars-main-view .ant-collapse-content {
  background: none !important;
  border: none;
}
.mars-main-view .ant-collapse-content-box {
  padding: 15px 13px 20px 13px !important;
}
.mars-main-view .ant-collapse-header {
  background: var(--mars-collapse-title-bg);
  box-shadow: var(--mars-collapse-title-shadow);
  margin-bottom: 1px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 18px;
  padding: 10px 15px !important;
  color: var(--mars-control-text) !important;
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-header .ant-collapse-header-text {
  font-family: 思源黑体;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
.mars-main-view .ant-collapse-header .ant-collapse-expand-icon {
  color: var(--mars-collapse-icon);
}
.mars-main-view .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-content {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-collapse-extra .mars-icon {
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.mars-main-view .ant-radio-button-wrapper {
  background: rgba(32, 160, 255, 0.2);
  color: #ffffff;
  box-shadow: none !important;
}
.mars-main-view .ant-radio-button-checked {
  background-color: #1890ff;
}
.mars-main-view .ant-form {
  color: rgba(255, 255, 255, 0.925);
  padding: 14px 7px;
}
.mars-main-view .ant-form .ant-form-item-extra {
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item {
  margin-bottom: 10px !important;
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item .ant-form-item-label > label {
  font-size: 14px;
  font-family: var(--mars-font-family);
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-form-item:nth-last-child(1) {
  margin-bottom: 0 !important;
}
.mars-main-view .mars-ant-card {
  background: none;
  border: 1px solid var(--mars-control-border);
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head {
  border-color: var(--mars-control-border);
  min-height: auto;
  padding: 0 10px;
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head .ant-card-head-title {
  padding: 8px 0;
}
.mars-main-view .mars-ant-card .ant-card-body {
  padding: 10px;
}
.mars-main-view .ant-upload {
  color: var(--mars-control-text);
}
.mars-main-view .ant-checkbox-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox {
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked {
  background: var(--mars-control-bg);
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
  border-radius: 2px;
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--mars-primary-color);
  border-color: var(--mars-primary-color);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox-checked {
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-radio-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-radio-wrapper .ant-radio-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
  background-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-inner {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner::after {
  background-color: #4096ff;
}
.mars-main-view .ant-table,
.mars-main-view .ant-table-thead > tr > th {
  color: var(--mars-control-text);
  background: none !important;
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: 500;
  border-start-end-radius: 0 !important;
  border-start-start-radius: 0 !important;
}
.mars-main-view .ant-table-sticky-holder {
  background: none;
}
.mars-main-view .ant-table-row:nth-of-type(even) {
  background-color: var(--mars-table-odd-bg);
}
.mars-main-view .ant-table-row:nth-of-type(odd) {
  background-color: transparent;
}
.mars-main-view .ant-table .ant-table-header {
  border-radius: 0;
}
.mars-main-view .ant-table .ant-table-header .ant-table-thead {
  background-color: var(--mars-table-header-bg);
}
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-right,
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg) !important;
}
.mars-main-view .ant-table-tbody > tr.ant-table-placeholder > td {
  background: #141414;
}
.mars-main-view .ant-table-row:hover > td,
.mars-main-view .ant-table-row-selected > td {
  background-color: transparent !important;
}
.mars-main-view .ant-table-cell-row-hover {
  background: transparent !important;
}
.mars-main-view .ant-table-cell {
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  color: var(--mars-control-text);
  border: 0.5px solid var(--mars-control-border);
  background: transparent;
  border-top: 0.5px solid var(--mars-control-border) !important;
  border-bottom: 0.5px solid var(--mars-control-border) !important;
}
.mars-main-view .ant-table-cell-fix-right,
.mars-main-view .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg);
}
.mars-main-view .ant-table-container {
  border: 0.5px solid var(--mars-control-border) !important;
  background: transparent !important;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table {
  border-top: none !important;
  border-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:first-child {
  border-start-start-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:last-child {
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-cell .ant-table-column-sorter {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-placeholder > td {
  background: var(--mars-base-bg) !important;
}
.mars-main-view .ant-table-placeholder > td .ant-empty .ant-empty-description {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-row:nth-last-child(1) .ant-table-cell {
  border-bottom: none;
}
.mars-main-view .ant-table-wrapper .ant-table-pagination {
  margin: 16px 0 0;
}
.mars-main-view .ant-cascader .ant-select-selector {
  height: 32px;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  font-size: 12px !important;
  border-radius: 0;
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-cascader .ant-select-selection-item {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs-tab {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-pagination-item,
.mars-main-view .ant-pagination .ant-pagination-prev,
.mars-main-view .ant-pagination .ant-pagination-next {
  background: none;
  background-color: transparent;
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-item > a,
.mars-main-view .ant-pagination .ant-pagination-prev > a,
.mars-main-view .ant-pagination .ant-pagination-next > a,
.mars-main-view .ant-pagination .ant-pagination-item .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  color: var(--mars-sub-title-color);
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: normal;
}
.mars-main-view .ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
  color: var(--mars-disable-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager {
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager input {
  background: none;
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  color: var(--mars-sub-title-color) !important;
}
.mars-main-view .ant-pagination .ant-select {
  color: var(--mars-control-text);
  background-color: transparent !important;
  background: none;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector {
  border-color: var(--mars-control-border) !important;
  background: none;
  background-color: transparent !important;
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector:hover,
.mars-main-view .ant-pagination .ant-select .ant-select-selector:focus {
  border-color: #4db3ff !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selection-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-select .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: center;
}
.mars-main-view .ant-pagination .ant-pagination-item-active {
  border-color: var(--mars-primary-color);
  border-radius: 2px;
}
.mars-main-view .ant-pagination .ant-pagination-item-active > a {
  color: var(--mars-primary-color);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager {
  color: rgba(234, 242, 255, 0.5);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager input {
  color: #ffffff;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-right,
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-left {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-list-items * {
  color: var(--mars-control-text);
}
.mars-main-view .ant-list-items .ant-list-item {
  border-bottom: 1px solid #303030;
}
.mars-main-view .ant-list-items .ant-list-item-meta-description {
  color: hsla(0, 0%, 100%, 0.45);
}
.mars-main-view .ant-divider-vertical {
  border-color: var(--mars-control-text);
}
.mars-main-view .ant-table-body::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.mars-main-view .ant-tabs {
  width: 100%;
}
.mars-main-view .ant-tabs .ant-tabs-nav {
  margin-top: 0;
}
.mars-main-view .ant-tabs .ant-tabs-nav::before {
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs .ant-tabs-nav-wrap {
  line-height: 1;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab-active {
  background: #20a0ff33;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-tab {
  background: #20a0ff33 !important;
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab-active {
  border-top: none !important;
}
.mars-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-select);
}
.mars-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active) !important;
}
.mars-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-select-dropdown {
  padding: 4px !important;
  color: var(--mars-control-text) !important;
  font-family: var(--mars-font-family);
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: left;
}
.mars-select-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-select-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background: var(--mars-list-active);
}
.mars-select-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-placeholder) !important;
}
.mars-noHeader-table :deep(.ant-table) {
  margin-top: 10px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row {
  display: flex;
  width: 300px;
  border-radius: 2px;
  border: 1px solid rgba(234, 242, 255, 0.1);
  background: rgba(234, 242, 255, 0.2);
  margin-bottom: 10px;
  cursor: pointer;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:last-child {
  margin-bottom: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:hover {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row-selected {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-placeholder td {
  position: relative !important;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell {
  border: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 216px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell:last-child {
  position: absolute;
  right: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-container {
  border: none !important;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}
::-webkit-scrollbar-track {
  background: var(--mars-scrollbar-track);
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
::-webkit-scrollbar {
  height: 10px;
  width: 4px;
  background: var(--mars-scrollbar-track);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  padding-top: 100px;
  background-color: var(--mars-scrollbar-thumb);
  min-height: 28px;
  border-radius: 4px;
  background-clip: padding-box;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
/*提示*/
.mars-message .ant-message-notice-content {
  color: var(--mars-control-text);
  padding: 1px !important;
  background: var(--mars-base-border);
  border-radius: 4px !important;
  backdrop-filter: blur(10px);
}
.mars-message .ant-message-notice-content .ant-message-custom-content {
  padding: 10px 15px;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  border-radius: 4px;
}
.mars-message .ant-message-notice-content .ant-message-custom-content > span {
  font-size: 14px !important;
  font-family: var(--mars-font-family);
  font-weight: normal;
}
.mars-message .ant-message-notice-content .mars-icon {
  margin-right: 10px;
}
.mars-hover-bg {
  background-color: var(--mars-list-select);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mars-main-view {
  color: var(--mars-text-color);
  /* 卡片 */
}
.mars-main-view .ant-collapse,
.mars-main-view .ant-collapse-item,
.mars-main-view .ant-collapse-content {
  background: none !important;
  border: none;
}
.mars-main-view .ant-collapse-content-box {
  padding: 15px 13px 20px 13px !important;
}
.mars-main-view .ant-collapse-header {
  background: var(--mars-collapse-title-bg);
  box-shadow: var(--mars-collapse-title-shadow);
  margin-bottom: 1px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 18px;
  padding: 10px 15px !important;
  color: var(--mars-control-text) !important;
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-header .ant-collapse-header-text {
  font-family: 思源黑体;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
.mars-main-view .ant-collapse-header .ant-collapse-expand-icon {
  color: var(--mars-collapse-icon);
}
.mars-main-view .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-content {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-collapse-extra .mars-icon {
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.mars-main-view .ant-radio-button-wrapper {
  background: rgba(32, 160, 255, 0.2);
  color: #ffffff;
  box-shadow: none !important;
}
.mars-main-view .ant-radio-button-checked {
  background-color: #1890ff;
}
.mars-main-view .ant-form {
  color: rgba(255, 255, 255, 0.925);
  padding: 14px 7px;
}
.mars-main-view .ant-form .ant-form-item-extra {
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item {
  margin-bottom: 10px !important;
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item .ant-form-item-label > label {
  font-size: 14px;
  font-family: var(--mars-font-family);
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-form-item:nth-last-child(1) {
  margin-bottom: 0 !important;
}
.mars-main-view .mars-ant-card {
  background: none;
  border: 1px solid var(--mars-control-border);
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head {
  border-color: var(--mars-control-border);
  min-height: auto;
  padding: 0 10px;
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head .ant-card-head-title {
  padding: 8px 0;
}
.mars-main-view .mars-ant-card .ant-card-body {
  padding: 10px;
}
.mars-main-view .ant-upload {
  color: var(--mars-control-text);
}
.mars-main-view .ant-checkbox-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox {
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked {
  background: var(--mars-control-bg);
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
  border-radius: 2px;
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--mars-primary-color);
  border-color: var(--mars-primary-color);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox-checked {
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-radio-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-radio-wrapper .ant-radio-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
  background-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-inner {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner::after {
  background-color: #4096ff;
}
.mars-main-view .ant-table,
.mars-main-view .ant-table-thead > tr > th {
  color: var(--mars-control-text);
  background: none !important;
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: 500;
  border-start-end-radius: 0 !important;
  border-start-start-radius: 0 !important;
}
.mars-main-view .ant-table-sticky-holder {
  background: none;
}
.mars-main-view .ant-table-row:nth-of-type(even) {
  background-color: var(--mars-table-odd-bg);
}
.mars-main-view .ant-table-row:nth-of-type(odd) {
  background-color: transparent;
}
.mars-main-view .ant-table .ant-table-header {
  border-radius: 0;
}
.mars-main-view .ant-table .ant-table-header .ant-table-thead {
  background-color: var(--mars-table-header-bg);
}
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-right,
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg) !important;
}
.mars-main-view .ant-table-tbody > tr.ant-table-placeholder > td {
  background: #141414;
}
.mars-main-view .ant-table-row:hover > td,
.mars-main-view .ant-table-row-selected > td {
  background-color: transparent !important;
}
.mars-main-view .ant-table-cell-row-hover {
  background: transparent !important;
}
.mars-main-view .ant-table-cell {
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  color: var(--mars-control-text);
  border: 0.5px solid var(--mars-control-border);
  background: transparent;
  border-top: 0.5px solid var(--mars-control-border) !important;
  border-bottom: 0.5px solid var(--mars-control-border) !important;
}
.mars-main-view .ant-table-cell-fix-right,
.mars-main-view .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg);
}
.mars-main-view .ant-table-container {
  border: 0.5px solid var(--mars-control-border) !important;
  background: transparent !important;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table {
  border-top: none !important;
  border-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:first-child {
  border-start-start-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:last-child {
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-cell .ant-table-column-sorter {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-placeholder > td {
  background: var(--mars-base-bg) !important;
}
.mars-main-view .ant-table-placeholder > td .ant-empty .ant-empty-description {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-row:nth-last-child(1) .ant-table-cell {
  border-bottom: none;
}
.mars-main-view .ant-table-wrapper .ant-table-pagination {
  margin: 16px 0 0;
}
.mars-main-view .ant-cascader .ant-select-selector {
  height: 32px;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  font-size: 12px !important;
  border-radius: 0;
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-cascader .ant-select-selection-item {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs-tab {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-pagination-item,
.mars-main-view .ant-pagination .ant-pagination-prev,
.mars-main-view .ant-pagination .ant-pagination-next {
  background: none;
  background-color: transparent;
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-item > a,
.mars-main-view .ant-pagination .ant-pagination-prev > a,
.mars-main-view .ant-pagination .ant-pagination-next > a,
.mars-main-view .ant-pagination .ant-pagination-item .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  color: var(--mars-sub-title-color);
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: normal;
}
.mars-main-view .ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
  color: var(--mars-disable-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager {
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager input {
  background: none;
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  color: var(--mars-sub-title-color) !important;
}
.mars-main-view .ant-pagination .ant-select {
  color: var(--mars-control-text);
  background-color: transparent !important;
  background: none;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector {
  border-color: var(--mars-control-border) !important;
  background: none;
  background-color: transparent !important;
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector:hover,
.mars-main-view .ant-pagination .ant-select .ant-select-selector:focus {
  border-color: #4db3ff !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selection-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-select .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: center;
}
.mars-main-view .ant-pagination .ant-pagination-item-active {
  border-color: var(--mars-primary-color);
  border-radius: 2px;
}
.mars-main-view .ant-pagination .ant-pagination-item-active > a {
  color: var(--mars-primary-color);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager {
  color: rgba(234, 242, 255, 0.5);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager input {
  color: #ffffff;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-right,
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-left {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-list-items * {
  color: var(--mars-control-text);
}
.mars-main-view .ant-list-items .ant-list-item {
  border-bottom: 1px solid #303030;
}
.mars-main-view .ant-list-items .ant-list-item-meta-description {
  color: hsla(0, 0%, 100%, 0.45);
}
.mars-main-view .ant-divider-vertical {
  border-color: var(--mars-control-text);
}
.mars-main-view .ant-table-body::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.mars-main-view .ant-tabs {
  width: 100%;
}
.mars-main-view .ant-tabs .ant-tabs-nav {
  margin-top: 0;
}
.mars-main-view .ant-tabs .ant-tabs-nav::before {
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs .ant-tabs-nav-wrap {
  line-height: 1;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab-active {
  background: #20a0ff33;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-tab {
  background: #20a0ff33 !important;
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab-active {
  border-top: none !important;
}
.mars-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-select);
}
.mars-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active) !important;
}
.mars-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-select-dropdown {
  padding: 4px !important;
  color: var(--mars-control-text) !important;
  font-family: var(--mars-font-family);
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: left;
}
.mars-select-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-select-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background: var(--mars-list-active);
}
.mars-select-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-placeholder) !important;
}
.mars-noHeader-table :deep(.ant-table) {
  margin-top: 10px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row {
  display: flex;
  width: 300px;
  border-radius: 2px;
  border: 1px solid rgba(234, 242, 255, 0.1);
  background: rgba(234, 242, 255, 0.2);
  margin-bottom: 10px;
  cursor: pointer;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:last-child {
  margin-bottom: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:hover {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row-selected {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-placeholder td {
  position: relative !important;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell {
  border: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 216px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell:last-child {
  position: absolute;
  right: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-container {
  border: none !important;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}
::-webkit-scrollbar-track {
  background: var(--mars-scrollbar-track);
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
::-webkit-scrollbar {
  height: 10px;
  width: 4px;
  background: var(--mars-scrollbar-track);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  padding-top: 100px;
  background-color: var(--mars-scrollbar-thumb);
  min-height: 28px;
  border-radius: 4px;
  background-clip: padding-box;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
.mars-global-alert .ant-modal-confirm-title {
  height: 41px;
  line-height: 41px !important;
  padding-left: 13px;
  color: var(--mars-control-text) !important;
  background: var(--mars-msg-title-bg);
  font-family: var(--mars-font-family);
  font-size: 16px !important;
  font-weight: normal !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: var(--mars-base-shadow);
}
.mars-global-alert .ant-modal-confirm-content {
  padding: 15px 14px 17px;
  margin: 0;
  color: var(--mars-control-text) !important;
  user-select: text;
  font-size: 14px !important;
  font-family: var(--mars-font-family);
  font-weight: normal;
  max-width: 100% !important;
  margin-block-start: 0 !important;
}
.mars-global-alert .ant-modal-confirm-btns {
  margin: 0;
  width: 100%;
  text-align: center;
  margin-bottom: 13px;
}
.mars-global-alert .ant-modal-confirm-btns .ant-btn {
  background: var(--mars-primary-color);
  background-color: var(--mars-primary-color);
  color: #ffffff;
  border: none;
  border-radius: 2px;
}
.mars-global-alert .ant-modal-confirm-btns .ant-btn:hover {
  color: #ffffff;
  border-color: #89bceb;
  background: var(--mars-hover-color);
}
.mars-global-alert .ant-modal-content {
  background-color: transparent;
  padding: 0;
  padding-bottom: 14px;
  padding: 1px !important;
  background: var(--mars-base-border);
  border-radius: 4px !important;
  backdrop-filter: blur(10px);
}
.mars-global-alert .ant-modal-content .ant-modal-body {
  padding: 0;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  border-radius: 4px;
}
.mars-global-alert .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-body .ant-modal-confirm-title {
  flex: 0 0 100% !important;
}
.mars-global-alert .anticon * {
  color: #4db3ff !important;
  font-size: 20px;
}
.mars-hover-bg {
  background-color: var(--mars-list-select);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mars-main-view {
  color: var(--mars-text-color);
  /* 卡片 */
}
.mars-main-view .ant-collapse,
.mars-main-view .ant-collapse-item,
.mars-main-view .ant-collapse-content {
  background: none !important;
  border: none;
}
.mars-main-view .ant-collapse-content-box {
  padding: 15px 13px 20px 13px !important;
}
.mars-main-view .ant-collapse-header {
  background: var(--mars-collapse-title-bg);
  box-shadow: var(--mars-collapse-title-shadow);
  margin-bottom: 1px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 18px;
  padding: 10px 15px !important;
  color: var(--mars-control-text) !important;
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-header .ant-collapse-header-text {
  font-family: 思源黑体;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
.mars-main-view .ant-collapse-header .ant-collapse-expand-icon {
  color: var(--mars-collapse-icon);
}
.mars-main-view .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-content {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-collapse-extra .mars-icon {
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.mars-main-view .ant-radio-button-wrapper {
  background: rgba(32, 160, 255, 0.2);
  color: #ffffff;
  box-shadow: none !important;
}
.mars-main-view .ant-radio-button-checked {
  background-color: #1890ff;
}
.mars-main-view .ant-form {
  color: rgba(255, 255, 255, 0.925);
  padding: 14px 7px;
}
.mars-main-view .ant-form .ant-form-item-extra {
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item {
  margin-bottom: 10px !important;
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item .ant-form-item-label > label {
  font-size: 14px;
  font-family: var(--mars-font-family);
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-form-item:nth-last-child(1) {
  margin-bottom: 0 !important;
}
.mars-main-view .mars-ant-card {
  background: none;
  border: 1px solid var(--mars-control-border);
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head {
  border-color: var(--mars-control-border);
  min-height: auto;
  padding: 0 10px;
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head .ant-card-head-title {
  padding: 8px 0;
}
.mars-main-view .mars-ant-card .ant-card-body {
  padding: 10px;
}
.mars-main-view .ant-upload {
  color: var(--mars-control-text);
}
.mars-main-view .ant-checkbox-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox {
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked {
  background: var(--mars-control-bg);
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
  border-radius: 2px;
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--mars-primary-color);
  border-color: var(--mars-primary-color);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox-checked {
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-radio-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-radio-wrapper .ant-radio-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
  background-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-inner {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner::after {
  background-color: #4096ff;
}
.mars-main-view .ant-table,
.mars-main-view .ant-table-thead > tr > th {
  color: var(--mars-control-text);
  background: none !important;
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: 500;
  border-start-end-radius: 0 !important;
  border-start-start-radius: 0 !important;
}
.mars-main-view .ant-table-sticky-holder {
  background: none;
}
.mars-main-view .ant-table-row:nth-of-type(even) {
  background-color: var(--mars-table-odd-bg);
}
.mars-main-view .ant-table-row:nth-of-type(odd) {
  background-color: transparent;
}
.mars-main-view .ant-table .ant-table-header {
  border-radius: 0;
}
.mars-main-view .ant-table .ant-table-header .ant-table-thead {
  background-color: var(--mars-table-header-bg);
}
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-right,
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg) !important;
}
.mars-main-view .ant-table-tbody > tr.ant-table-placeholder > td {
  background: #141414;
}
.mars-main-view .ant-table-row:hover > td,
.mars-main-view .ant-table-row-selected > td {
  background-color: transparent !important;
}
.mars-main-view .ant-table-cell-row-hover {
  background: transparent !important;
}
.mars-main-view .ant-table-cell {
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  color: var(--mars-control-text);
  border: 0.5px solid var(--mars-control-border);
  background: transparent;
  border-top: 0.5px solid var(--mars-control-border) !important;
  border-bottom: 0.5px solid var(--mars-control-border) !important;
}
.mars-main-view .ant-table-cell-fix-right,
.mars-main-view .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg);
}
.mars-main-view .ant-table-container {
  border: 0.5px solid var(--mars-control-border) !important;
  background: transparent !important;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table {
  border-top: none !important;
  border-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:first-child {
  border-start-start-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:last-child {
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-cell .ant-table-column-sorter {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-placeholder > td {
  background: var(--mars-base-bg) !important;
}
.mars-main-view .ant-table-placeholder > td .ant-empty .ant-empty-description {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-row:nth-last-child(1) .ant-table-cell {
  border-bottom: none;
}
.mars-main-view .ant-table-wrapper .ant-table-pagination {
  margin: 16px 0 0;
}
.mars-main-view .ant-cascader .ant-select-selector {
  height: 32px;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  font-size: 12px !important;
  border-radius: 0;
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-cascader .ant-select-selection-item {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs-tab {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-pagination-item,
.mars-main-view .ant-pagination .ant-pagination-prev,
.mars-main-view .ant-pagination .ant-pagination-next {
  background: none;
  background-color: transparent;
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-item > a,
.mars-main-view .ant-pagination .ant-pagination-prev > a,
.mars-main-view .ant-pagination .ant-pagination-next > a,
.mars-main-view .ant-pagination .ant-pagination-item .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  color: var(--mars-sub-title-color);
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: normal;
}
.mars-main-view .ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
  color: var(--mars-disable-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager {
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager input {
  background: none;
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  color: var(--mars-sub-title-color) !important;
}
.mars-main-view .ant-pagination .ant-select {
  color: var(--mars-control-text);
  background-color: transparent !important;
  background: none;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector {
  border-color: var(--mars-control-border) !important;
  background: none;
  background-color: transparent !important;
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector:hover,
.mars-main-view .ant-pagination .ant-select .ant-select-selector:focus {
  border-color: #4db3ff !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selection-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-select .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: center;
}
.mars-main-view .ant-pagination .ant-pagination-item-active {
  border-color: var(--mars-primary-color);
  border-radius: 2px;
}
.mars-main-view .ant-pagination .ant-pagination-item-active > a {
  color: var(--mars-primary-color);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager {
  color: rgba(234, 242, 255, 0.5);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager input {
  color: #ffffff;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-right,
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-left {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-list-items * {
  color: var(--mars-control-text);
}
.mars-main-view .ant-list-items .ant-list-item {
  border-bottom: 1px solid #303030;
}
.mars-main-view .ant-list-items .ant-list-item-meta-description {
  color: hsla(0, 0%, 100%, 0.45);
}
.mars-main-view .ant-divider-vertical {
  border-color: var(--mars-control-text);
}
.mars-main-view .ant-table-body::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.mars-main-view .ant-tabs {
  width: 100%;
}
.mars-main-view .ant-tabs .ant-tabs-nav {
  margin-top: 0;
}
.mars-main-view .ant-tabs .ant-tabs-nav::before {
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs .ant-tabs-nav-wrap {
  line-height: 1;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab-active {
  background: #20a0ff33;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-tab {
  background: #20a0ff33 !important;
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab-active {
  border-top: none !important;
}
.mars-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-select);
}
.mars-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active) !important;
}
.mars-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-select-dropdown {
  padding: 4px !important;
  color: var(--mars-control-text) !important;
  font-family: var(--mars-font-family);
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: left;
}
.mars-select-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-select-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background: var(--mars-list-active);
}
.mars-select-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-placeholder) !important;
}
.mars-noHeader-table :deep(.ant-table) {
  margin-top: 10px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row {
  display: flex;
  width: 300px;
  border-radius: 2px;
  border: 1px solid rgba(234, 242, 255, 0.1);
  background: rgba(234, 242, 255, 0.2);
  margin-bottom: 10px;
  cursor: pointer;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:last-child {
  margin-bottom: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:hover {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row-selected {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-placeholder td {
  position: relative !important;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell {
  border: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 216px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell:last-child {
  position: absolute;
  right: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-container {
  border: none !important;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}
::-webkit-scrollbar-track {
  background: var(--mars-scrollbar-track);
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
::-webkit-scrollbar {
  height: 10px;
  width: 4px;
  background: var(--mars-scrollbar-track);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  padding-top: 100px;
  background-color: var(--mars-scrollbar-thumb);
  min-height: 28px;
  border-radius: 4px;
  background-clip: padding-box;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
.mars-notify-message {
  padding: 1px !important;
  background: var(--mars-base-border);
  border-radius: 4px !important;
  backdrop-filter: blur(10px);
}
.mars-notify-message .ant-notification-notice-content {
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  border-radius: 4px;
}
.mars-notify-message .ant-notification-notice-message {
  margin: 0;
  margin-inline-start: 0 !important;
  height: 41px;
  line-height: 41px !important;
  padding-left: 13px;
  color: var(--mars-control-text) !important;
  background: var(--mars-msg-title-bg);
  font-family: var(--mars-font-family);
  font-size: 16px !important;
  font-weight: normal !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: var(--mars-base-shadow);
}
.mars-notify-message .ant-notification-notice-description {
  color: var(--mars-control-text);
  margin: 0;
  margin-inline-start: 0 !important;
  padding: 20px;
  user-select: text;
  font-family: var(--mars-font-family);
  font-size: 14px !important;
  font-weight: normal;
}
.mars-notify-message .ant-notification-notice-close {
  color: var(--mars-control-text);
  top: 10px;
  right: 10px;
}
.mars-notify-message .ant-notification-notice-close:hover {
  color: var(--mars-hover-color);
}
/* 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); }
}

.mars-tree .ant-tree {
  background: none;
  color: var(--mars-tree-hover-text);
  padding-bottom: 2px;
}
.mars-tree .ant-tree .ant-tree-treenode {
  width: 100%;
}
.mars-tree .ant-tree .ant-tree-treenode .ant-tree-node-content-wrapper {
  color: var(--mars-tree-text);
}
.mars-tree .ant-tree .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title {
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mars-tree .ant-tree .ant-tree-treenode:hover {
  background: var(--mars-list-active) !important;
  border-radius: 2px;
}
.mars-tree .ant-tree .ant-tree-treenode:hover .ant-tree-node-content-wrapper {
  color: var(--mars-tree-hover-text);
  background: transparent;
}
.mars-tree .ant-tree .ant-tree-treenode-checkbox-checked {
  background: var(--mars-list-active) !important;
  border-radius: 2px;
}
.mars-tree .ant-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper {
  color: var(--mars-tree-hover-text);
}
.mars-tree .ant-tree-checkbox {
  margin-right: 0;
}
.mars-tree .ant-tree-show-line .ant-tree-switcher,
.mars-tree .ant-tree-checkbox-inner {
  background: none !important;
  border-radius: 2px !important;
}
.mars-tree .ant-tree-checkbox-checked {
  background: var(--mars-primary-color);
  border-radius: 2px;
}
.mars-tree .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  border-color: var(--mars-primary-color);
}
.mars-tree .anticon-file.ant-tree-switcher-line-icon {
  display: none;
}
.mars-tree .ant-tree-show-line .ant-tree-indent-unit::before {
  border-right: 1px dotted var(--mars-text-tree);
}
.mars-tree .ant-tree-switcher-noop {
  width: 20px;
}
.mars-tree .ant-tree-node-selected {
  background: none !important;
}
.mars-tree .ant-tree-switcher-noop::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 26px;
  border-right: 1px dotted var(--mars-text-color);
}
.mars-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-noop::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 10px;
  border-right: 1px dotted var(--mars-text-color);
}
.mars-tree .ant-tree-switcher-noop::after {
  content: "";
  display: inline-block;
  width: 8px;
  position: absolute;
  top: 10px;
  border-bottom: 1px dotted var(--mars-text-color);
}
.mars-main-view .ant-tree {
  background: none;
  color: var(--mars-tree-hover-text);
  padding-bottom: 2px;
}
.mars-main-view .ant-tree .ant-tree-treenode {
  width: 100%;
}
.mars-main-view .ant-tree .ant-tree-treenode .ant-tree-node-content-wrapper {
  color: var(--mars-tree-text);
}
.mars-main-view .ant-tree .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title {
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mars-main-view .ant-tree .ant-tree-treenode:hover {
  background: var(--mars-list-active) !important;
  border-radius: 2px;
}
.mars-main-view .ant-tree .ant-tree-treenode:hover .ant-tree-node-content-wrapper {
  color: var(--mars-tree-hover-text);
  background: transparent;
}
.mars-main-view .ant-tree .ant-tree-treenode-checkbox-checked {
  background: var(--mars-list-active) !important;
  border-radius: 2px;
}
.mars-main-view .ant-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper {
  color: var(--mars-tree-hover-text);
}
.mars-main-view .ant-tree-checkbox {
  margin-right: 0;
}
.mars-main-view .ant-tree-show-line .ant-tree-switcher,
.mars-main-view .ant-tree-checkbox-inner {
  background: none !important;
  border-radius: 2px !important;
}
.mars-main-view .ant-tree-checkbox-checked {
  background: var(--mars-primary-color);
  border-radius: 2px;
}
.mars-main-view .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  border-color: var(--mars-primary-color);
}
.mars-main-view .anticon-file.ant-tree-switcher-line-icon {
  display: none;
}
.mars-main-view .ant-tree-show-line .ant-tree-indent-unit::before {
  border-right: 1px dotted var(--mars-text-tree);
}
.mars-main-view .ant-tree-switcher-noop {
  width: 20px;
}
.mars-main-view .ant-tree-node-selected {
  background: none !important;
}
.mars-main-view .ant-tree-switcher-noop::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 26px;
  border-right: 1px dotted var(--mars-text-color);
}
.mars-main-view .ant-tree-treenode-leaf-last .ant-tree-switcher-noop::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 10px;
  border-right: 1px dotted var(--mars-text-color);
}
.mars-main-view .ant-tree-switcher-noop::after {
  content: "";
  display: inline-block;
  width: 8px;
  position: absolute;
  top: 10px;
  border-bottom: 1px dotted var(--mars-text-color);
}
:root[data-theme="dark"] {
  --zhts-title-bimage: url("/assets/header-bg-CYKFlJKm.png");
  --zhts-title-bcolor: #222938;
  --zhts-title-img: url("/assets/heade-title-bg-BHef_Ww7.png");
}
:root[data-theme="dark"] {
  --mars-base-bg: rgba(39, 44, 54, 0.2);
  --mars-base-shadow: none;
  --mars-base-border: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.05) 100%);
  --mars-collapse-title-bg: #3a404f;
  --mars-collapse-title-shadow: none;
  --mars-sub-title-color: rgba(234, 242, 255, 0.8);
  --mars-extra-text-color: rgba(234, 242, 255, 0.7);
  --mars-text-color: #ffffff;
  --mars-font-family: HarmonyOS Sans SC;
  --mars-control-bg: rgba(35, 39, 47, 0.7);
  --mars-control-border: rgba(234, 242, 255, 0.15);
  --mars-poi-border: linear-gradient(96deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.05) 99%);
  --mars-collapse-icon: #ffffff;
  --mars-control-text: #eaf2ff;
  --mars-control-placeholder: rgba(234, 242, 255, 0.2);
  --mars-control-icon: rgba(234, 242, 255, 0.4);
  --mars-table-odd-bg: rgba(234, 242, 255, 0.1);
  --mars-table-header-bg: rgba(234, 242, 255, 0.1);
  --mars-dropdown-bg: rgba(10, 15, 25, 0);
  --mars-tree-text: #d8dfea;
  --mars-tree-hover-text: #ffffff;
  --mars-menu-emb: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.98) 50%, rgba(255, 255, 255, 0) 100%);
  --mars-primary-color: #3385ff;
  --mars-dangerous-color: #f96868;
  --mars-close-color: rgba(35, 39, 47, 0.7);
  --mars-disable-color: rgba(255, 255, 255, 0.2);
  --mars-hover-color: #4096ff;
  --mars-list-active: rgba(51, 133, 255, 0.3);
  --mars-list-select: rgba(51, 133, 255, 0.15);
  --mars-msg-title-bg: rgba(15, 20, 35, 0.99);
  --mars-msg-title-color: rgba(35, 39, 47, 0.7);
  --mars-scrollbar-thumb: #14151a;
  --mars-scrollbar-track: rgba(35, 39, 47, 0.7);
}
:root[data-theme="light"] {
  --zhts-title-bimage: "";
  --zhts-title-bcolor: #008AFF;
}
:root[data-theme="light"] {
  --mars-base-bg: #ffffff;
  --mars-base-shadow: 0px 12px 28px 0px rgba(0, 0, 0, 0.2), 0px 2px 4px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05);
  --mars-base-border: #ffffff;
  --mars-collapse-title-bg: #ffffff;
  --mars-collapse-title-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.2);
  --mars-sub-title-color: rgba(0, 0, 0, 0.88);
  --mars-extra-text-color: #9e9e9e;
  --mars-text-color: rgba(0, 0, 0, 0.88);
  --mars-font-family: HarmonyOS Sans SC;
  --mars-control-bg: #ffffff;
  --mars-control-border: rgba(0, 0, 0, 0.15);
  --mars-poi-border: #ffffff;
  --mars-collapse-icon: #3385ff;
  --mars-control-text: #031a3d;
  --mars-control-placeholder: rgba(3, 26, 61, 0.25);
  --mars-control-icon: rgba(3, 26, 61, 0.5);
  --mars-table-odd-bg: transparent;
  --mars-table-header-bg: rgba(0, 0, 0, 0.02);
  --mars-dropdown-bg: #ffffff;
  --mars-tree-text: rgba(3, 26, 61, 0.7);
  --mars-tree-hover-text: #031a3d;
  --mars-menu-emb: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 50%, rgba(0, 0, 0, 0) 100%);
  --mars-primary-color: #1677ff;
  --mars-dangerous-color: #f96868;
  --mars-close-color: rgba(0, 0, 0, 0.25);
  --mars-disable-color: rgba(3, 26, 61, 0.2);
  --mars-hover-color: #4096ff;
  --mars-list-active: #f2f3ff;
  --mars-list-select: rgba(51, 133, 255, 0.15);
  --mars-msg-title-bg: #ffffff;
  --mars-msg-title-color: #ffffff;
  --mars-scrollbar-thumb: #adadad;
  --mars-scrollbar-track: #ececec;
}
.mars-hover-bg {
  background-color: var(--mars-list-select);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mars-main-view {
  color: var(--mars-text-color);
  /* 卡片 */
}
.mars-main-view .ant-collapse,
.mars-main-view .ant-collapse-item,
.mars-main-view .ant-collapse-content {
  background: none !important;
  border: none;
}
.mars-main-view .ant-collapse-content-box {
  padding: 15px 13px 20px 13px !important;
}
.mars-main-view .ant-collapse-header {
  background: var(--mars-collapse-title-bg);
  box-shadow: var(--mars-collapse-title-shadow);
  margin-bottom: 1px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 18px;
  padding: 10px 15px !important;
  color: var(--mars-control-text) !important;
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-header .ant-collapse-header-text {
  font-family: 思源黑体;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
.mars-main-view .ant-collapse-header .ant-collapse-expand-icon {
  color: var(--mars-collapse-icon);
}
.mars-main-view .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 4px 4px 0px 0px;
}
.mars-main-view .ant-collapse-content {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-collapse-extra .mars-icon {
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.mars-main-view .ant-radio-button-wrapper {
  background: rgba(32, 160, 255, 0.2);
  color: #ffffff;
  box-shadow: none !important;
}
.mars-main-view .ant-radio-button-checked {
  background-color: #1890ff;
}
.mars-main-view .ant-form {
  color: rgba(255, 255, 255, 0.925);
  padding: 14px 7px;
}
.mars-main-view .ant-form .ant-form-item-extra {
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item {
  margin-bottom: 10px !important;
  color: var(--mars-control-text);
}
.mars-main-view .ant-form-item .ant-form-item-label > label {
  font-size: 14px;
  font-family: var(--mars-font-family);
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-form-item:nth-last-child(1) {
  margin-bottom: 0 !important;
}
.mars-main-view .mars-ant-card {
  background: none;
  border: 1px solid var(--mars-control-border);
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head {
  border-color: var(--mars-control-border);
  min-height: auto;
  padding: 0 10px;
  color: var(--mars-control-text);
}
.mars-main-view .mars-ant-card .ant-card-head .ant-card-head-title {
  padding: 8px 0;
}
.mars-main-view .mars-ant-card .ant-card-body {
  padding: 10px;
}
.mars-main-view .ant-upload {
  color: var(--mars-control-text);
}
.mars-main-view .ant-checkbox-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox {
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked {
  background: var(--mars-control-bg);
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
  border-radius: 2px;
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--mars-primary-color);
  border-color: var(--mars-primary-color);
  border-radius: 0;
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-checkbox-wrapper:hover .ant-checkbox-checked {
  border-color: var(--mars-primary-color);
}
.mars-main-view .ant-radio-wrapper {
  color: var(--mars-control-text);
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-radio-wrapper .ant-radio-inner {
  background-color: var(--mars-control-bg);
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
  background-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-inner {
  box-shadow: 0px 0px 0px 2px rgba(5, 145, 255, 0.1);
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff;
}
.mars-main-view .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner::after {
  background-color: #4096ff;
}
.mars-main-view .ant-table,
.mars-main-view .ant-table-thead > tr > th {
  color: var(--mars-control-text);
  background: none !important;
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: 500;
  border-start-end-radius: 0 !important;
  border-start-start-radius: 0 !important;
}
.mars-main-view .ant-table-sticky-holder {
  background: none;
}
.mars-main-view .ant-table-row:nth-of-type(even) {
  background-color: var(--mars-table-odd-bg);
}
.mars-main-view .ant-table-row:nth-of-type(odd) {
  background-color: transparent;
}
.mars-main-view .ant-table .ant-table-header {
  border-radius: 0;
}
.mars-main-view .ant-table .ant-table-header .ant-table-thead {
  background-color: var(--mars-table-header-bg);
}
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-right,
.mars-main-view .ant-table .ant-table-header .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg) !important;
}
.mars-main-view .ant-table-tbody > tr.ant-table-placeholder > td {
  background: #141414;
}
.mars-main-view .ant-table-row:hover > td,
.mars-main-view .ant-table-row-selected > td {
  background-color: transparent !important;
}
.mars-main-view .ant-table-cell-row-hover {
  background: transparent !important;
}
.mars-main-view .ant-table-cell {
  font-family: var(--mars-font-family);
  font-size: 14px;
  font-weight: normal;
  color: var(--mars-control-text);
  border: 0.5px solid var(--mars-control-border);
  background: transparent;
  border-top: 0.5px solid var(--mars-control-border) !important;
  border-bottom: 0.5px solid var(--mars-control-border) !important;
}
.mars-main-view .ant-table-cell-fix-right,
.mars-main-view .ant-table-cell-fix-left {
  background: var(--mars-collapse-title-bg);
}
.mars-main-view .ant-table-container {
  border: 0.5px solid var(--mars-control-border) !important;
  background: transparent !important;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table {
  border-top: none !important;
  border-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:first-child {
  border-start-start-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-content > table > thead > tr:first-child > *:last-child {
  border-start-end-radius: 0;
}
.mars-main-view .ant-table-container .ant-table-cell .ant-table-column-sorter {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-placeholder > td {
  background: var(--mars-base-bg) !important;
}
.mars-main-view .ant-table-placeholder > td .ant-empty .ant-empty-description {
  color: var(--mars-control-text);
}
.mars-main-view .ant-table-row:nth-last-child(1) .ant-table-cell {
  border-bottom: none;
}
.mars-main-view .ant-table-wrapper .ant-table-pagination {
  margin: 16px 0 0;
}
.mars-main-view .ant-cascader .ant-select-selector {
  height: 32px;
  color: var(--mars-control-text);
  background-color: var(--mars-control-bg);
  font-size: 12px !important;
  border-radius: 0;
  border: 1px solid;
  border-color: var(--mars-control-border);
  border-radius: 2px;
  font-family: var(--mars-font-family);
}
.mars-main-view .ant-cascader .ant-select-selection-item {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs-tab {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-pagination-item,
.mars-main-view .ant-pagination .ant-pagination-prev,
.mars-main-view .ant-pagination .ant-pagination-next {
  background: none;
  background-color: transparent;
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-item > a,
.mars-main-view .ant-pagination .ant-pagination-prev > a,
.mars-main-view .ant-pagination .ant-pagination-next > a,
.mars-main-view .ant-pagination .ant-pagination-item .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.mars-main-view .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  color: var(--mars-sub-title-color);
  font-family: var(--mars-font-family);
  font-size: 12px;
  font-weight: normal;
}
.mars-main-view .ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
  color: var(--mars-disable-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager {
  color: var(--mars-sub-title-color);
}
.mars-main-view .ant-pagination .ant-pagination-simple-pager input {
  background: none;
  background-color: var(--mars-control-bg);
  border: 1px solid;
  border-color: var(--mars-control-border);
  color: var(--mars-sub-title-color) !important;
}
.mars-main-view .ant-pagination .ant-select {
  color: var(--mars-control-text);
  background-color: transparent !important;
  background: none;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector {
  border-color: var(--mars-control-border) !important;
  background: none;
  background-color: transparent !important;
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selector:hover,
.mars-main-view .ant-pagination .ant-select .ant-select-selector:focus {
  border-color: #4db3ff !important;
}
.mars-main-view .ant-pagination .ant-select .ant-select-selection-item {
  color: var(--mars-control-text);
}
.mars-main-view .ant-pagination .ant-select .ant-select-arrow {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-pagination .ant-select-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
}
.mars-main-view .ant-pagination .ant-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: center;
}
.mars-main-view .ant-pagination .ant-pagination-item-active {
  border-color: var(--mars-primary-color);
  border-radius: 2px;
}
.mars-main-view .ant-pagination .ant-pagination-item-active > a {
  color: var(--mars-primary-color);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager {
  color: rgba(234, 242, 255, 0.5);
}
.mars-main-view .ant-pagination-simple .ant-pagination-simple-pager input {
  color: #ffffff;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-right,
.mars-main-view .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link .anticon-left {
  color: var(--mars-text-color) !important;
}
.mars-main-view .ant-list-items * {
  color: var(--mars-control-text);
}
.mars-main-view .ant-list-items .ant-list-item {
  border-bottom: 1px solid #303030;
}
.mars-main-view .ant-list-items .ant-list-item-meta-description {
  color: hsla(0, 0%, 100%, 0.45);
}
.mars-main-view .ant-divider-vertical {
  border-color: var(--mars-control-text);
}
.mars-main-view .ant-table-body::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.mars-main-view .ant-tabs {
  width: 100%;
}
.mars-main-view .ant-tabs .ant-tabs-nav {
  margin-top: 0;
}
.mars-main-view .ant-tabs .ant-tabs-nav::before {
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab {
  color: var(--mars-control-text) !important;
}
.mars-main-view .ant-tabs .ant-tabs-nav-wrap {
  line-height: 1;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab-active {
  background: #20a0ff33;
}
.mars-main-view .ant-tabs.ant-tabs-card .ant-tabs-tab {
  background: #20a0ff33 !important;
  border-color: var(--mars-control-border);
}
.mars-main-view .ant-tabs .ant-tabs-tab-active {
  border-top: none !important;
}
.mars-cascader-dropdown {
  padding: 0 !important;
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-cascader-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-cascader-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-select);
}
.mars-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active) !important;
}
.mars-cascader-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-text) !important;
}
.mars-select-dropdown {
  padding: 4px !important;
  color: var(--mars-control-text) !important;
  font-family: var(--mars-font-family);
  box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.05), 0px 3px 7px -3px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: var(--mars-dropdown-bg);
}
.mars-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-select-item {
  transition: none;
  color: var(--mars-control-text) !important;
  text-align: left;
}
.mars-select-dropdown .ant-cascader-menu-item {
  color: var(--mars-control-text);
}
.mars-select-dropdown .ant-cascader-menu-item:hover {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background: var(--mars-list-active);
  border-radius: 2px;
}
.mars-select-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background: var(--mars-list-active);
}
.mars-select-dropdown .ant-cascader-menu-item-expand-icon {
  color: var(--mars-control-placeholder) !important;
}
.mars-noHeader-table :deep(.ant-table) {
  margin-top: 10px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row {
  display: flex;
  width: 300px;
  border-radius: 2px;
  border: 1px solid rgba(234, 242, 255, 0.1);
  background: rgba(234, 242, 255, 0.2);
  margin-bottom: 10px;
  cursor: pointer;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:last-child {
  margin-bottom: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row:hover {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-row-selected {
  background: rgba(234, 242, 255, 0.4);
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-placeholder td {
  position: relative !important;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell {
  border: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 216px;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-tbody .ant-table-cell:last-child {
  position: absolute;
  right: 0;
}
.mars-noHeader-table :deep(.ant-table) .ant-table-container {
  border: none !important;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}
::-webkit-scrollbar-track {
  background: var(--mars-scrollbar-track);
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
::-webkit-scrollbar {
  height: 10px;
  width: 4px;
  background: var(--mars-scrollbar-track);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  padding-top: 100px;
  background-color: var(--mars-scrollbar-thumb);
  min-height: 28px;
  border-radius: 4px;
  background-clip: padding-box;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}
/**
 * 所有页面全局公共CSS
 *
 * @copyright mars3d.cn
 * @author 火星渣渣灰 2022-01-01
 */
/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
  /* table elements 表格元素 */
  margin: 0;
  padding: 0;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
  list-style: none;
}
#root,
#app {
  height: 100%;
}
body,
html {
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
body *,
html * {
  scrollbar-base-color: #f4f7fc;
  scrollbar-track-color: #f4f7fc;
  scrollbar-face-color: #797979;
  scrollbar-arrow-color: #f4f7fc;
  scrollbar-shadow-color: #f4f7fc;
  scrollbar-3dlight-color: #f4f7fc;
  scrollbar-highlight-color: #f4f7fc;
  scrollbar-darkshadow-color: #f4f7fc;
  font-size: 14px;
  box-sizing: border-box;
}
/**
 * 通用 class
 *
 * @copyright mars3d.cn
 * @author 火星渣渣灰 2022-01-01
 */
.w-full {
  width: 100% !important;
}
.h-full {
  height: 100%;
}
.f-pt {
  padding-top: 10px;
}
.f-mt {
  margin-top: 10px;
}
.f-mb {
  margin-bottom: 10px;
}
.f-ml {
  margin-left: 5px;
}
.f-mr {
  margin-right: 5px;
}
.f-ib {
  display: inline-block;
}
.f-cb:after,
.f-cbli li:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.f-cb,
.f-cbli li {
  zoom: 1;
}
.f-dn {
  display: none;
}
.f-db {
  display: block;
}
.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
.f-pr {
  position: relative;
}
.f-prz {
  position: relative;
  zoom: 1;
}
.f-oh {
  overflow: hidden;
}
.f-ff0 {
  font-family: var(--mars-font-family);
}
.f-ff1 {
  font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53;
}
.f-ff2 {
  font-family: arial, \5b8b\4f53;
}
.f-fs12 {
  font-size: 12px !important;
}
.f-fs14 {
  font-size: 14px;
}
.f-fs16 {
  font-size: 16px;
}
.f-fs18 {
  font-size: 18px;
}
.f-fwn {
  font-weight: normal;
}
.f-fwb {
  font-weight: bold;
}
.f-tal {
  text-align: left;
}
.f-tac {
  text-align: center;
}
.f-tar {
  text-align: right;
}
.f-taj {
  text-align: justify;
  text-justify: inter-ideograph;
}
.f-vam,
.f-vama * {
  vertical-align: middle;
}
.f-wsn {
  word-wrap: normal;
  white-space: nowrap;
}
.f-pre {
  overflow: hidden;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.f-wwb {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.f-ti {
  overflow: hidden;
  text-indent: -30000px;
}
.f-ti2 {
  text-indent: 2em;
}
.f-lhn {
  line-height: normal;
}
.f-tdu,
.f-tdu:hover {
  text-decoration: underline;
}
.f-tdn,
.f-tdn:hover {
  text-decoration: none;
}
.f-toe {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.f-csp {
  cursor: pointer;
}
.f-csd {
  cursor: default;
}
.f-csh {
  cursor: help;
}
.f-csm {
  cursor: move;
}
.f-usn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.f-push-5-b {
  margin-bottom: 5px !important;
}
.f-push-5-t {
  margin-top: 5px !important;
}
.f-push-5-r {
  margin-right: 5px !important;
}
.f-push-5-l {
  margin-left: 5px !important;
}
.f-push-10-b {
  margin-bottom: 10px !important;
}
.f-push-10-t {
  color: var(--mars-text-color);
  margin-top: 10px !important;
}
.f-push-10-r {
  margin-right: 10px !important;
}
.f-push-10-l {
  margin-left: 10px !important;
}
.f-push-15-b {
  margin-bottom: 15px !important;
}
.f-push-15-t {
  margin-top: 15px !important;
}
.f-push-15-r {
  margin-right: 15px !important;
}
.f-push-15-l {
  margin-left: 15px !important;
}
.f-push-20-b {
  margin-bottom: 20px !important;
}
.f-push-20-t {
  margin-top: 20px !important;
}
.f-push-20-r {
  margin-right: 20px !important;
}
.f-push-20-l {
  margin-left: 20px !important;
}
.f-push-30-b {
  margin-bottom: 30px !important;
}
.f-push-30-t {
  margin-top: 30px !important;
}
.f-push-30-r {
  margin-right: 30px !important;
}
.f-push-30-l {
  margin-left: 30px !important;
}
.f-push-40-b {
  margin-bottom: 40px !important;
}
.f-push-40-t {
  margin-top: 40px !important;
}
.f-push-40-r {
  margin-right: 40px !important;
}
.f-push-40-l {
  margin-left: 40px !important;
}
.f-push-50-b {
  margin-bottom: 50px !important;
}
.f-push-50-t {
  margin-top: 50px !important;
}
.f-push-50-r {
  margin-right: 50px !important;
}
.f-push-50-l {
  margin-left: 50px !important;
}
.f-pdg-5-b {
  padding-bottom: 5px !important;
}
.f-pdg-5-t {
  padding-top: 5px !important;
}
.f-pdg-5-r {
  padding-right: 5px !important;
}
.f-pdg-5-l {
  padding-left: 5px !important;
}
.f-pdg-10-b {
  padding-bottom: 10px !important;
}
.f-pdg-10-t {
  padding-top: 10px !important;
}
.f-pdg-10-r {
  padding-right: 10px !important;
}
.f-pdg-10-l {
  padding-left: 10px !important;
}
.f-pdg-15-b {
  padding-bottom: 15px !important;
}
.f-pdg-15-t {
  padding-top: 15px !important;
}
.f-pdg-15-r {
  padding-right: 15px !important;
}
.f-pdg-15-l {
  padding-left: 15px !important;
}
.f-pdg-20-b {
  padding-bottom: 20px !important;
}
.f-pdg-20-t {
  padding-top: 20px !important;
}
.f-pdg-20-r {
  padding-right: 20px !important;
}
.f-pdg-20-l {
  padding-left: 20px !important;
}
.f-pdg-30-b {
  padding-bottom: 30px !important;
}
.f-pdg-30-t {
  padding-top: 30px !important;
}
.f-pdg-30-r {
  padding-right: 30px !important;
}
.f-pdg-30-l {
  padding-left: 30px !important;
}
.f-pdg-40-b {
  padding-bottom: 40px !important;
}
.f-pdg-40-t {
  padding-top: 40px !important;
}
.f-pdg-40-r {
  padding-right: 40px !important;
}
.f-pdg-40-l {
  padding-left: 40px !important;
}
.f-pdg-50-b {
  padding-bottom: 50px !important;
}
.f-pdg-50-t {
  padding-top: 50px !important;
}
.f-pdg-50-r {
  padding-right: 50px !important;
}
.f-pdg-50-l {
  padding-left: 50px !important;
}
.p-3 {
  padding: 3px !important;
}
.p-4 {
  padding: 4px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-14 {
  padding: 14px !important;
}
.pad-none {
  padding: 0 !important;
}
.mars-pannel-item-label {
  font-family: var(--mars-font-family);
  display: block;
  text-align: right;
  min-width: 60px;
  color: var(--mars-sub-title-color);
}
.zhyq-dialog {
  background: rgba(23, 49, 71, 0.8) !important;
  padding: 0 !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid #008aff70;
  border-left: 1px solid #008aff70;
  border-right: 1px solid #008aff70;
}
.zhyq-dialog .mars-dialog__content {
  background-color: transparent !important;
}
.zhyq-dialog .mars-dialog__header {
  background: url("@mars/components/mars-ui/assets/images/msg-title-bg.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.mars-base-border_gradient {
  background: var(--mars-base-border);
  padding: 1px;
  border-radius: 4px;
}

.pagination-container[data-v-113ba708] {
  background: #fff;
}
.pagination-container.hidden[data-v-113ba708] {
  display: none;
}
@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
  transition: none !important;
}

#nprogress .bar {
  background: var(--el-color-primary);
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px var(--el-color-primary), 0 0 5px var(--el-color-primary);
  opacity: 1;
  -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: var(--el-color-primary);
  border-left-color: var(--el-color-primary);
  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);
  }
}
/* 错误状态 */
#nprogress.is-error {
  --el-color-primary: var(--el-color-danger);
}/* packages/widgets/Source/shared.css */
.cesium-svgPath-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cesium-button {
  display: inline-block;
  position: relative;
  background: #303336;
  border: 1px solid #444;
  color: #edffff;
  fill: #edffff;
  border-radius: 4px;
  padding: 5px 12px;
  margin: 2px 3px;
  cursor: pointer;
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cesium-button:focus {
  color: #fff;
  fill: #fff;
  border-color: #ea4;
  outline: none;
}
.cesium-button:hover {
  color: #fff;
  fill: #fff;
  background: #48b;
  border-color: #aef;
  box-shadow: 0 0 8px #fff;
}
.cesium-button:active {
  color: #000;
  fill: #000;
  background: #adf;
  border-color: #fff;
  box-shadow: 0 0 8px #fff;
}
.cesium-button:disabled,
.cesium-button-disabled,
.cesium-button-disabled:focus,
.cesium-button-disabled:hover,
.cesium-button-disabled:active {
  background: #303336;
  border-color: #444;
  color: #646464;
  fill: #646464;
  box-shadow: none;
  cursor: default;
}
.cesium-button option {
  background-color: #000;
  color: #eee;
}
.cesium-button option:disabled {
  color: #777;
}
.cesium-button input,
.cesium-button label {
  cursor: pointer;
}
.cesium-button input {
  vertical-align: sub;
}
.cesium-toolbar-button {
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border-radius: 14%;
  padding: 0;
  vertical-align: middle;
  z-index: 0;
}
.cesium-performanceDisplay-defaultContainer {
  position: absolute;
  top: 50px;
  right: 10px;
  text-align: right;
}
.cesium-performanceDisplay {
  background-color: rgba(40, 40, 40, 0.7);
  padding: 7px;
  border-radius: 5px;
  border: 1px solid #444;
  font: bold 12px sans-serif;
}
.cesium-performanceDisplay-fps {
  color: #e52;
}
.cesium-performanceDisplay-throttled {
  color: #a42;
}
.cesium-performanceDisplay-ms {
  color: #de3;
}

/* packages/widgets/Source/Animation/Animation.css */
.cesium-animation-theme {
  visibility: hidden;
  display: block;
  position: absolute;
  z-index: -100;
}
.cesium-animation-themeNormal {
  color: #222;
}
.cesium-animation-themeHover {
  color: #4488b0;
}
.cesium-animation-themeSelect {
  color: #242;
}
.cesium-animation-themeDisabled {
  color: #333;
}
.cesium-animation-themeKnob {
  color: #222;
}
.cesium-animation-themePointer {
  color: #2e2;
}
.cesium-animation-themeSwoosh {
  color: #8ac;
}
.cesium-animation-themeSwooshHover {
  color: #aef;
}
.cesium-animation-svgText {
  fill: #edffff;
  font-family: Sans-Serif;
  font-size: 15px;
  text-anchor: middle;
}
.cesium-animation-blank {
  fill: #000;
  fill-opacity: 0.01;
  stroke: none;
}
.cesium-animation-rectButton {
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cesium-animation-rectButton .cesium-animation-buttonGlow {
  fill: #fff;
  stroke: none;
  display: none;
}
.cesium-animation-rectButton:hover .cesium-animation-buttonGlow {
  display: block;
}
.cesium-animation-rectButton .cesium-animation-buttonPath {
  fill: #edffff;
}
.cesium-animation-rectButton .cesium-animation-buttonMain {
  stroke: #444;
  stroke-width: 1.2;
}
.cesium-animation-rectButton:hover .cesium-animation-buttonMain {
  stroke: #aef;
}
.cesium-animation-rectButton:active .cesium-animation-buttonMain {
  fill: #abd6ff;
}
.cesium-animation-buttonDisabled {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cesium-animation-buttonDisabled .cesium-animation-buttonMain {
  stroke: #555;
}
.cesium-animation-buttonDisabled .cesium-animation-buttonPath {
  fill: #818181;
}
.cesium-animation-buttonDisabled .cesium-animation-buttonGlow {
  display: none;
}
.cesium-animation-buttonToggled .cesium-animation-buttonGlow {
  display: block;
  fill: #2e2;
}
.cesium-animation-buttonToggled .cesium-animation-buttonMain {
  stroke: #2e2;
}
.cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow {
  fill: #fff;
}
.cesium-animation-buttonToggled:hover .cesium-animation-buttonMain {
  stroke: #2e2;
}
.cesium-animation-shuttleRingG {
  cursor: pointer;
}
.cesium-animation-shuttleRingPointer {
  cursor: pointer;
}
.cesium-animation-shuttleRingPausePointer {
  cursor: pointer;
}
.cesium-animation-shuttleRingBack {
  fill: #181818;
  fill-opacity: 0.8;
  stroke: #333;
  stroke-width: 1.2;
}
.cesium-animation-shuttleRingSwoosh line {
  stroke: #8ac;
  stroke-width: 3;
  stroke-opacity: 0.2;
  stroke-linecap: round;
}
.cesium-animation-knobOuter {
  cursor: pointer;
  stroke: #444;
  stroke-width: 1.2;
}
.cesium-animation-knobInner {
  cursor: pointer;
}

/* packages/widgets/Source/BaseLayerPicker/BaseLayerPicker.css */
.cesium-baseLayerPicker-selected {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.cesium-baseLayerPicker-dropDown {
  display: block;
  position: absolute;
  box-sizing: content-box;
  top: auto;
  right: 0;
  width: 320px;
  max-height: 500px;
  margin-top: 5px;
  background-color: rgba(38, 38, 38, 0.75);
  border: 1px solid #444;
  padding: 6px;
  overflow: auto;
  border-radius: 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transform: translate(0, -20%);
  visibility: hidden;
  opacity: 0;
  transition:
    visibility 0s 0.2s,
    opacity 0.2s ease-in,
    transform 0.2s ease-in;
}
.cesium-baseLayerPicker-dropDown-visible {
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.cesium-baseLayerPicker-sectionTitle {
  display: block;
  font-family: sans-serif;
  font-size: 16pt;
  text-align: left;
  color: #edffff;
  margin-bottom: 4px;
}
.cesium-baseLayerPicker-choices {
  margin-bottom: 5px;
}
.cesium-baseLayerPicker-categoryTitle {
  color: #edffff;
  font-size: 11pt;
}
.cesium-baseLayerPicker-choices {
  display: block;
  border: 1px solid #888;
  border-radius: 5px;
  padding: 5px 0;
}
.cesium-baseLayerPicker-item {
  display: inline-block;
  vertical-align: top;
  margin: 2px 5px;
  width: 64px;
  text-align: center;
  cursor: pointer;
}
.cesium-baseLayerPicker-itemLabel {
  display: block;
  font-family: sans-serif;
  font-size: 8pt;
  text-align: center;
  vertical-align: middle;
  color: #edffff;
  cursor: pointer;
  word-wrap: break-word;
}
.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemLabel,
.cesium-baseLayerPicker-item:focus .cesium-baseLayerPicker-itemLabel {
  text-decoration: underline;
}
.cesium-baseLayerPicker-itemIcon {
  display: inline-block;
  position: relative;
  width: inherit;
  height: auto;
  background-size: 100% 100%;
  border: solid 1px #444;
  border-radius: 9px;
  color: #edffff;
  margin: 0;
  padding: 0;
  cursor: pointer;
  box-sizing: border-box;
}
.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon {
  border-color: #fff;
  box-shadow: 0 0 8px #fff, 0 0 8px #fff;
}
.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel {
  color: rgb(189, 236, 248);
}
.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon {
  border: double 4px rgb(189, 236, 248);
}

/* packages/engine/Source/Widget/CesiumWidget.css */
.cesium-widget {
  font-family: sans-serif;
  font-size: 16px;
  overflow: hidden;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cesium-widget,
.cesium-widget canvas {
  width: 100%;
  height: 100%;
  touch-action: none;
}
.cesium-widget-credits {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 10px;
  text-shadow: 0px 0px 2px #000000;
  padding-right: 5px;
}
.cesium-widget-errorPanel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}
.cesium-widget-errorPanel:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}
.cesium-widget-errorPanel-content {
  width: 75%;
  max-width: 500px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #510c00;
  border-radius: 7px;
  background-color: #f0d9d5;
  font-size: 14px;
  color: #510c00;
}
.cesium-widget-errorPanel-content.expanded {
  max-width: 75%;
}
.cesium-widget-errorPanel-header {
  font-size: 18px;
  font-family:
    "Open Sans",
    Verdana,
    Geneva,
    sans-serif;
  background: #d69d93;
  border-bottom: 2px solid #510c00;
  padding-bottom: 10px;
  border-radius: 3px 3px 0 0;
  padding: 15px;
}
.cesium-widget-errorPanel-scroll {
  overflow: auto;
  font-family:
    "Open Sans",
    Verdana,
    Geneva,
    sans-serif;
  white-space: pre-wrap;
  padding: 0 15px;
  margin: 10px 0 20px 0;
}
.cesium-widget-errorPanel-buttonPanel {
  padding: 0 15px;
  margin: 10px 0 20px 0;
  text-align: right;
}
.cesium-widget-errorPanel-buttonPanel button {
  border-color: #510c00;
  background: #d69d93;
  color: #202020;
  margin: 0;
}
.cesium-widget-errorPanel-buttonPanel button:focus {
  border-color: #510c00;
  background: #f0d9d5;
  color: #510c00;
}
.cesium-widget-errorPanel-buttonPanel button:hover {
  border-color: #510c00;
  background: #f0d9d5;
  color: #510c00;
}
.cesium-widget-errorPanel-buttonPanel button:active {
  border-color: #510c00;
  background: #b17b72;
  color: #510c00;
}
.cesium-widget-errorPanel-more-details {
  text-decoration: underline;
  cursor: pointer;
}
.cesium-widget-errorPanel-more-details:hover {
  color: #2b0700;
}

/* packages/widgets/Source/CesiumInspector/CesiumInspector.css */
.cesium-cesiumInspector {
  border-radius: 5px;
  transition: width ease-in-out 0.25s;
  background: rgba(48, 51, 54, 0.8);
  border: 1px solid #444;
  color: #edffff;
  display: inline-block;
  position: relative;
  padding: 4px 12px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}
.cesium-cesiumInspector-button {
  text-align: center;
  font-size: 11pt;
}
.cesium-cesiumInspector-visible .cesium-cesiumInspector-button {
  border-bottom: 1px solid #aaa;
  padding-bottom: 3px;
}
.cesium-cesiumInspector input:enabled,
.cesium-cesiumInspector-button {
  cursor: pointer;
}
.cesium-cesiumInspector-visible {
  width: 185px;
  height: auto;
}
.cesium-cesiumInspector-hidden {
  width: 122px;
  height: 17px;
}
.cesium-cesiumInspector-sectionContent {
  max-height: 600px;
}
.cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionContent {
  max-height: 0;
  padding: 0 !important;
  overflow: hidden;
}
.cesium-cesiumInspector-dropDown {
  margin: 5px 0;
  font-family: sans-serif;
  font-size: 10pt;
  width: 185px;
}
.cesium-cesiumInspector-frustumStatistics {
  padding-left: 10px;
  padding: 5px;
  background-color: rgba(80, 80, 80, 0.75);
}
.cesium-cesiumInspector-pickButton {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #444;
  color: #edffff;
  border-radius: 5px;
  padding: 3px 7px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 auto;
}
.cesium-cesiumInspector-pickButton:focus {
  outline: none;
}
.cesium-cesiumInspector-pickButton:active,
.cesium-cesiumInspector-pickButtonHighlight {
  color: #000;
  background: #adf;
  border-color: #fff;
  box-shadow: 0 0 8px #fff;
}
.cesium-cesiumInspector-center {
  text-align: center;
}
.cesium-cesiumInspector-sectionHeader {
  font-weight: bold;
  font-size: 10pt;
  margin: 0;
  cursor: pointer;
}
.cesium-cesiumInspector-pickSection {
  border: 1px solid #aaa;
  border-radius: 5px;
  padding: 3px;
  margin-bottom: 5px;
}
.cesium-cesiumInspector-sectionContent {
  margin-bottom: 10px;
  transition: max-height 0.25s;
}
.cesium-cesiumInspector-tileText {
  padding-bottom: 10px;
  border-bottom: 1px solid #aaa;
}
.cesium-cesiumInspector-relativeText {
  padding-top: 10px;
}
.cesium-cesiumInspector-sectionHeader::before {
  margin-right: 5px;
  content: "-";
  width: 1ch;
  display: inline-block;
}
.cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionHeader::before {
  content: "+";
}

/* packages/widgets/Source/Cesium3DTilesInspector/Cesium3DTilesInspector.css */
ul.cesium-cesiumInspector-statistics {
  margin: 0;
  padding-top: 3px;
  padding-bottom: 3px;
}
ul.cesium-cesiumInspector-statistics + ul.cesium-cesiumInspector-statistics {
  border-top: 1px solid #aaa;
}
.cesium-cesiumInspector-slider {
  margin-top: 5px;
}
.cesium-cesiumInspector-slider input[type=number] {
  text-align: left;
  background-color: #222;
  outline: none;
  border: 1px solid #444;
  color: #edffff;
  width: 100px;
  border-radius: 3px;
  padding: 1px;
  margin-left: 10px;
  cursor: auto;
}
.cesium-cesiumInspector-slider input[type=number]::-webkit-outer-spin-button,
.cesium-cesiumInspector-slider input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cesium-cesiumInspector-slider input[type=range] {
  margin-left: 5px;
  vertical-align: middle;
}
.cesium-cesiumInspector-hide .cesium-cesiumInspector-styleEditor {
  display: none;
}
.cesium-cesiumInspector-styleEditor {
  padding: 10px;
  border-radius: 5px;
  background: rgba(48, 51, 54, 0.8);
  border: 1px solid #444;
}
.cesium-cesiumInspector-styleEditor textarea {
  width: 100%;
  height: 300px;
  background: transparent;
  color: #edffff;
  border: none;
  padding: 0;
  white-space: pre;
  overflow-wrap: normal;
  overflow-x: auto;
}
.cesium-3DTilesInspector {
  width: 300px;
  pointer-events: all;
}
.cesium-3DTilesInspector-statistics {
  font-size: 11px;
}
.cesium-3DTilesInspector-disabledElementsInfo {
  margin: 5px 0 0 0;
  padding: 0 0 0 20px;
  color: #eed202;
}
.cesium-3DTilesInspector div,
.cesium-3DTilesInspector input[type=range] {
  width: 100%;
  box-sizing: border-box;
}
.cesium-cesiumInspector-error {
  color: #ff9e9e;
  overflow: auto;
}
.cesium-3DTilesInspector .cesium-cesiumInspector-section {
  margin-top: 3px;
}
.cesium-3DTilesInspector .cesium-cesiumInspector-sectionHeader + .cesium-cesiumInspector-show {
  border-top: 1px solid white;
}
input.cesium-cesiumInspector-url {
  overflow: hidden;
  white-space: nowrap;
  overflow-x: scroll;
  background-color: transparent;
  color: white;
  outline: none;
  border: none;
  height: 1em;
  width: 100%;
}
.cesium-cesiumInspector .field-group {
  display: table;
}
.cesium-cesiumInspector .field-group > label {
  display: table-cell;
  font-weight: bold;
}
.cesium-cesiumInspector .field-group > .field {
  display: table-cell;
  width: 100%;
}

/* packages/widgets/Source/VoxelInspector/VoxelInspector.css */
.cesium-VoxelInspector {
  width: 300px;
  pointer-events: all;
}
.cesium-VoxelInspector div,
.cesium-VoxelInspector input[type=range] {
  width: 100%;
  box-sizing: border-box;
}
.cesium-VoxelInspector .cesium-cesiumInspector-section {
  margin-top: 3px;
}
.cesium-VoxelInspector .cesium-cesiumInspector-sectionHeader + .cesium-cesiumInspector-show {
  border-top: 1px solid white;
}

/* packages/widgets/Source/FullscreenButton/FullscreenButton.css */
.cesium-button.cesium-fullscreenButton {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
}

/* packages/widgets/Source/VRButton/VRButton.css */
.cesium-button.cesium-vrButton {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
}

/* packages/widgets/Source/Geocoder/Geocoder.css */
.cesium-viewer-geocoderContainer .cesium-geocoder-input {
  border: solid 1px #444;
  background-color: rgba(40, 40, 40, 0.7);
  color: white;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 32px;
  margin: 0;
  padding: 0 32px 0 0;
  border-radius: 0;
  box-sizing: border-box;
  transition: width ease-in-out 0.25s, background-color 0.2s ease-in-out;
  -webkit-appearance: none;
}
.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input {
  border-color: #aef;
  box-shadow: 0 0 8px #fff;
}
.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {
  border-color: #ea4;
  background-color: rgba(15, 15, 15, 0.9);
  box-shadow: none;
  outline: none;
}
.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input,
.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus,
.cesium-viewer-geocoderContainer .cesium-geocoder-input-wide {
  padding-left: 4px;
  width: 250px;
}
.cesium-viewer-geocoderContainer .search-results {
  position: absolute;
  background-color: #000;
  color: #eee;
  overflow-y: auto;
  opacity: 0.8;
  width: 100%;
}
.cesium-viewer-geocoderContainer .search-results ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.cesium-viewer-geocoderContainer .search-results ul li {
  font-size: 14px;
  padding: 3px 10px;
}
.cesium-viewer-geocoderContainer .search-results ul li:hover {
  cursor: pointer;
}
.cesium-viewer-geocoderContainer .search-results ul li.active {
  background: #48b;
}
.cesium-geocoder-searchButton {
  background-color: #303336;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  width: 32px;
  top: 1px;
  right: 1px;
  height: 30px;
  vertical-align: middle;
  fill: #edffff;
}
.cesium-geocoder-searchButton:hover {
  background-color: #48b;
}

/* packages/widgets/Source/InfoBox/InfoBox.css */
.cesium-infoBox {
  display: block;
  position: absolute;
  top: 50px;
  right: 0;
  width: 40%;
  max-width: 480px;
  background: rgba(38, 38, 38, 0.95);
  color: #edffff;
  border: 1px solid #444;
  border-right: none;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  box-shadow: 0 0 10px 1px #000;
  transform: translate(100%, 0);
  visibility: hidden;
  opacity: 0;
  transition:
    visibility 0s 0.2s,
    opacity 0.2s ease-in,
    transform 0.2s ease-in;
}
.cesium-infoBox-visible {
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.cesium-infoBox-title {
  display: block;
  height: 20px;
  padding: 5px 30px 5px 25px;
  background: rgba(84, 84, 84, 1);
  border-top-left-radius: 7px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: content-box;
}
.cesium-infoBox-bodyless .cesium-infoBox-title {
  border-bottom-left-radius: 7px;
}
button.cesium-infoBox-camera {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  background: transparent;
  border-color: transparent;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0;
}
button.cesium-infoBox-close {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 20px;
  background: transparent;
  border: none;
  border-radius: 2px;
  font-weight: bold;
  font-size: 16px;
  padding: 0 5px;
  margin: 0;
  color: #edffff;
}
button.cesium-infoBox-close:focus {
  background: rgba(238, 136, 0, 0.44);
  outline: none;
}
button.cesium-infoBox-close:hover {
  background: #888;
  color: #000;
}
button.cesium-infoBox-close:active {
  background: #a00;
  color: #000;
}
.cesium-infoBox-bodyless .cesium-infoBox-iframe {
  display: none;
}
.cesium-infoBox-iframe {
  border: none;
  width: 100%;
  width: calc(100% - 2px);
}

/* packages/widgets/Source/SceneModePicker/SceneModePicker.css */
span.cesium-sceneModePicker-wrapper {
  display: inline-block;
  position: relative;
  margin: 0 3px;
}
.cesium-sceneModePicker-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.25s linear;
}
.cesium-sceneModePicker-hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.25s, opacity 0.25s linear;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none {
  display: none;
}
.cesium-sceneModePicker-slide-svg {
  transition: left 2s;
  top: 0;
  left: 0;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
  box-sizing: border-box;
  padding: 0;
  margin: 3px 0;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D,
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView,
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D {
  margin: 0 0 3px 0;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D {
  left: 100%;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView {
  left: 200%;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D {
  left: -200%;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D {
  left: -100%;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D {
  left: -100%;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView {
  left: 100%;
}
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected {
  border-color: #2e2;
  box-shadow: 0 0 8px #fff, 0 0 8px #fff;
}

/* packages/widgets/Source/ProjectionPicker/ProjectionPicker.css */
span.cesium-projectionPicker-wrapper {
  display: inline-block;
  position: relative;
  margin: 0 3px;
}
.cesium-projectionPicker-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.25s linear;
}
.cesium-projectionPicker-hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.25s, opacity 0.25s linear;
}
.cesium-projectionPicker-wrapper .cesium-projectionPicker-none {
  display: none;
}
.cesium-projectionPicker-wrapper .cesium-projectionPicker-dropDown-icon {
  box-sizing: border-box;
  padding: 0;
  margin: 3px 0;
}
.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective,
.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic {
  margin: 0 0 3px 0;
}
.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective .cesium-projectionPicker-iconOrthographic {
  left: 100%;
}
.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic .cesium-projectionPicker-iconPerspective {
  left: -100%;
}
.cesium-projectionPicker-wrapper .cesium-projectionPicker-selected {
  border-color: #2e2;
  box-shadow: 0 0 8px #fff, 0 0 8px #fff;
}

/* packages/widgets/Source/PerformanceWatchdog/PerformanceWatchdog.css */
.cesium-performance-watchdog-message-area {
  position: relative;
  background-color: yellow;
  color: black;
  padding: 10px;
}
.cesium-performance-watchdog-message {
  margin-right: 30px;
}
.cesium-performance-watchdog-message-dismiss {
  position: absolute;
  right: 0;
  margin: 0 10px 0 0;
}

/* packages/widgets/Source/NavigationHelpButton/NavigationHelpButton.css */
.cesium-navigationHelpButton-wrapper {
  position: relative;
  display: inline-block;
}
.cesium-navigation-help {
  visibility: hidden;
  position: absolute;
  top: 38px;
  right: 2px;
  width: 250px;
  border-radius: 10px;
  transform: scale(0.01);
  transform-origin: 234px -10px;
  transition: visibility 0s 0.25s, transform 0.25s ease-in;
}
.cesium-navigation-help-visible {
  visibility: visible;
  transform: scale(1);
  transition: transform 0.25s ease-out;
}
.cesium-navigation-help-instructions {
  border: 1px solid #444;
  background-color: rgba(38, 38, 38, 0.75);
  padding-bottom: 5px;
  border-radius: 0 0 10px 10px;
}
.cesium-click-navigation-help {
  display: none;
}
.cesium-touch-navigation-help {
  display: none;
  padding-top: 5px;
}
.cesium-click-navigation-help-visible {
  display: block;
}
.cesium-touch-navigation-help-visible {
  display: block;
}
.cesium-navigation-help-pan {
  color: #66ccff;
  font-weight: bold;
}
.cesium-navigation-help-zoom {
  color: #65fd00;
  font-weight: bold;
}
.cesium-navigation-help-rotate {
  color: #ffd800;
  font-weight: bold;
}
.cesium-navigation-help-tilt {
  color: #d800d8;
  font-weight: bold;
}
.cesium-navigation-help-details {
  color: #ffffff;
}
.cesium-navigation-button {
  color: #fff;
  background-color: transparent;
  border-bottom: none;
  border-top: 1px solid #444;
  border-right: 1px solid #444;
  margin: 0;
  width: 50%;
  cursor: pointer;
}
.cesium-navigation-button-icon {
  vertical-align: middle;
  padding: 5px 1px;
}
.cesium-navigation-button:focus {
  outline: none;
}
.cesium-navigation-button-left {
  border-radius: 10px 0 0 0;
  border-left: 1px solid #444;
}
.cesium-navigation-button-right {
  border-radius: 0 10px 0 0;
  border-left: none;
}
.cesium-navigation-button-selected {
  background-color: rgba(38, 38, 38, 0.75);
}
.cesium-navigation-button-unselected {
  background-color: rgba(0, 0, 0, 0.75);
}
.cesium-navigation-button-unselected:hover {
  background-color: rgba(76, 76, 76, 0.75);
}

/* packages/widgets/Source/SelectionIndicator/SelectionIndicator.css */
.cesium-selection-wrapper {
  position: absolute;
  width: 160px;
  height: 160px;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.2s, opacity 0.2s ease-in;
}
.cesium-selection-wrapper-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.cesium-selection-wrapper svg {
  fill: #2e2;
  stroke: #000;
  stroke-width: 1.1px;
}

/* packages/widgets/Source/Timeline/Timeline.css */
.cesium-timeline-main {
  position: relative;
  left: 0;
  bottom: 0;
  overflow: hidden;
  border: solid 1px #888;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cesium-timeline-trackContainer {
  width: 100%;
  overflow: auto;
  border-top: solid 1px #888;
  position: relative;
  top: 0;
  left: 0;
}
.cesium-timeline-tracks {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.cesium-timeline-needle {
  position: absolute;
  left: 0;
  top: 1.7em;
  bottom: 0;
  width: 1px;
  background: #f00;
}
.cesium-timeline-bar {
  position: relative;
  left: 0;
  top: 0;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 1.7em;
  background:
    linear-gradient(
      to bottom,
      rgba(116, 117, 119, 0.8) 0%,
      rgba(58, 68, 82, 0.8) 11%,
      rgba(46, 50, 56, 0.8) 46%,
      rgba(53, 53, 53, 0.8) 81%,
      rgba(53, 53, 53, 0.8) 100%);
}
.cesium-timeline-ruler {
  visibility: hidden;
  white-space: nowrap;
  font-size: 80%;
  z-index: -200;
}
.cesium-timeline-highlight {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #08f;
}
.cesium-timeline-ticLabel {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  font-size: 80%;
  color: #eee;
}
.cesium-timeline-ticMain {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 50%;
  background: #eee;
}
.cesium-timeline-ticSub {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 33%;
  background: #aaa;
}
.cesium-timeline-ticTiny {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 25%;
  background: #888;
}
.cesium-timeline-icon16 {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url(data:text/plain;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sIDBITKIVzLEMAAAKNSURBVEjHxdXNSxRhHAfw7zzrqhuoWJnSkrippUVSEKsHI9BTUYdAJA/RoYMREV26rAdn6tAfUARi16hQqkOBQRgUEYFWEC3OwczMjdZd92VmdWfmeelgTjO7q7gb0VzmmZnn85vvPPPMM8B/3qTcE2PPpuTZKB1eWuUQACgXYACYwVFbCTTVeZXB/i55o4LFelcAZfStYD4vpAoPGAGo4GBcQEgSOAUMQyAezwK6iQfDPXnhS/FkHZ+/8VLMWxxqWkfH3gbMRNOYi2roavbja0zHQmoFPYf8ED4Ko4aivm9MOG/u9I8mwrafeK7a/tVrNc/bARYN5noadeq7q0342vXw9CIMU6BmW8rVP9cPBPe52uu+v3O/y9sB4gkTWs6Qsk0mj5ExXMelejvA8WafYmkmGPHanTijdtvif8rx5RiCjdWKs2Cp3jWRDl96KhrbqlBeJqBOLyLQXg0IgbkZDS0dO8EZxZfPSTA9jvDDK3mT0OmP1FXh3XwEEAKdTX5MRWLgjCK4pwH3xt/YnjgLHAv4lHTCAKMMu/wV+KZGob6PoKyMQ0+sgBpZVJZn0NterxQaVqef/DRn+/EXYds/mZx2eVeAW9d65dhCEsaKCb7K8HH0gqTevyh9GDkn0VULRiaLzJKGBu9swfdaiie5RVo9ESURN8E8BE0n7ggACJy8KzghSCzp6DmwWxkaCm24EBXr8wI8Hrkq06QBiRC0t24HALS11IBTCyJl4vb1AXmzpbVYTwoVOXN0h7L8Mwtm8bXPybIQ/5FCX3dA2cr6XowvGCA02CvztAnz9+JiZk1AMxG6fEreSoBiPNmoyNnuWiWVzAIAtISO08E6pZi/3N96AIDn4E3h3P8L/wshP+txtEs4JAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}

/* packages/widgets/Source/Viewer/Viewer.css */
.cesium-viewer {
  font-family: sans-serif;
  font-size: 16px;
  overflow: hidden;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cesium-viewer-cesiumWidgetContainer {
  width: 100%;
  height: 100%;
}
.cesium-viewer-bottom {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-right: 5px;
}
.cesium-viewer .cesium-widget-credits {
  display: inline;
  position: static;
  bottom: auto;
  left: auto;
  padding-right: 0;
  color: #ffffff;
  font-size: 10px;
  text-shadow: 0 0 2px #000000;
}
.cesium-viewer-timelineContainer {
  position: absolute;
  bottom: 0;
  left: 169px;
  right: 29px;
  height: 27px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 14px;
}
.cesium-viewer-animationContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  width: 169px;
  height: 112px;
}
.cesium-viewer-fullscreenContainer {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  width: 29px;
  height: 29px;
  overflow: hidden;
}
.cesium-viewer-vrContainer {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  width: 29px;
  height: 29px;
  overflow: hidden;
}
.cesium-viewer-toolbar {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
}
.cesium-viewer-cesiumInspectorContainer {
  display: block;
  position: absolute;
  top: 50px;
  right: 10px;
}
.cesium-viewer-geocoderContainer {
  position: relative;
  display: inline-block;
  margin: 0 3px;
}
.cesium-viewer-cesium3DTilesInspectorContainer {
  display: block;
  position: absolute;
  top: 50px;
  right: 10px;
  max-height: calc(100% - 120px);
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.cesium-viewer-voxelInspectorContainer {
  display: block;
  position: absolute;
  top: 50px;
  right: 10px;
  max-height: calc(100% - 120px);
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}

/* packages/widgets/Source/I3SBuildingSceneLayerExplorer/I3SBuildingSceneLayerExplorer.css */
.cesium-viewer-i3s-explorer ul {
  list-style-type: none;
}
.cesium-viewer-i3s-explorer .layersList {
  padding: 0;
}
.cesium-viewer-i3s-explorer input {
  margin: 0 3px 0 0;
}
.cesium-viewer-i3s-explorer .expandItem {
  cursor: pointer;
  user-select: none;
  width: 20px;
}
.cesium-viewer-i3s-explorer .nested,
.cesium-viewer-i3s-explorer #bsl-wrapper {
  display: none;
}
.cesium-viewer-i3s-explorer .active {
  display: block;
}
.cesium-viewer-i3s-explorer .li-wrapper {
  display: flex;
  flex-direction: row;
  align-content: center;
}

/* packages/widgets/Source/widgets.css */
/**
 * Mars3D三维可视化平台  mars3d
 *
 * 版本信息：v3.11.4
 * 编译日期：2026-06-04 19:44
 * 版权所有：Copyright by http://mars3d.cn
 * 使用单位：免费公开版 ，2026-02-01
 */

/**地球容器div*/
.mars3d-container {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.mars3d-container .cesium-widget-credits {
  display: none;
}
.mars3d-container .mars3d-vrButton {
  right: auto !important;
}
/**隐藏的div对象，如 DivBillboardEntity、HeatLayer 等*/
.mars3d-hideDiv {
  z-index: -99;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
/**右键菜单*/
.mars3d-contextmenu {
  position: absolute;
  padding: 0;
  z-index: 20170825;
  display: none;
}
.mars3d-contextmenu-ul {
  background: rgba(43, 44, 47, 0.8);
  border: 1px solid #2b2c2f;
  border-radius: 2px;
  border-width: 1px;
  min-width: 80px;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mars3d-contextmenu-ul .mars3d-contextmenu-icon {
  position: absolute;
  left: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  overflow: hidden;
}
.mars3d-contextmenu-ul .mars3d-contextmenu-arrow {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  text-align: center;
}
.mars3d-contextmenu-ul li + li {
  margin: 0;
  padding: 0;
  position: relative;
}
.mars3d-contextmenu-ul li + li:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: -webkit-linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), transparent);
  background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), transparent);
  position: absolute;
  top: 0;
  left: 0;
}
.mars3d-contextmenu-ul .mars3d-contextmenu-item ::marker {
  content: "";
}
.mars3d-contextmenu-ul .mars3d-contextmenu-line {
  position: absolute;
  left: 2%;
  height: 1px;
  width: 96%;
  background: #597086;
  border-radius: 2px;
  border-width: 1px;
}
.mars3d-contextmenu-ul > li > a {
  padding: 6px 10px 6px 30px;
  -webkit-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
  display: block;
  clear: both;
  line-height: 22px;
  color: #76838f;
  white-space: nowrap;
  color: #edffff;
  text-decoration: none;
}
.mars3d-contextmenu-ul > li > a:hover,
.mars3d-contextmenu-ul > li > a:focus,
.mars3d-contextmenu-ul > li > .active {
  color: #fff;
  background-color: #444d59;
  text-decoration: none;
}
.mars3d-contextmenu-ul > .active > a,
.mars3d-contextmenu-ul > .active > a:hover,
.mars3d-contextmenu-ul > .active > a:focus {
  color: #fff;
  background-color: var(--mars-hover-color, #3ea6ff);
  text-decoration: none;
}
.mars3d-sub-menu {
  position: absolute;
  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
  min-width: 100px;
  display: none;
}
.mars3d-sub-menu li {
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  color: var(--mars-text-color, #ffffff);
  margin: 0;
  padding: 0;
}
.mars3d-sub-menu li:hover {
  background-color: var(--mars-hover-color, #3ea6ff);
}
.mars3d-smallTooltip {
  display: block;
  position: absolute;
  max-width: 200px;
  min-width: 100px;
  padding: 2px 5px;
  font-size: 11px;
  z-index: 20170825;
  opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  pointer-events: none;
}
.mars3d-smallTooltip-inner {
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  text-align: left;
  max-width: 200px;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.mars3d-smallTooltip-inner p {
  margin: 0;
}
.mars3d-smallTooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
}
.mars3d-smallTooltip-leftArrow {
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.mars3d-smallTooltip-rightArrow {
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.mars3d-clockAnimate {
  z-index: 12;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 27px;
  background: linear-gradient(to bottom, rgba(116, 117, 119, 0.8) 0%, rgba(58, 68, 82, 0.8) 11%, rgba(46, 50, 56, 0.8) 46%, rgba(53, 53, 53, 0.8) 81%, rgba(53, 53, 53, 0.8) 100%);
}
.mars3d-clockAnimate .time {
  margin: 0 4px;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mars3d-clockAnimate .mars3d-clockAnimate-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 8px;
  border: solid 1px #888;
  color: var(--mars-text-color, #ffffff);
  background-color: rgba(63, 72, 84, 0.7);
  border: none;
  cursor: pointer;
  width: 24px;
}
.mars3d-clockAnimate .mars3d-clockAnimate-btn svg {
  margin-top: 1px;
}
.mars3d-clockAnimate .mars3d-clockAnimate-speed {
  width: 80px;
  height: 24px;
  border: solid 1px rgba(136, 136, 136, 0.6);
  padding: 0 3px;
  margin: 0;
  color: var(--mars-text-color, #ffffff);
  background-color: rgba(63, 72, 84, 0.7);
}
.mars3d-clockAnimate .mars3d-clockAnimate-speed ::-webkit-outer-spin-button,
.mars3d-clockAnimate .mars3d-clockAnimate-speed input::-webkit-inner-spin-button {
  appearance: none !important;
  margin: 0;
}
.mars3d-compass {
  position: absolute;
  cursor: pointer;
  pointer-events: auto;
  user-select: none;
  width: 55px;
  height: 55px;
}
.mars3d-compass .mars3d-compass-outer {
  position: absolute;
  top: 0;
  left: 0;
  height: 55px;
  width: 55px;
  background-repeat: no-repeat;
  background-size: contain;
  fill: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
  border-radius: 50%;
}
.mars3d-compass .mars3d-compass-outer svg {
  height: 55px;
  width: 55px;
}
.mars3d-compass .mars3d-compass-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  padding: 4px;
  box-sizing: border-box;
  background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
  fill: var(--mars-text-color, #ffffff);
}
.mars3d-compass .mars3d-compass-inner:hover {
  background: #3385ff;
}
.mars3d-compass .mars3d-compass-rotation-arc {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 51px;
  width: 51px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.mars3d-cubeview {
  position: absolute;
  width: 100px;
  height: 100px;
}
.mars3d-cubeview-cube {
  width: 50%;
  height: 50%;
  top: 25%;
  transform-style: preserve-3d;
  margin: auto;
  position: relative;
  will-change: transform;
  font-family: monospace;
  font-weight: bold;
}
.mars3d-cubeview-cube > div {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  user-select: none;
  cursor: pointer;
  color: var(--mars-text-color, #ffffff);
  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
  border: 1px solid var(--mars-text-color, #ffffff);
}
.mars3d-cubeview-cube > div:hover {
  background: #3385ff;
}
.mars3d-cubeview-side-t {
  transform: rotatex(90deg) translateZ(25px);
}
.mars3d-cubeview-side-w {
  transform: rotateY(-90deg) translateZ(25px);
  border-right: 2px solid blue !important;
  border-bottom: 2px solid green !important;
}
.mars3d-cubeview-side-s {
  border-left: 2px solid blue !important;
  border-bottom: 2px solid red !important;
  transform: translateZ(25px);
}
.mars3d-cubeview-side-e {
  transform: rotateY(90deg) translateZ(25px);
}
.mars3d-cubeview-side-n {
  transform: rotateY(180deg) translateZ(25px);
}
.mars3d-cubeview-side-b {
  transform: rotateX(-90deg) translateZ(25px);
  border-top: 2px solid red !important;
  border-left: 2px solid green !important;
}
.mars3d-distance-legend {
  z-index: 11;
  position: absolute;
  width: 125px;
  height: 25px;
  pointer-events: none;
  user-select: none;
}
.mars3d-distance-legend .legend-label {
  font-size: 13px;
  color: #ffffff;
  text-align: center;
  width: 100%;
}
.mars3d-distance-legend .legend-scale-bar {
  position: absolute;
  height: 10px;
  top: 10px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
/**左下角，鼠标经纬度提示*/
.mars3d-locationbar {
  z-index: 10;
  position: absolute;
  padding: 3px 10px;
  font-size: 13px;
  color: #e9e9e9;
  background-color: rgba(0, 0, 0, 0.4);
  min-height: 26px;
  pointer-events: none;
}
.mars3d-locationbar-content {
  float: right;
}
.mars3d-locationbar-content > div {
  float: left;
  margin-right: 20px;
}
.cesium-performanceDisplay-ms,
.cesium-performanceDisplay-fps {
  min-width: 65px;
}
/* 兼容屏幕大小 美观显示不同信息 */
@media screen and (max-width: 1200px) {
  .mars3d-locationbar-content > div {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .cesium-performanceDisplay-ms,
  .cesium-performanceDisplay-fps,
  .mars3d-locationbar-content > .hide1000 {
    display: none !important;
  }
  .mars3d-locationbar-content > div {
    margin-right: 10px;
  }
}
@media screen and (max-width: 700px) {
  .mars3d-locationbar-content > .hide700 {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  .mars3d-locationbar {
    display: none !important;
  }
}
.mars3d-slider {
  position: absolute;
  left: 50%;
  top: 0px;
  background-color: #d3d3d3;
  width: 3px;
  height: 100%;
  z-index: 9999;
}
.mars3d-slider .slider-splitter {
  position: absolute;
  left: -15px;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  background: #f0eeee;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  padding: 2px;
  border: 1px solid lightgrey;
  z-index: 99999;
}
.mars3d-slider .slider-splitter:hover {
  cursor: ew-resize;
}
.mars3d-mapCompare {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 50%;
  height: 100%;
  margin: 0;
  padding: 0;
}
/**滚轮样式*/
.mars3d-mousedownview {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  margin-top: -23px;
  /*图片高度的一半*/
  margin-left: -23px;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.2s, opacity 0.2s ease-in;
  -moz-transition: visibility 0s 0.2s, opacity 0.2s ease-in;
  transition: visibility 0s 0.2s, opacity 0.2s ease-in;
}
.mars3d-mousedownview-img {
  width: 36px;
  height: 36px;
  background-image: url(/assets/cursor-RmLDFyYc.png);
  background-size: 100% 100%;
}
.mars3d-mousedownview-show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.mars3d-overviewMap {
  position: absolute;
  user-select: none;
  width: 200px;
  height: 150px;
  overflow: hidden;
  border: 1px solid orange;
  box-shadow: 2px 2px 3px #2b2b2b;
}
.mars3d-subtitles {
  position: absolute;
  user-select: none;
  overflow: hidden;
  padding: 10px;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  z-index: 999;
}
.mar3d-toolButton img,
.mar3d-toolButton svg,
.mar3d-toolButton div {
  height: 100%;
  text-align: center;
}
.mars3d-divGraphic {
  position: absolute;
  left: 0;
  top: 0;
}
.mars3d-divGraphic:hover {
  z-index: 9999 !important;
}
.mars3d-divGraphic-edit {
  background-color: rgba(254, 87, 161, 0.1);
  border: 2px dashed rgba(172, 85, 59, 0.768);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: -2px;
  box-sizing: content-box;
}
/**内置的DivGraphic通用样式【文本动态边框】*/
.mars3d-divBoderLabel {
  position: absolute;
  left: 0px;
  bottom: 0px;
  cursor: pointer;
  --animation-name: mars3d-divBoderLabel-animation;
  --text-left-position: -75px;
}
@keyframes mars3d-divBoderLabel-animation {
  0%,
  100% {
    clip: rect(0px, var(--clip-width-1), 2px, 0px);
  }
  25% {
    clip: rect(0px, 2px, var(--clip-height-1), 0px);
  }
  50% {
    clip: rect(var(--clip-height-2), var(--clip-width-1), var(--clip-width-1), 0px);
  }
  75% {
    clip: rect(0px, var(--clip-width-1), var(--clip-height-1), var(--clip-width-2));
  }
}
.mars3d-divBoderLabel-boder {
  width: var(--boder-width);
  height: var(--boder-height);
  margin: auto;
  color: var(--border-color);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color);
}
.mars3d-divBoderLabel-text {
  color: var(--text-color);
  font-size: var(--text-font-size);
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
  user-select: none;
  cursor: pointer;
}
.mars3d-divBoderLabel-boder,
.mars3d-divBoderLabel-boder::before,
.mars3d-divBoderLabel-boder::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mars3d-divBoderLabel-boder::before,
.mars3d-divBoderLabel-boder::after {
  content: "";
  margin: -5%;
  box-shadow: inset 0 0 0 2px;
  animation: var(--animation-name) 8s linear infinite;
}
.mars3d-divBoderLabel-boder::before {
  animation-delay: -4s;
}
.mars3d-animation-point,
.mars3d-animation-point:after,
.mars3d-animation-point:before,
.mars3d-animation-point p,
.mars3d-animation-point p:after,
.mars3d-animation-point p:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mars3d-animation-point {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  cursor: pointer;
  color: #0ff;
  background: currentColor;
  z-index: 3;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 2em currentColor, 0 0 0.5em currentColor;
  position: absolute;
}
.mars3d-animation-point .mars3d-animation-point-lbl {
  position: absolute;
  transform: translate(-50%, -120%);
  left: 50%;
  font-size: 16px;
  width: fit-content;
  white-space: nowrap;
}
.mars3d-animation-point p {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: mars3d-animation-point-mapAni 2s ease infinite;
  -moz-animation: mars3d-animation-point-mapAni 2s ease infinite;
  -o-animation: mars3d-animation-point-mapAni 2s ease infinite;
  -ms-animation: mars3d-animation-point-mapAni 2s ease infinite;
  animation: mars3d-animation-point-mapAni 2s ease infinite;
}
.mars3d-animation-point .mapError {
  color: red;
}
.mars3d-animation-point .mapWarn {
  color: #b5a603;
}
.mars3d-animation-point .mapSuccess {
  color: #239233;
}
.mars3d-animation-point .mapOrange {
  color: #8c4d34;
}
.mars3d-animation-point:after,
.mars3d-animation-point:before,
.mars3d-animation-point p:after,
.mars3d-animation-point p:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mars3d-animation-point:after,
.mars3d-animation-point:before {
  border: 1px solid;
  -webkit-animation: mars3d-animation-point-mapAni 1s ease infinite;
  -moz-animation: mars3d-animation-point-mapAni 1s ease infinite;
  -o-animation: mars3d-animation-point-mapAni 1s ease infinite;
  -ms-animation: mars3d-animation-point-mapAni 1s ease infinite;
  animation: mars3d-animation-point-mapAni 1s ease infinite;
}
.mars3d-animation-point p:before {
  border: 1px solid;
}
@-webkit-keyframes mars3d-animation-point-mapAni {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
    filter: alpha(opacity=1);
  }
  25% {
    width: 120%;
    height: 120%;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  50% {
    width: 200%;
    height: 200%;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  75% {
    width: 300%;
    height: 300%;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
  to {
    width: 400%;
    height: 400%;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes mars3d-animation-point-mapAni {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
    filter: alpha(opacity=1);
  }
  25% {
    width: 120%;
    height: 120%;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  50% {
    width: 200%;
    height: 200%;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  75% {
    width: 300%;
    height: 300%;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
  to {
    width: 400%;
    height: 400%;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-o-keyframes mars3d-animation-point-mapAni {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
    filter: alpha(opacity=1);
  }
  25% {
    width: 120%;
    height: 120%;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  50% {
    width: 200%;
    height: 200%;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  75% {
    width: 300%;
    height: 300%;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
  to {
    width: 400%;
    height: 400%;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-ms-keyframes mars3d-animation-point-mapAni {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
    filter: alpha(opacity=1);
  }
  25% {
    width: 120%;
    height: 120%;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  50% {
    width: 200%;
    height: 200%;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  75% {
    width: 300%;
    height: 300%;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
  to {
    width: 400%;
    height: 400%;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes mars3d-animation-point-mapAni {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
    filter: alpha(opacity=1);
  }
  25% {
    width: 120%;
    height: 120%;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  50% {
    width: 200%;
    height: 200%;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  75% {
    width: 300%;
    height: 300%;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
  to {
    width: 400%;
    height: 400%;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.mars3d-divUpLabel {
  text-align: center;
  background: transparent;
  color: white;
  display: block;
  box-sizing: border-box;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: mars3d-divUpLabel-tinUpIn;
}
.mars3d-divUpLabel-text {
  writing-mode: vertical-lr;
  font-size: 16px;
  letter-spacing: 4px;
}
.mars3d-divUpLabel-line {
  display: block;
  height: 100px;
  width: 1.5px;
  margin-left: calc(50% - 1px);
  margin-top: 3px;
  background-color: white;
}
@keyframes mars3d-divUpLabel-tinUpIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }
  100%,
  60%,
  80% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}
/*****popup弹出框样式******/
.mars3d-popup {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.mars3d-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 20px;
  height: 20px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  z-index: 20170825;
  cursor: pointer;
}
.mars3d-popup-content-wrapper {
  text-align: center;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  padding: 1px;
  text-align: left;
  border-radius: 3px;
}
.mars3d-popup-content {
  margin: 10px;
  font-size: 13px;
  max-width: 700px;
  min-width: 50px;
  max-height: 550px;
  overflow-y: auto;
}
.mars3d-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 17px;
  position: relative;
  overflow: hidden;
}
.mars3d-popup-tip {
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mars3d-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.mars3d-popup-color {
  color: var(--mars-text-color, #ffffff);
}
.mars3d-popup-background {
  background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
}
.mars3d-popup-animation {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: mars3d-popup-swashIn;
}
@keyframes mars3d-popup-swashIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  90% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
.mars3d-popup-btn {
  padding: 3px 10px;
  border: 1px solid #209ffd;
  background: #209ffd1c;
}
/* all 中的html样式 */
.mars3d-template-title {
  height: 33px;
  line-height: 33px;
  padding: 0 10px 0 10px;
  font-size: 16px;
  color: var(--mars-text-color, #ffffff);
  border-bottom: 1px solid var(--mars-hover-color, #3ea6ff);
  overflow: hidden;
}
.mars3d-template-title a {
  color: var(--mars-msg-title-color, #479be0);
  text-decoration: none;
}
.mars3d-template-content {
  min-width: 150px;
  margin-top: 0px;
  padding: 10px;
  color: var(--mars-text-color, #ffffff);
  font-size: 14px;
  max-height: 490px;
  overflow-y: auto;
}
.mars3d-template-content > div {
  margin-top: 5px;
}
.mars3d-template-content label {
  margin: 0 10px;
  padding-right: 6px;
  min-width: 55px;
  float: left;
}
.mars3d-template-content input {
  color: var(--mars-text-color, #ffffff);
  background-color: transparent;
  padding: 4px 5px;
  border-width: 1px;
  border-style: solid;
}
.mars3d-template-content input::placeholder {
  color: #cdcdcd;
}
.mars3d-template-content textarea {
  color: var(--mars-text-color, #ffffff);
  background-color: transparent;
  padding: 4px 5px;
  border-width: 1px;
  border-style: solid;
  height: 60px;
  resize: none;
}
.mars3d-template-content textarea::placeholder {
  color: #cdcdcd;
}
.mars3d-popup-iframe {
  overflow: auto;
  margin: 0;
}
/*****tooltip弹出框样式******/
.mars3d-tooltip {
  padding: 6px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  max-width: 700px;
  min-width: 50px;
  max-height: 550px;
  color: var(--mars-text-color, #ffffff);
  background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
  border: 1px solid var(--mars-base-bg, rgba(63, 72, 84, 0.9));
}
.mars3d-tooltip-top:before,
.mars3d-tooltip-bottom:before,
.mars3d-tooltip-left:before,
.mars3d-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
.mars3d-tooltip-top:before {
  border-top-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));
}
.mars3d-tooltip-bottom:before {
  border-bottom-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));
}
.mars3d-tooltip-left:before {
  border-left-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));
}
.mars3d-tooltip-right:before {
  border-right-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));
}
/* Directions */
.mars3d-tooltip-bottom {
  margin-top: 6px;
}
.mars3d-tooltip-top {
  margin-top: -6px;
}
.mars3d-tooltip-bottom:before,
.mars3d-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.mars3d-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
}
.mars3d-tooltip-bottom:before {
  top: 0;
  margin-top: -6px;
  margin-left: -6px;
  border-bottom-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
}
.mars3d-tooltip-left {
  margin-left: -6px;
}
.mars3d-tooltip-right {
  margin-left: 6px;
}
.mars3d-tooltip-left:before,
.mars3d-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.mars3d-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
}
.mars3d-tooltip-right:before {
  left: 0;
  margin-left: -6px;
  border-right-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
}
.mars3d-divlayer-camera {
  backface-visibility: hidden;
}
/** 覆盖cesium 控件相关样式 */
/**cesium info信息框*/
.cesium-infoBox {
  background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
}
.cesium-infoBox-title {
  background-color: rgba(23, 49, 71, 0.8);
}
/**cesium 任务栏的FPS信息*/
.cesium-performanceDisplay-defaultContainer .cesium-performanceDisplay-ms,
.cesium-performanceDisplay-defaultContainer .cesium-performanceDisplay-fps {
  color: #fff;
}
/**cesium tileset调试信息面板*/
.cesium-cesiumInspector {
  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
}
/**animation时间面板*/
.cesium-viewer-animationContainer {
  z-index: 12;
}
/** 按钮工具栏 */
.cesium-viewer-toolbar {
  /** 按钮统一样式 */
  /**底图切换 弹出面板*/
  /**帮助 弹出面板*/
  /**POI查询输入框*/
}
.cesium-viewer-toolbar .cesium-button {
  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
  border-radius: 2px;
  border-width: 1px;
  color: var(--mars-text-color, #ffffff);
  fill: #e6e6e6;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.cesium-viewer-toolbar .cesium-button:hover {
  background-color: #3385ff;
  box-shadow: none;
  border: none;
}
.cesium-viewer-toolbar .cesium-button img,
.cesium-viewer-toolbar .cesium-button svg,
.cesium-viewer-toolbar .cesium-button div,
.cesium-viewer-toolbar .cesium-button .cesium-svgPath-svg {
  scale: 0.8;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
}
.cesium-viewer-toolbar .cesium-button img:hover,
.cesium-viewer-toolbar .cesium-button svg:hover,
.cesium-viewer-toolbar .cesium-button div:hover,
.cesium-viewer-toolbar .cesium-button .cesium-svgPath-svg:hover {
  scale: 0.9;
}
.cesium-viewer-toolbar .cesium-baseLayerPicker-dropDown {
  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
  max-height: 700px;
  z-index: 99;
}
.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-help-instructions,
.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button {
  background: none;
}
.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-help,
.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-selected {
  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
}
.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-unselected {
  background-color: rgba(105, 105, 105, 0.75);
}
.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-unselected:hover {
  background-color: var(--mars-base-bg, rgba(76, 76, 76, 0.75));
}
.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-input {
  background-color: rgba(63, 72, 84, 0.7);
  border-width: 1px;
}
.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {
  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
}
.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .search-results {
  z-index: 99;
  background-color: rgba(23, 49, 71, 0.8);
}
.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-searchButton {
  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
  border-radius: 2px;
  border-width: 1px;
  fill: #e6e6e6;
}
/** 修改定位："top-right"上侧靠右 */
/** 按钮工具栏修改定位："top-left"上侧靠左 */
.cesium-viewer-toolbar-top-left {
  top: 10px;
  bottom: auto !important;
  left: 10px;
  right: auto !important;
  /**帮助 弹出面板*/
  /**底图切换 弹出面板*/
}
.cesium-viewer-toolbar-top-left .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
  left: 40px;
  transform-origin: left top;
}
.cesium-viewer-toolbar-top-left .cesium-baseLayerPicker-dropDown {
  left: 10px;
}
/** 修改定位："left-top"左侧靠上 */
.cesium-viewer-toolbar-left-top {
  top: 10px;
  bottom: auto !important;
  left: 10px;
  right: auto !important;
  /**底图切换 弹出面板*/
  /**帮助 弹出面板*/
  /**二维三维切换*/
  /**POI查询输入框*/
}
.cesium-viewer-toolbar-left-top > .cesium-toolbar-button,
.cesium-viewer-toolbar-left-top .cesium-navigationHelpButton-wrapper,
.cesium-viewer-toolbar-left-top .cesium-viewer-geocoderContainer {
  float: left;
  clear: both;
  margin-bottom: 5px;
}
.cesium-viewer-toolbar-left-top .cesium-baseLayerPicker-dropDown {
  left: 40px;
  margin-bottom: 5px;
}
.cesium-viewer-toolbar-left-top .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
  top: 0px;
  left: 40px;
  transform-origin: left top;
}
.cesium-viewer-toolbar-left-top .cesium-sceneModePicker-wrapper {
  width: auto;
}
.cesium-viewer-toolbar-left-top .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
  float: right;
  margin: 0 3px;
}
.cesium-viewer-toolbar-left-top .cesium-viewer-geocoderContainer .search-results {
  left: 0;
  right: 40px;
  width: auto;
}
/** 修改定位："left-bottom"左侧靠下 */
.cesium-viewer-toolbar-left-bottom {
  top: auto !important;
  bottom: 60px;
  left: 10px;
  right: auto !important;
  /**底图切换 弹出面板*/
  /**帮助 弹出面板*/
  /**二维三维切换*/
  /**POI查询输入框*/
}
.cesium-viewer-toolbar-left-bottom > .cesium-toolbar-button,
.cesium-viewer-toolbar-left-bottom .cesium-navigationHelpButton-wrapper,
.cesium-viewer-toolbar-left-bottom .cesium-viewer-geocoderContainer {
  float: left;
  clear: both;
  margin-bottom: 5px;
}
.cesium-viewer-toolbar-left-bottom .cesium-baseLayerPicker-dropDown {
  bottom: 0;
  left: 40px;
  margin-bottom: 5px;
}
.cesium-viewer-toolbar-left-bottom .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
  top: auto;
  bottom: 0;
  left: 40px;
  transform-origin: left bottom;
}
.cesium-viewer-toolbar-left-bottom .cesium-sceneModePicker-wrapper {
  width: auto;
}
.cesium-viewer-toolbar-left-bottom .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
  float: right;
  margin: 0 3px;
}
.cesium-viewer-toolbar-left-bottom .cesium-viewer-geocoderContainer .search-results {
  left: 0;
  right: 40px;
  width: auto;
}
/** 修改定位："right-top"右侧靠上 */
.cesium-viewer-toolbar-right-top {
  top: 10px;
  bottom: auto !important;
  right: 10px;
  left: auto !important;
  /**底图切换 弹出面板*/
  /**帮助 弹出面板*/
  /**二维三维切换*/
  /**POI查询输入框*/
}
.cesium-viewer-toolbar-right-top > .cesium-toolbar-button,
.cesium-viewer-toolbar-right-top .cesium-navigationHelpButton-wrapper,
.cesium-viewer-toolbar-right-top .cesium-viewer-geocoderContainer {
  float: right;
  clear: both;
  margin-bottom: 5px;
}
.cesium-viewer-toolbar-right-top .cesium-baseLayerPicker-dropDown {
  right: 40px;
  margin-bottom: 5px;
}
.cesium-viewer-toolbar-right-top .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
  top: 0;
  bottom: auto;
  right: 40px;
  transform-origin: right top;
}
.cesium-viewer-toolbar-right-top .cesium-sceneModePicker-wrapper {
  width: auto;
}
.cesium-viewer-toolbar-right-top .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
  float: left;
  margin: 0 3px;
}
.cesium-viewer-toolbar-right-top .cesium-viewer-geocoderContainer .search-results {
  right: 0;
  left: 40px;
  width: auto;
}
/** 修改定位："right-bottom"右侧靠下 */
.cesium-viewer-toolbar-right-bottom {
  top: auto !important;
  bottom: 60px;
  right: 10px;
  left: auto !important;
  /**底图切换 弹出面板*/
  /**帮助 弹出面板*/
  /**二维三维切换*/
  /**POI查询输入框*/
}
.cesium-viewer-toolbar-right-bottom > .cesium-toolbar-button,
.cesium-viewer-toolbar-right-bottom .cesium-navigationHelpButton-wrapper,
.cesium-viewer-toolbar-right-bottom .cesium-viewer-geocoderContainer {
  float: right;
  clear: both;
  margin-bottom: 5px;
}
.cesium-viewer-toolbar-right-bottom .cesium-baseLayerPicker-dropDown {
  bottom: 0;
  right: 40px;
  margin-bottom: 5px;
}
.cesium-viewer-toolbar-right-bottom .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
  top: auto;
  bottom: 0;
  right: 40px;
  transform-origin: right bottom;
}
.cesium-viewer-toolbar-right-bottom .cesium-sceneModePicker-wrapper {
  width: auto;
}
.cesium-viewer-toolbar-right-bottom .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
  float: left;
  margin: 0 3px;
}
.cesium-viewer-toolbar-right-bottom .cesium-viewer-geocoderContainer .search-results {
  right: 0;
  left: 40px;
  width: auto;
}

/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 圆角主题(css-var) */
/** 圆角主题(css-var 模式) */
/** 圆角主题 */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 聊天主题变量 */
/* 可选卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 地图位置选择器主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表单主题变量 */
/* 表单构建器主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 步骤条主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 时间线主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.rounded .ele-admin-layout {
  --ele-header-menu-height: 38px;
  --ele-header-tool-height: 38px;
  --ele-header-tool-radius: var(--el-border-radius-base);
  --ele-header-primary-active-bg: rgba(255, 255, 255, 0.24);
}
html.rounded .ele-admin-layout {
  --ele-sidebar-tool-height: 38px;
}
html.rounded .ele-alert {
  --ele-alert-radius: 8px;
  --ele-alert-close-hover-bg: hsla(0, 0%, 60%, 0.15);
}
html.rounded .ele-alert.is-dark {
  --ele-alert-dark-close-hover-bg: rgba(255, 255, 255, 0.2);
}
html.rounded .el-autocomplete__popper {
  --ele-autocomplete-padding: 4px;
  --ele-autocomplete-item-padding: 0 12px;
  --ele-autocomplete-item-radius: var(--el-border-radius-small);
}
html.rounded .el-cascader__dropdown {
  --ele-cascader-menu-padding: 6px;
  --ele-cascader-item-padding: 0 12px;
  --ele-cascader-item-radius: var(--el-border-radius-small);
}
html.rounded .el-date-picker,
html.rounded .el-date-range-picker {
  --ele-datepicker-cell-radius: var(--el-border-radius-small);
  --ele-datepicker-year-radius: var(--el-border-radius-base);
  --ele-datepicker-sidebar-padding: 6px;
  --ele-datepicker-shortcut-height: 28px;
  --ele-datepicker-shortcut-padding: 0 8px;
  --ele-datepicker-shortcut-margin: 4px;
  --ele-datepicker-shortcut-radius: var(--el-border-radius-small);
}
html.rounded .el-time-panel,
html.rounded .el-time-range-picker {
  --ele-timepicker-item-radius: var(--el-border-radius-small);
}
html.rounded .el-descriptions {
  --ele-descriptions-radius: 8px;
}
html.rounded .el-message-box {
  --ele-message-box-radius: 8px;
  --ele-message-box-header-font-weight: 500;
  --ele-message-box-icon-hover-bg: var(--el-fill-color-light);
}
html.rounded .el-notification {
  --ele-notification-radius: 8px;
  --ele-notification-close-hover-bg: var(--el-fill-color-light);
}
html.rounded .el-popper {
  --ele-popper-radius: 8px;
}
html.rounded .el-select__popper {
  --ele-select-padding: 4px;
  --ele-select-item-padding: 0 12px;
  --ele-select-item-radius: var(--el-border-radius-small);
}
html.rounded .el-tag {
  --ele-tag-close-hover-bg: var(--el-color-primary-light-8);
  --ele-tag-info-close-hover-bg: hsla(0, 0%, 60%, 0.25);
  --ele-tag-success-close-hover-bg: var(--el-color-success-light-8);
  --ele-tag-warning-close-hover-bg: var(--el-color-warning-light-8);
  --ele-tag-danger-close-hover-bg: var(--el-color-error-light-8);
  --ele-tag-dark-close-hover-bg: rgba(255, 255, 255, 0.2);
  --ele-tag-dark-info-close-hover-bg: hsla(0, 0%, 60%, 0.25);
  --ele-tag-dark-success-close-hover-bg: rgba(255, 255, 255, 0.2);
  --ele-tag-dark-warning-close-hover-bg: rgba(255, 255, 255, 0.2);
  --ele-tag-dark-danger-close-hover-bg: rgba(255, 255, 255, 0.2);
  --ele-tag-plain-close-hover-bg: var(--el-color-primary-light-8);
  --ele-tag-plain-info-close-hover-bg: hsla(0, 0%, 60%, 0.25);
  --ele-tag-plain-success-close-hover-bg: var(--el-color-success-light-8);
  --ele-tag-plain-warning-close-hover-bg: var(--el-color-warning-light-8);
  --ele-tag-plain-danger-close-hover-bg: var(--el-color-error-light-8);
}
html.rounded .el-tree {
  --ele-tree-item-padding: 0 12px;
  --ele-tree-item-radius: var(--el-border-radius-small);
  --ele-tree-expand-hover-bg: hsla(0, 0%, 60%, 0.15);
}
html.rounded .el-tree-select__popper {
  --ele-tree-select-padding: 4px;
}
html.rounded .ele-message {
  --ele-message-radius: 8px;
  --ele-message-close-hover-bg: hsla(0, 0%, 60%, 0.15);
}
html.rounded .ele-card {
  --ele-card-radius: 8px;
  --ele-card-header-font-weight: 500;
}
html.rounded .ele-chat-wrapper {
  --ele-chat-conversation-group-padding: 12px 8px 2px 8px;
  --ele-chat-conversation-padding: 8px;
  --ele-chat-conversation-margin: 2px 12px;
  --ele-chat-conversation-radius: var(--el-border-radius-base);
  --ele-chat-conversation-more-radius: var(--el-border-radius-base);
  --ele-chat-conversation-more-margin: 0 -4px 0 4px;
  --ele-chat-bubble-radius: 0 12px 12px 12px;
  --ele-chat-bubble-end-radius: 12px 0 12px 12px;
  --ele-chat-input-radius: 20px;
  --ele-chat-input-tool-radius: 8px;
  --ele-chat-file-item-radius: 12px;
}
html.rounded .ele-data-table {
  --ele-table-radius: var(--el-border-radius-base);
  --ele-table-th-font-weight: 500;
  --ele-table-lg-radius: 8px;
  --ele-table-sm-radius: var(--el-border-radius-small);
}
html.rounded .ele-table-filter-popper {
  --ele-table-filter-padding: 4px;
  --ele-table-filter-item-padding: 0 12px;
  --ele-table-filter-item-radius: var(--el-border-radius-small);
}
html.rounded .ele-drawer {
  --ele-drawer-icon-hover-bg: var(--el-fill-color-light);
  --ele-drawer-header-font-weight: 500;
}
html.rounded .ele-dropdown {
  --ele-dropdown-padding: 4px;
  --ele-dropdown-item-padding: 0 12px;
  --ele-dropdown-item-radius: var(--el-border-radius-small);
  --ele-dropdown-sm-padding: 2px;
  --ele-dropdown-sm-item-padding: 0 10px;
  --ele-dropdown-lg-padding: 6px;
  --ele-dropdown-lg-item-padding: 0 14px;
}
html.rounded .ele-file-list-group {
  --ele-file-item-radius: 8px;
}
html.rounded .ele-icon-select-popper {
  --ele-icon-menus-padding: 12px 4px;
  --ele-icon-menu-radius: var(--el-border-radius-small);
  --ele-icon-menu-hover-color: var(--el-text-color-primary);
  --ele-icon-menu-hover-bg: var(--el-fill-color-light);
  --ele-icon-menu-active-line: 0;
}
html.rounded .ele-map-view {
  --ele-map-search-padding: 2px 12px 6px 12px;
}
html.rounded .ele-menu {
  --ele-menu-arrow-margin: 0 -8px 0 6px;
  --ele-menu-padding: 2px 0;
  --ele-menu-item-padding: 6px;
  --ele-menu-item-radius: var(--el-border-radius-base);
  --ele-menu-item-hover-color: var(--el-text-color-primary);
  --ele-menu-item-hover-bg: var(--el-fill-color-light);
  --ele-menu-item-focus-bg: var(--el-fill-color-light);
  --ele-menu-item-active-line: 0;
}
html.rounded .ele-menu.el-menu--horizontal {
  --ele-menu-horizontal-padding: 8px 6px;
  --ele-menu-horizontal-height: 40px;
  --ele-menu-horizontal-item-padding: 12px;
  --ele-menu-horizontal-item-margin: 4px;
  --ele-menu-horizontal-item-radius: var(--el-border-radius-base);
  --ele-menu-horizontal-hover-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-horizontal-focus-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-horizontal-active-bg: var(--el-color-primary-light-9);
  --ele-menu-horizontal-arrow-margin: 0 -4px 0 4px;
  --ele-menu-horizontal-line-size: 0;
  --ele-menu-horizontal-dark-hover-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-horizontal-dark-focus-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-horizontal-dark-active-bg: var(--el-color-primary);
}
html.rounded .ele-menu > .el-menu--popup {
  --ele-menu-popup-radius: 8px;
  --ele-menu-popup-item-padding: 12px;
}
html.rounded .ele-menu.ele-menu-colorful {
  --ele-menu-colorful-icon-radius: var(--el-border-radius-base);
  --ele-menu-colorful-icon-size: 22px;
}
html.rounded .ele-menu.ele-menu-dark {
  --ele-menu-dark-hover-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-dark-focus-bg: rgba(255, 255, 255, 0.1);
}
html.rounded .ele-modal {
  --ele-modal-radius: 8px;
  --ele-modal-header-font-weight: 500;
  --ele-modal-header-padding: 18px 20px 12px 20px;
  --ele-modal-header-border: none;
  --ele-modal-icon-hover-bg: var(--el-fill-color-light);
  --ele-modal-body-padding: 16px 22px 24px 22px;
  --ele-modal-form-body-padding: 16px 22px 8px 20px;
  --ele-modal-footer-padding: 8px 20px 18px 20px;
  --ele-modal-footer-border: none;
}
html.rounded .ele-pagination {
  --ele-pagination-radius: var(--el-border-radius-base);
  --ele-pagination-active-color: var(--el-color-primary);
  --ele-pagination-active-bg: none;
  --ele-pagination-active-border: 1px solid var(--el-color-primary);
  --ele-pagination-sm-radius: var(--el-border-radius-base);
  --ele-pagination-lg-radius: 8px;
}
html.rounded .ele-tool-column {
  --ele-tool-column-body-padding: 6px 4px;
  --ele-tool-column-item-padding: 10px;
  --ele-tool-column-item-radius: var(--el-border-radius-small);
  --ele-tool-column-btn-hover-bg: var(--el-color-primary-light-8);
  --ele-tool-column-btn-active-bg: var(--el-color-primary-light-7);
}
html.rounded .ele-segmented {
  --ele-segmented-radius: var(--el-border-radius-small);
}
html.rounded .ele-segmented.is-large {
  --ele-segmented-large-radius: var(--el-border-radius-base);
}
html.rounded .ele-steps {
  --ele-step-icon-color: var(--el-text-color-secondary);
  --ele-step-icon-bg: var(--el-fill-color-light);
  --ele-step-icon-border: none;
  --ele-step-active-icon-border: none;
  --ele-step-finish-icon-bg: var(--el-color-primary-light-9);
  --ele-step-finish-icon-border: none;
}
html.rounded .ele-tab-bar {
  --ele-tab-bar-active-font-weight: 500;
}
html.rounded .ele-table {
  --ele-table-radius: var(--el-border-radius-base);
  --ele-table-th-font-weight: 500;
  --ele-table-lg-radius: 8px;
  --ele-table-sm-radius: var(--el-border-radius-small);
}
html.rounded .ele-tabs-wrap {
  --ele-tab-close-size: 18px;
  --ele-tab-close-radius: var(--el-border-radius-small);
  --ele-tab-close-hover-color: var(--el-text-color-primary);
  --ele-tab-close-hover-bg: hsla(0, 0%, 60%, 0.15);
  --ele-tab-active-close-hover-color: var(--el-text-color-primary);
  --ele-tab-active-close-hover-bg: hsla(0, 0%, 60%, 0.15);
  --ele-tab-sm-close-size: 14px;
  --ele-tab-lg-close-size: 20px;
  --ele-tab-simple-radius: 10px 10px 0px 0px;
  --ele-tab-simple-active-line: 0px;
  --ele-tab-simple-line-display: none;
  --ele-tab-simple-angle-size: 12px;
  --ele-tab-simple-angle-display: flex;
  --ele-tab-simple-tool-hover-bg: transparent;
  --ele-tab-button-radius: 8px;
}
html.rounded .ele-text {
  --ele-text-heading-weight: 500;
}
html.rounded .ele-toolbar {
  --ele-toolbar-radius: 8px;
}
html.rounded .el-popper {
  --ele-popper-radius: 8px;
}
html.rounded .ele-popover {
  --ele-popover-title-padding: 13px 16px 0 16px;
  --ele-popover-title-border: none;
}
html.rounded .ele-tree-select-popper {
  --ele-tree-select-padding: 4px;
}
html.rounded .ele-tree-table-wrapper {
  --ele-table-radius: var(--el-border-radius-base);
  --ele-table-th-font-weight: 500;
  --ele-table-lg-radius: 8px;
  --ele-table-sm-radius: var(--el-border-radius-small);
}
html.rounded .ele-upload-list {
  --ele-upload-list-file-tool-hover-color: var(--el-text-color-primary);
  --ele-upload-list-file-tool-hover-bg: var(--el-fill-color-light);
}
html.rounded .ele-virtual-table {
  --ele-table-radius: var(--el-border-radius-base);
  --ele-table-th-font-weight: 500;
  --ele-table-lg-radius: 8px;
  --ele-table-sm-radius: var(--el-border-radius-small);
}
html.rounded .ele-table-filter-popper {
  --ele-table-filter-padding: 4px;
  --ele-table-filter-item-padding: 0 12px;
  --ele-table-filter-item-radius: var(--el-border-radius-small);
}

html.rounded {
  --el-border-radius-base: 6px;
  --el-border-radius-small: 4px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 暗黑主题(css-var) */
/** 暗黑主题(css-var) */
html.dark {
  color-scheme: dark;
  --el-color-primary: #0052d9;
  --el-color-primary-light-3: rgb(7, 65, 159);
  --el-color-primary-light-5: rgb(12, 53, 121);
  --el-color-primary-light-7: rgb(17, 41, 82);
  --el-color-primary-light-8: rgb(19, 36, 63);
  --el-color-primary-light-9: rgb(22, 30, 43);
  --el-color-primary-dark-2: rgb(51, 117, 225);
  --el-color-success: #49aa19;
  --el-color-success-light-3: rgb(58, 126, 25);
  --el-color-success-light-5: rgb(49, 97, 25);
  --el-color-success-light-7: rgb(39, 68, 24);
  --el-color-success-light-8: rgb(34, 53, 24);
  --el-color-success-light-9: rgb(29, 39, 24);
  --el-color-success-dark-2: rgb(109, 187, 71);
  --el-color-warning: #d89614;
  --el-color-warning-light-3: rgb(158, 112, 21);
  --el-color-warning-light-5: rgb(120, 87, 22);
  --el-color-warning-light-7: rgb(82, 62, 23);
  --el-color-warning-light-8: rgb(62, 49, 23);
  --el-color-warning-light-9: rgb(43, 37, 24);
  --el-color-warning-dark-2: rgb(224, 171, 67);
  --el-color-danger: #dc4446;
  --el-color-danger-light-3: rgb(161, 55, 56);
  --el-color-danger-light-5: rgb(122, 46, 47);
  --el-color-danger-light-7: rgb(83, 37, 38);
  --el-color-danger-light-8: rgb(63, 33, 33);
  --el-color-danger-light-9: rgb(44, 28, 29);
  --el-color-danger-dark-2: rgb(227, 105, 107);
  --el-color-error: #dc4446;
  --el-color-error-light-3: rgb(161, 55, 56);
  --el-color-error-light-5: rgb(122, 46, 47);
  --el-color-error-light-7: rgb(83, 37, 38);
  --el-color-error-light-8: rgb(63, 33, 33);
  --el-color-error-light-9: rgb(44, 28, 29);
  --el-color-error-dark-2: rgb(227, 105, 107);
  --el-color-info: #8b8b8b;
  --el-color-info-light-3: rgb(105, 105, 105);
  --el-color-info-light-5: rgb(82, 82, 82);
  --el-color-info-light-7: rgb(59, 59, 59);
  --el-color-info-light-8: rgb(47, 47, 47);
  --el-color-info-light-9: rgb(36, 36, 36);
  --el-color-info-dark-2: rgb(162, 162, 162);
  --el-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.8);
  --el-box-shadow-light: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --el-box-shadow-lighter: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --el-box-shadow-dark: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --el-bg-color-page: #0f0f0f;
  --el-bg-color: #181818;
  --el-bg-color-overlay: #1f1f1f;
  --el-text-color-primary: #E8E8E8;
  --el-text-color-regular: #DCDCDC;
  --el-text-color-secondary: #747474;
  --el-text-color-placeholder: #5D5D5D;
  --el-text-color-disabled: #595959;
  --el-border-color-darker: #555555;
  --el-border-color-dark: #494949;
  --el-border-color: #424242;
  --el-border-color-light: #363636;
  --el-border-color-lighter: #303030;
  --el-border-color-extra-light: #282828;
  --el-fill-color-darker: #474747;
  --el-fill-color-dark: #383838;
  --el-fill-color: #303030;
  --el-fill-color-light: #282828;
  --el-fill-color-lighter: #232323;
  --el-fill-color-extra-light: #1A1A1A;
  --el-fill-color-blank: #181818;
  --el-mask-color: rgba(20, 20, 20, 0.8);
  --el-mask-color-extra-light: rgba(20, 20, 20, 0.6);
}

html.dark .el-button {
  --el-button-disabled-text-color: rgba(255, 255, 255, 0.5);
}

html.dark .el-card {
  --el-card-bg-color: var(--el-bg-color-overlay);
  --el-fill-color-blank: var(--el-card-bg-color);
}

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;
}

/** 暗黑主题(css-var 模式) */
/** 暗黑主题 */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 聊天主题变量 */
/* 可选卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 地图位置选择器主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表单主题变量 */
/* 表单构建器主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 步骤条主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 时间线主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.dark .ele-admin-layout {
  --ele-header-shadow: 0 0 0 0.8px var(--el-border-color-extra-light);
  --ele-header-tool-hover-bg: rgba(255, 255, 255, 0.05);
  --ele-header-dark-tool-hover-bg: rgba(255, 255, 255, 0.05);
  --ele-header-dark-bg: #1f1f1f;
  --ele-header-dark-shadow: var(--ele-header-shadow);
  --ele-header-ghost-bg: hsla(0, 0%, 32%, 0.4);
}
html.dark .ele-admin-layout {
  --ele-sidebar-dark-bg: #1f1f1f;
  --ele-sidebar-shadow: 0 0 0 0.8px var(--el-border-color-extra-light);
  --ele-sidebar-dark-shadow: var(--ele-sidebar-shadow);
}
html.dark .ele-admin-layout {
  --ele-menu-thumb-color: #484848;
  --ele-menu-thumb-hover-color: #5b5b5b;
}
html.dark {
  --ele-scrollbar-color: #484848;
  --ele-scrollbar-hover-color: #5b5b5b;
}
html.dark .el-popper {
  --ele-popper-bg: #202020;
  --ele-popper-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
html.dark .el-popper.is-dark {
  --ele-tooltip-bg: #2a2a2a;
  --ele-tooltip-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
  --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
html.dark .el-tag {
  --ele-tag-info-bg: var(--el-color-info-light-8);
}
html.dark .ele-card {
  --ele-card-border: 1px solid var(--el-border-color-extra-light);
  --ele-card-shadow: var(--el-box-shadow-light);
}
html.dark .ele-chat-wrapper {
  --ele-chat-side-bg: #111112;
}
html.dark .ele-data-table {
  --ele-table-icon-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.88);
}
html.dark .ele-menu {
  --ele-menu-child-bg: rgba(255, 255, 255, 0.04);
}
html.dark .ele-menu.ele-menu-colorful {
  --ele-menu-colorful-dot-color: #5a5a5a;
  --ele-menu-colorful-dot-hover-color: #8b8b8b;
}
html.dark .ele-menu.ele-menu-dark {
  --ele-menu-dark-bg: #1f1f1f;
  --ele-menu-dark-child-bg: #141414;
}
html.dark .ele-menu > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-thumb-color: #484848;
  --ele-menu-thumb-hover-color: #5b5b5b;
}
html.dark .ele-segmented {
  --ele-segmented-bg: var(--el-bg-color-page);
  --ele-segmented-hover-bg: rgba(255, 255, 255, 0.05);
}
html.dark .ele-table {
  --ele-table-icon-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.88);
}
html.dark .ele-tabs-wrap {
  --ele-tab-scroll-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-tab-scroll-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-tab-simple-hover-bg: rgba(255, 255, 255, 0.05);
  --ele-tab-indicator-dot-color: #5a5a5a;
  --ele-tab-indicator-dot-hover-color: #8b8b8b;
  --ele-tab-button-shadow: 0 0 0 0.8px var(--el-border-color-extra-light) inset;
  --ele-tab-button-active-shadow: 0 0 0 0.8px var(--el-border-color-lighter) inset;
}
html.dark .ele-tool {
  --ele-tool-hover-bg: rgba(255, 255, 255, 0.05);
}
html.dark .el-popper {
  --ele-popper-bg: #202020;
  --ele-popper-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
html.dark .el-popper.is-dark,
html.dark .ele-tooltip {
  --ele-tooltip-bg: #2a2a2a;
  --ele-tooltip-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
  --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
html.dark .ele-tree-table-wrapper {
  --ele-table-icon-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.88);
}
html.dark .ele-virtual-table {
  --ele-table-icon-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.88);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 透明主题(css-var) */
/** 透明主题(css-var 模式) */
/** 透明主题 */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 聊天主题变量 */
/* 可选卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 地图位置选择器主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表单主题变量 */
/* 表单构建器主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 步骤条主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 时间线主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.is-transparent .ele-admin-layout {
  --ele-layout-bg: transparent;
}
html.is-transparent .ele-admin-layout {
  --ele-header-bg: var(--ele-skin-bg-header);
  --ele-header-shadow: 0 0 0 0.8px #fff inset, 0 -3px 3px 0 rgba(255, 255, 255, 0.98) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
html.is-transparent .ele-admin-layout {
  --ele-sidebar-bg: var(--ele-skin-bg-sidebar);
  --ele-sidebar-mobile-bg: var(--el-bg-color-overlay);
  --ele-sidebar-shadow: -0.8px 0 0 0 var(--el-border-color-extra-light), 0 0 0 0.8px rgba(255, 255, 255, 0.48) inset, -3px 3px 3px 0 rgba(255, 255, 255, 0.8) inset, 2px 1px 2px 0 rgba(0, 0, 0, 0.04);
  --ele-sidebar-divider-shadow: 0.8px 0 0 0 var(--el-border-color-extra-light), 0 0 0 0.8px rgba(255, 255, 255, 0.4) inset, 3px 3px 3px 0 rgba(255, 255, 255, 0.8) inset, -2px 1px 2px 0 rgba(0, 0, 0, 0.04);
}
html.is-transparent .ele-admin-layout {
  --ele-menu-thumb-color: hsla(0, 0%, 68%, 0.4);
  --ele-menu-thumb-hover-color: hsla(0, 0%, 68%, 0.68);
}
html.is-transparent .ele-backtop {
  --ele-backtop-bg: var(--ele-skin-bg-card);
}
html.is-transparent {
  --ele-scrollbar-color: hsla(0, 0%, 68%, 0.4);
  --ele-scrollbar-hover-color: hsla(0, 0%, 68%, 0.68);
}
html.is-transparent .el-checkbox {
  --ele-checkbox-bg: transparent;
}
html.is-transparent .el-textarea {
  --ele-textarea-count-bg: transparent;
  --ele-textarea-count-backdrop-filter: blur(18px);
}
html.is-transparent .el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
}
html.is-transparent .el-popper.is-dark {
  --ele-tooltip-bg: var(--ele-skin-bg-tooltip);
}
html.is-transparent .el-radio {
  --ele-radio-bg: transparent;
}
html.is-transparent .ele-message {
  --ele-message-bg: var(--el-bg-color-overlay);
}
html.is-transparent .ele-bottom-bar {
  --ele-bottom-bar-bg: var(--ele-skin-bg-card);
}
html.is-transparent .ele-card {
  --ele-card-bg: var(--ele-skin-bg-card);
  --ele-card-border: 1px solid #fff;
  --ele-card-none-border: 1px solid #fff;
  --ele-card-none-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.98) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --ele-card-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.98) inset, var(--el-box-shadow-lighter);
  --ele-card-hover-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.98) inset, var(--el-box-shadow);
}
html.is-transparent .ele-chat-wrapper {
  --ele-chat-side-bg: var(--el-fill-color-lighter);
  --ele-chat-header-tools-bg: var(--el-fill-color-lighter);
  --ele-chat-bubble-avatar-bg: var(--el-fill-color-extra-light);
  --ele-chat-input-bg: var(--el-fill-color-light);
  --ele-chat-file-tool-hover-bg: var(--el-bg-color-overlay);
  --ele-chat-backbottom-hover-bg: var(--el-bg-color-overlay);
}
html.is-transparent .ele-data-table {
  --ele-table-tr-bg: transparent;
  --ele-table-fixed-backdrop-filter: blur(18px);
}
html.is-transparent .ele-drawer {
  --ele-drawer-bg: var(--el-bg-color-overlay);
}
html.is-transparent .ele-menu {
  --ele-menu-bg: transparent;
}
html.is-transparent .ele-menu > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-thumb-color: hsla(0, 0%, 68%, 0.4);
  --ele-menu-thumb-hover-color: hsla(0, 0%, 68%, 0.68);
}
html.is-transparent .ele-modal {
  --ele-modal-bg: var(--el-bg-color-overlay);
}
html.is-transparent .ele-pro-form-builder-wrapper,
html.is-transparent .ele-pro-form-builder-component-picker {
  --ele-pro-form-builder-group-label-bg: none;
  --ele-pro-form-builder-group-label-backdrop-filter: blur(18px);
}
html.is-transparent .ele-pro-table {
  --ele-pro-table-full-bg: var(--el-bg-color-overlay);
}
html.is-transparent .ele-tool-column {
  --ele-tool-column-input-bg: var(--el-fill-color-lighter);
}
html.is-transparent .ele-segmented {
  --ele-segmented-bg: var(--el-fill-color-light);
}
html.is-transparent .ele-steps {
  --ele-step-bg: none;
  --ele-step-backdrop-filter: blur(3px);
}
html.is-transparent .ele-table {
  --ele-table-tr-bg: transparent;
  --ele-table-fixed-backdrop-filter: blur(18px);
}
html.is-transparent .ele-table-select-popper {
  --ele-table-select-tr-bg: transparent;
}
html.is-transparent .ele-tabs-wrap {
  --ele-tab-bg: var(--ele-skin-bg-card);
  --ele-tab-button-bg: var(--ele-skin-bg-card);
  --ele-tab-button-shadow: 0 0 0 0.8px #fff inset, 0 3px 3px 0 rgba(255, 255, 255, 0.98) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --ele-tab-button-active-shadow: 0 0 0 0.8px #fff inset, 0 3px 3px 0 rgba(255, 255, 255, 0.98) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
html.is-transparent .el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
}
html.is-transparent .el-popper.is-dark,
html.is-transparent .ele-tooltip {
  --ele-tooltip-bg: var(--ele-skin-bg-tooltip);
}
html.is-transparent .ele-tree-table-wrapper {
  --ele-table-tr-bg: transparent;
  --ele-table-fixed-backdrop-filter: blur(18px);
}
html.is-transparent .ele-viewer {
  --ele-viewer-bg: radial-gradient(var(--el-text-color-placeholder) 8%, transparent 8%) center/16px 16px repeat;
}
html.is-transparent .ele-virtual-table {
  --ele-table-tr-bg: transparent;
  --ele-table-fixed-backdrop-filter: blur(18px);
}
html.is-transparent {
  --ele-skin-bg-wallpaper: transparent;
  --ele-skin-bg-header: hsla(0, 0%, 60%, 0.2);
  --ele-skin-bg-sidebar: hsla(0, 0%, 60%, 0.2);
  --ele-skin-bg-card: hsla(0, 0%, 60%, 0.2);
  --ele-skin-bg-overlay: hsla(0, 0%, 60%, 0.4);
  --ele-skin-bg-tooltip: hsla(0, 0%, 18%, 0.8);
}
html.is-transparent {
  --el-border-color-darker: rgba(0, 0, 0, 0.18);
  --el-border-color-dark: rgba(0, 0, 0, 0.16);
  --el-border-color: rgba(0, 0, 0, 0.14);
  --el-border-color-light: rgba(0, 0, 0, 0.12);
  --el-border-color-lighter: rgba(0, 0, 0, 0.1);
  --el-border-color-extra-light: rgba(0, 0, 0, 0.08);
  --el-fill-color-darker: hsla(0, 0%, 60%, 0.28);
  --el-fill-color-dark: hsla(0, 0%, 60%, 0.24);
  --el-fill-color: hsla(0, 0%, 60%, 0.2);
  --el-fill-color-light: hsla(0, 0%, 60%, 0.16);
  --el-fill-color-lighter: hsla(0, 0%, 60%, 0.12);
  --el-fill-color-extra-light: hsla(0, 0%, 60%, 0.08);
  --el-fill-color-blank: transparent;
  --el-bg-color: hsla(0, 0%, 100%, 0.88);
  --el-bg-color-page: hsla(0, 0%, 60%, 0.12);
  --el-bg-color-overlay: var(--ele-skin-bg-overlay);
}
html.is-transparent body {
  background: var(--ele-skin-bg-wallpaper);
}

html.is-transparent.dark .ele-admin-layout {
  --ele-header-shadow: 0 0 0 0.8px var(--el-border-color-light), 0 -3px 3px 0 rgba(255, 255, 255, 0.08) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
html.is-transparent.dark .ele-admin-layout {
  --ele-sidebar-shadow: 0 0 0 0.8px var(--el-border-color-extra-light), -3px 3px 3px 0 rgba(255, 255, 255, 0.06) inset, 2px 1px 2px 0 rgba(0, 0, 0, 0.04);
  --ele-sidebar-divider-shadow: 0.8px 0 0 0 rgba(255, 255, 255, 0.08), -0.8px 0 0 0 var(--el-border-color-extra-light), 0 -0.8px 0 0 var(--el-border-color-extra-light), 0 0.8px 0 0 var(--el-border-color-extra-light), 3px 3px 3px 0 rgba(255, 255, 255, 0.06) inset, -2px 1px 2px 0 rgba(0, 0, 0, 0.04);
}
html.is-transparent.dark .ele-card {
  --ele-card-border: 1px solid var(--el-border-color-light);
  --ele-card-none-border: 1px solid var(--el-border-color-lighter);
  --ele-card-none-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.08) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --ele-card-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.08) inset, var(--el-box-shadow-lighter);
  --ele-card-hover-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.08) inset, var(--el-box-shadow);
}
html.is-transparent.dark .ele-tabs-wrap {
  --ele-tab-button-shadow: 0 0 0 0.8px var(--el-border-color-light) inset, 0 3px 3px 0 rgba(255, 255, 255, 0.08) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --ele-tab-button-active-shadow: 0 0 0 0.8px var(--el-border-color) inset, 0 3px 3px 0 rgba(255, 255, 255, 0.08) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
html.is-transparent.dark {
  --el-border-color-darker: rgba(255, 255, 255, 0.3);
  --el-border-color-dark: rgba(255, 255, 255, 0.26);
  --el-border-color: rgba(255, 255, 255, 0.22);
  --el-border-color-light: rgba(255, 255, 255, 0.18);
  --el-border-color-lighter: rgba(255, 255, 255, 0.14);
  --el-border-color-extra-light: rgba(255, 255, 255, 0.1);
  --el-bg-color: hsla(0, 0%, 0%, 0.68);
  --el-text-color-primary: rgba(255, 255, 255, 0.9);
  --el-text-color-regular: rgba(255, 255, 255, 0.85);
  --el-text-color-secondary: rgba(255, 255, 255, 0.4);
  --el-text-color-placeholder: rgba(255, 255, 255, 0.3);
  --el-text-color-disabled: rgba(255, 255, 255, 0.28);
}

/* 主题抽屉常用布局封面修改 */
html.is-transparent .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark,
html.ele-theme-simple .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark,
html.ele-theme-simple-dark .ele-setting-layout-list .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark {
  background: var(--el-bg-color);
}
html.is-transparent .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + div,
html.ele-theme-simple .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + div,
html.ele-theme-simple-dark .ele-setting-layout-list .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + div {
  border-left: 1px solid var(--el-border-color-lighter);
}
html.is-transparent .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + .ele-setting-layout-cover-bg-light:not(.ele-setting-layout-cover-border-lighter),
html.ele-theme-simple .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + .ele-setting-layout-cover-bg-light:not(.ele-setting-layout-cover-border-lighter),
html.ele-theme-simple-dark .ele-setting-layout-list .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + .ele-setting-layout-cover-bg-light:not(.ele-setting-layout-cover-border-lighter) {
  border-top: 1px solid var(--el-border-color-lighter);
}
html.is-transparent .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-primary,
html.ele-theme-simple .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-primary,
html.ele-theme-simple-dark .ele-setting-layout-list .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-primary {
  background: var(--el-bg-color);
  border-bottom: 1px solid var(--el-border-color-lighter);
}

html.is-transparent .ele-setting-layout-list .ele-setting-layout-item-cover {
  background: var(--el-fill-color-extra-light);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 简约主题(css-var 模式) */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 聊天主题变量 */
/* 可选卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 地图位置选择器主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表单主题变量 */
/* 表单构建器主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 步骤条主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 时间线主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.ele-theme-simple .el-popper {
  --ele-popper-arrow-bg: transparent;
  --ele-popper-arrow-shadow: none;
}
html.ele-theme-simple .el-popper.is-dark {
  --ele-tooltip-color: var(--el-text-color-primary);
  --ele-tooltip-padding: 4px 12px;
  --ele-tooltip-bg: var(--el-bg-color-overlay);
  --ele-tooltip-shadow: var(--ele-popper-shadow);
  --ele-tooltip-arrow-bg: transparent;
  --ele-tooltip-arrow-shadow: none;
}
html.ele-theme-simple .ele-card {
  --ele-card-radius: 12px;
}
html.ele-theme-simple .ele-chat-wrapper {
  --ele-chat-file-tool-border: none;
  --ele-chat-file-tool-hover-border: none;
  --ele-chat-backbottom-border: none;
}
html.ele-theme-simple .ele-modal {
  --ele-modal-radius: 12px;
}
html.ele-theme-simple .el-popper {
  --ele-popper-arrow-bg: transparent;
  --ele-popper-arrow-shadow: none;
}
html.ele-theme-simple .el-popper.is-dark,
html.ele-theme-simple .ele-tooltip {
  --ele-tooltip-color: var(--el-text-color-primary);
  --ele-tooltip-padding: 4px 12px;
  --ele-tooltip-bg: var(--el-bg-color-overlay);
  --ele-tooltip-shadow: var(--ele-popper-shadow);
  --ele-tooltip-arrow-bg: transparent;
  --ele-tooltip-arrow-shadow: none;
}
html.ele-theme-simple .ele-tooltip.is-light {
  --ele-tooltip-light-arrow-bg: transparent;
  --ele-tooltip-light-arrow-shadow: none;
}
html.ele-theme-simple {
  --el-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08), 0 0 0 0.6px var(--el-border-color-extra-light);
  --el-box-shadow-light: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08), 0 0 0 0.6px var(--el-border-color-extra-light);
  --el-box-shadow-lighter: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08), 0 0 0 0.6px var(--el-border-color-extra-light);
}
html.ele-theme-simple .el-overlay > .el-overlay-dialog > .el-dialog {
  --el-dialog-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
}
html.ele-theme-simple body {
  background: repeating-linear-gradient(103deg, #e5f4fc 3%, #eaf4fc 10%, #ece5f9 30%, #eaf5fb 50%);
}
html.ele-theme-simple .ele-pro-layout {
  --ele-layout-bg: transparent;
  --ele-layout-button-tab-page-pt: 12px;
  --ele-header-bg: transparent;
  --ele-header-height: 52px;
  --ele-header-line-color: transparent;
  --ele-header-shadow: none;
  --ele-header-ghost-bg: transparent;
  --ele-sidebar-bg: transparent;
  --ele-sidebar-shadow: none;
  --ele-sidebar-mobile-bg: #e9edf7;
  --ele-sidebar-ghost-bg: transparent;
  --ele-sidebar-collapse-width: 60px;
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-header, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-header {
  backdrop-filter: blur(48px);
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-side, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-side {
  --el-fill-color-light: var(--ele-header-tool-hover-bg);
  --ele-header-line-color: rgba(0, 0, 0, 0.04);
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar .ele-menu {
  --ele-menu-child-bg: transparent;
  --ele-menu-item-active-bg: linear-gradient(160deg, var(--el-color-primary-light-7) -8%, var(--el-color-primary-light-9) 28%, #fff 36%, var(--el-color-primary-light-9) 66%, var(--el-color-primary-light-7) 126%);
  --ele-menu-arrow-size: 12px;
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox {
  backdrop-filter: blur(80px);
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox .ele-menu, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox .ele-menu {
  --ele-menu-item-active-bg: linear-gradient(160deg, var(--el-color-primary-light-7) -8%, var(--el-color-primary-light-9) 28%, #fff 36%, var(--el-color-primary-light-9) 66%, var(--el-color-primary-light-7) 126%);
  --ele-menu-compact-item-padding: 10px 0;
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  backdrop-filter: blur(8px);
  --ele-tab-height: 38px;
  --ele-tab-button-padding: 4px;
  --ele-tab-button-space: 12px;
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-header.is-ghost + .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:first-child, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-header.is-ghost + .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:first-child {
  padding-top: 6px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 简约主题暗黑(css-var 模式) */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 聊天主题变量 */
/* 可选卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 地图位置选择器主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表单主题变量 */
/* 表单构建器主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 步骤条主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 时间线主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.ele-theme-simple-dark .ele-admin-layout {
  --ele-menu-thumb-color: #2d313a;
  --ele-menu-thumb-hover-color: #41444a;
}
html.ele-theme-simple-dark {
  --ele-scrollbar-color: #2d313a;
  --ele-scrollbar-hover-color: #41444a;
}
html.ele-theme-simple-dark .el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
  --ele-popper-arrow-bg: transparent;
  --ele-popper-arrow-shadow: none;
}
html.ele-theme-simple-dark .el-popper.is-dark {
  --ele-tooltip-padding: 4px 12px;
  --ele-tooltip-bg: var(--el-bg-color-overlay);
  --ele-tooltip-shadow: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
  --ele-tooltip-arrow-bg: transparent;
  --ele-tooltip-arrow-shadow: none;
}
html.ele-theme-simple-dark .ele-card {
  --ele-card-radius: 12px;
}
html.ele-theme-simple-dark .ele-chat-wrapper {
  --ele-chat-side-bg: var(--el-bg-color-page);
  --ele-chat-file-tool-border: none;
  --ele-chat-file-tool-hover-bg: var(--el-bg-color-overlay);
  --ele-chat-file-tool-hover-border: none;
  --ele-chat-backbottom-border: none;
  --ele-chat-backbottom-hover-bg: var(--el-bg-color-overlay);
}
html.ele-theme-simple-dark .ele-drawer {
  --ele-drawer-bg: var(--el-bg-color-overlay);
}
html.ele-theme-simple-dark .ele-image-viewer {
  --ele-image-viewer-tool-bg: hsla(228, 16%, 32%, 0.6);
  --ele-image-viewer-tool-hover-bg: hsla(228, 16%, 32%, 0.8);
  --ele-image-viewer-tool-action-hover-bg: hsla(228, 16%, 32%, 0.4);
}
html.ele-theme-simple-dark .ele-menu > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-thumb-color: #2d313a;
  --ele-menu-thumb-hover-color: #41444a;
}
html.ele-theme-simple-dark .ele-modal {
  --ele-modal-bg: var(--el-bg-color-overlay);
  --ele-modal-radius: 12px;
}
html.ele-theme-simple-dark .ele-segmented {
  --ele-segmented-bg: var(--el-border-color-lighter);
}
html.ele-theme-simple-dark .ele-table-select-popper {
  --ele-table-select-tr-bg: #101622;
}
html.ele-theme-simple-dark .el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
  --ele-popper-arrow-bg: transparent;
  --ele-popper-arrow-shadow: none;
}
html.ele-theme-simple-dark .el-popper.is-dark,
html.ele-theme-simple-dark .ele-tooltip {
  --ele-tooltip-padding: 4px 12px;
  --ele-tooltip-bg: var(--el-bg-color-overlay);
  --ele-tooltip-shadow: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
  --ele-tooltip-arrow-bg: transparent;
  --ele-tooltip-arrow-shadow: none;
}
html.ele-theme-simple-dark .ele-tooltip.is-light {
  --ele-tooltip-light-shadow: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
  --ele-tooltip-light-arrow-bg: transparent;
  --ele-tooltip-light-arrow-shadow: none;
}
html.ele-theme-simple-dark .ele-upload-list {
  --ele-upload-list-tool-bg: hsla(228, 16%, 32%, 0.8);
  --ele-upload-list-tool-hover-bg: hsla(228, 16%, 32%, 0.8);
  --ele-upload-list-progress-tool-bg: hsla(228, 16%, 32%, 0.4);
  --ele-upload-list-progress-tool-hover-bg: hsla(228, 16%, 32%, 0.8);
}
html.ele-theme-simple-dark .ele-viewer {
  --ele-viewer-bg: radial-gradient(#3c4e6c 8%, #101622 8%) center/16px 16px repeat;
}
html.ele-theme-simple-dark {
  --el-color-info: #336fc3;
  --el-color-info-light-3: #2a548f;
  --el-color-info-light-5: #24426c;
  --el-color-info-light-7: #1d2f49;
  --el-color-info-light-8: #1a2637;
  --el-color-info-light-9: #171d26;
  --el-color-info-dark-2: #5c8ccf;
  --el-border-color-darker: #3f4f67;
  --el-border-color-dark: #36465e;
  --el-border-color: #2e3c51;
  --el-border-color-light: #2b3749;
  --el-border-color-lighter: #282c42;
  --el-border-color-extra-light: #171b29;
  --el-fill-color-darker: #3f4461;
  --el-fill-color-dark: #32364f;
  --el-fill-color: #282c42;
  --el-fill-color-light: #1f2533;
  --el-fill-color-lighter: #181f2f;
  --el-fill-color-extra-light: #171b29;
  --el-bg-color: #101622;
  --el-bg-color-page: #06080d;
  --el-bg-color-overlay: linear-gradient(180deg, #171b29, #101622);
  --el-box-shadow: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
  --el-box-shadow-light: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
  --el-box-shadow-lighter: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
}
html.ele-theme-simple-dark body {
  background: linear-gradient(270deg, #06080d, #0d121c);
}
html.ele-theme-simple-dark .ele-pro-layout {
  --ele-layout-bg: transparent;
  --ele-layout-button-tab-page-pt: 12px;
  --ele-header-bg: transparent;
  --ele-header-height: 52px;
  --ele-header-line-color: transparent;
  --ele-header-shadow: none;
  --ele-header-ghost-bg: transparent;
  --ele-sidebar-bg: transparent;
  --ele-sidebar-shadow: none;
  --ele-sidebar-mobile-bg: #101622;
  --ele-sidebar-ghost-bg: transparent;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-header, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header {
  backdrop-filter: blur(48px);
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-side, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side {
  --el-fill-color-light: var(--ele-header-tool-hover-bg);
  --ele-header-line-color: #171b29;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar .ele-menu {
  --ele-menu-child-bg: transparent;
  --ele-menu-item-active-bg: linear-gradient(160deg, var(--el-color-primary-light-7) -8%, var(--el-color-primary-light-9) 28%, #101622 36%, var(--el-color-primary-light-9) 66%, var(--el-color-primary-light-7) 126%);
  --ele-menu-arrow-size: 12px;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox {
  backdrop-filter: blur(80px);
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox .ele-menu, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox .ele-menu {
  --ele-menu-item-active-bg: linear-gradient(160deg, var(--el-color-primary-light-7) -8%, var(--el-color-primary-light-9) 28%, #101622 36%, var(--el-color-primary-light-9) 66%, var(--el-color-primary-light-7) 126%);
  --ele-menu-compact-item-padding: 10px 0;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  backdrop-filter: blur(8px);
  --ele-tab-height: 38px;
  --ele-tab-button-padding: 4px;
  --ele-tab-button-space: 12px;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-header > .ele-admin-tabs, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header > .ele-admin-tabs, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  --ele-tab-button-bg: #101421;
  --ele-tab-button-hover-bg: #101622;
  --ele-tab-button-active-bg: #101622;
  --ele-tab-button-active-shadow: 0 0 0 0.4px #282c42;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-header.is-ghost + .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:first-child, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header.is-ghost + .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:first-child {
  padding-top: 6px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 现代主题(css-var 模式) */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 聊天主题变量 */
/* 可选卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 地图位置选择器主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表单主题变量 */
/* 表单构建器主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 步骤条主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 时间线主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.ele-theme-modern .ele-admin-layout {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.6);
  --ele-menu-dark-thumb-hover-color: #fff;
}
html.ele-theme-modern .ele-card {
  --ele-card-radius: 12px;
  --ele-card-none-border: 1px solid var(--el-border-color-extra-light);
  --ele-card-none-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.04);
}
html.ele-theme-modern .ele-menu.ele-menu-dark > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.6);
  --ele-menu-dark-thumb-hover-color: #fff;
}
html.ele-theme-modern .ele-modal {
  --ele-modal-radius: 12px;
}
html.ele-theme-modern .ele-pro-layout {
  padding: 0 8px 8px 0;
  background: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-layout-bg: #fff;
  --ele-layout-button-tab-page-pt: 12px;
  --ele-header-bg: var(--ele-layout-bg);
  --ele-header-height: 46px;
  --ele-header-divider-shadow: none;
  --ele-header-ghost-bg: var(--ele-layout-bg);
  --ele-header-shadow: none;
  --ele-header-primary-bg: var(--el-color-primary-dark-2);
  --ele-header-primary-shadow: none;
  --ele-header-menu-height: 38px;
  --ele-sidebar-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-sidebar-shadow: none;
  --ele-sidebar-divider-shadow: none;
  --ele-sidebar-dark-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-sidebar-ghost-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-sidebar-mobile-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-sidebar-mobile-dark-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-sidebar-dark-shadow: none;
  --ele-sidebar-dark-divider-shadow: -0.8px 0 0 0 rgba(255, 255, 255, 0.16) inset;
  --ele-sidebar-collapse-width: 56px;
}
html.ele-theme-modern .ele-pro-layout.is-row-direction {
  padding-top: 8px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper {
  background: var(--ele-layout-bg);
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-header {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header {
  --ele-header-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-header-dark-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-header-dark-shadow: none;
  --ele-header-primary-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-header-primary-shadow: none;
  --ele-header-ghost-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-primary > .ele-admin-tabs {
  --ele-tab-simple-active-bg: var(--ele-layout-bg);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header > .ele-admin-tools, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-header > .ele-admin-tools {
  --ele-header-tool-height: 38px;
  --ele-header-tool-radius: 38px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox .ele-menu {
  --ele-menu-arrow-margin: 0 -8px 0 6px;
  --ele-menu-padding: 2px 0;
  --ele-menu-child-bg: transparent;
  --ele-menu-dark-child-bg: transparent;
  --ele-menu-item-padding: 8px;
  --ele-menu-item-radius: 20px;
  --ele-menu-item-hover-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-item-focus-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-item-active-line: 0;
  --ele-menu-horizontal-padding: 0 6px;
  --ele-menu-horizontal-item-padding: 12px;
  --ele-menu-horizontal-item-margin: 4px;
  --ele-menu-horizontal-item-radius: 20px;
  --ele-menu-horizontal-hover-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-horizontal-focus-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-horizontal-arrow-margin: 0 -4px 0 4px;
  --ele-menu-horizontal-line-size: 0;
  --ele-menu-colorful-icon-radius: 50%;
  --ele-menu-colorful-icon-size: 22px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-dark .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-primary .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu {
  --ele-menu-item-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-item-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-item-active-color: var(--ele-menu-item-color);
  --ele-menu-item-active-bg: #fff;
  --ele-menu-horizontal-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-active-bg: #fff;
  --ele-menu-horizontal-dark-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-dark-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-dark-active-bg: #fff;
  --ele-menu-dark-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-dark-active-bg: #fff;
  --ele-menu-colorful-dot-color: rgba(255, 255, 255, 0.6);
  --ele-menu-colorful-dot-hover-color: #fff;
  --ele-menu-colorful-dot-active-color: var(--el-color-primary);
  --ele-menu-colorful-dark-dot-color: rgba(255, 255, 255, 0.6);
  --ele-menu-colorful-dark-dot-hover-color: #fff;
  --ele-menu-colorful-dark-dot-active-color: var(--el-color-primary);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-primary .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-primary .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger {
  --el-menu-active-color: var(--el-color-primary);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox {
  --ele-sidebar-divider-shadow: 0 0 0 0.8px rgba(255, 255, 255, 0.16);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox:not(.is-compact) .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox:not(.is-compact) .ele-menu {
  --ele-menu-item-radius: 14px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  --ele-tab-height: 38px;
  --ele-tab-button-padding: 4px;
  --ele-tab-button-space: 12px;
  --ele-tab-button-shadow: 0 0 0 0.8px var(--el-border-color-lighter) inset, 0 0 4px 1px rgba(0, 0, 0, 0.04);
  --ele-tab-button-active-shadow: 0 0 0 0.8px var(--el-border-color) inset, 0 0 4px 1px rgba(0, 0, 0, 0.04);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side + .ele-admin-body > .ele-admin-tabs, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-body:first-child > .ele-admin-tabs, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper:first-child {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-header + .ele-admin-body > .ele-admin-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-header.is-primary > .ele-admin-tabs {
  --ele-tab-simple-active-bg: var(--ele-layout-bg);
}
html.ele-theme-modern .ele-pro-layout.is-top-layout {
  padding-left: 8px;
}
html.ele-theme-modern .ele-pro-layout.is-mobile {
  padding-left: 8px;
}
html.ele-theme-modern .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-modern .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebar {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
html.ele-theme-modern .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox + .ele-admin-sidebar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 现代主题暗黑(css-var 模式) */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 聊天主题变量 */
/* 可选卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 地图位置选择器主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表单主题变量 */
/* 表单构建器主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 步骤条主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 时间线主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.ele-theme-modern-dark .ele-admin-layout {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.6);
  --ele-menu-dark-thumb-hover-color: #fff;
}
html.ele-theme-modern-dark .ele-card {
  --ele-card-radius: 12px;
  --ele-card-none-border: 1px solid var(--el-border-color-extra-light);
  --ele-card-none-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.42);
  --ele-card-shadow: var(--el-box-shadow);
}
html.ele-theme-modern-dark .ele-menu.ele-menu-dark > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.6);
  --ele-menu-dark-thumb-hover-color: #fff;
}
html.ele-theme-modern-dark .ele-modal {
  --ele-modal-radius: 12px;
}
html.ele-theme-modern-dark .ele-pro-layout {
  padding: 0 8px 8px 0;
  background: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-layout-bg: var(--el-bg-color);
  --ele-layout-button-tab-page-pt: 12px;
  --ele-header-bg: var(--ele-layout-bg);
  --ele-header-height: 46px;
  --ele-header-divider-shadow: none;
  --ele-header-ghost-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-header-shadow: none;
  --ele-header-primary-bg: var(--el-color-primary-light-5);
  --ele-header-primary-shadow: none;
  --ele-header-menu-height: 38px;
  --ele-sidebar-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-sidebar-shadow: none;
  --ele-sidebar-divider-shadow: none;
  --ele-sidebar-dark-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-sidebar-ghost-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-sidebar-mobile-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-sidebar-mobile-dark-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-sidebar-dark-shadow: none;
  --ele-sidebar-dark-line-color: -0.8px 0 0 0 rgba(255, 255, 255, 0.16) inset;
  --ele-sidebar-collapse-width: 56px;
}
html.ele-theme-modern-dark .ele-pro-layout.is-row-direction {
  padding-top: 8px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper {
  background: var(--ele-layout-bg);
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header {
  --ele-header-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-header-dark-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-header-dark-shadow: none;
  --ele-header-primary-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-header-primary-shadow: none;
  --ele-header-ghost-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-primary > .ele-admin-tabs {
  --ele-tab-simple-active-bg: var(--ele-layout-bg);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header > .ele-admin-tools, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header > .ele-admin-tools {
  --ele-header-tool-height: 38px;
  --ele-header-tool-radius: 38px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox .ele-menu {
  --ele-menu-arrow-margin: 0 -8px 0 6px;
  --ele-menu-padding: 2px 0;
  --ele-menu-child-bg: transparent;
  --ele-menu-dark-child-bg: transparent;
  --ele-menu-item-padding: 8px;
  --ele-menu-item-radius: 20px;
  --ele-menu-item-hover-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-item-focus-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-item-active-line: 0;
  --ele-menu-horizontal-padding: 0 6px;
  --ele-menu-horizontal-item-padding: 12px;
  --ele-menu-horizontal-item-margin: 4px;
  --ele-menu-horizontal-item-radius: 20px;
  --ele-menu-horizontal-hover-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-horizontal-focus-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-horizontal-arrow-margin: 0 -4px 0 4px;
  --ele-menu-horizontal-line-size: 0;
  --ele-menu-colorful-icon-radius: 50%;
  --ele-menu-colorful-icon-size: 22px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-dark .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-primary .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu {
  --ele-menu-item-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-item-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-item-active-color: var(--ele-menu-item-color);
  --ele-menu-item-active-bg: #fff;
  --ele-menu-horizontal-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-active-bg: #fff;
  --ele-menu-horizontal-dark-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-dark-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-dark-active-bg: #fff;
  --ele-menu-dark-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-dark-active-bg: #fff;
  --ele-menu-colorful-dot-color: rgba(255, 255, 255, 0.6);
  --ele-menu-colorful-dot-hover-color: #fff;
  --ele-menu-colorful-dot-active-color: var(--el-color-primary);
  --ele-menu-colorful-dark-dot-color: rgba(255, 255, 255, 0.6);
  --ele-menu-colorful-dark-dot-hover-color: #fff;
  --ele-menu-colorful-dark-dot-active-color: var(--el-color-primary);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-primary .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-primary .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger {
  --el-menu-active-color: var(--el-color-primary);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox {
  --ele-sidebar-divider-shadow: 0 0 0 0.8px rgba(255, 255, 255, 0.16);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox:not(.is-compact) .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox:not(.is-compact) .ele-menu {
  --ele-menu-item-radius: 14px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  --ele-tab-height: 38px;
  --ele-tab-button-padding: 4px;
  --ele-tab-button-space: 12px;
  --ele-tab-button-shadow: 0 0 0 0.8px var(--el-border-color-extra-light) inset, 0 0 4px 0 rgba(0, 0, 0, 0.42);
  --ele-tab-button-active-shadow: 0 0 0 0.8px var(--el-border-color-lighter) inset, 0 0 4px 0 rgba(0, 0, 0, 0.42);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side + .ele-admin-body > .ele-admin-tabs, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body:first-child > .ele-admin-tabs, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper:first-child {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header + .ele-admin-body > .ele-admin-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header.is-primary > .ele-admin-tabs {
  --ele-tab-simple-active-bg: var(--ele-layout-bg);
}
html.ele-theme-modern-dark .ele-pro-layout.is-top-layout {
  padding-left: 8px;
}
html.ele-theme-modern-dark .ele-pro-layout.is-mobile {
  padding-left: 8px;
}
html.ele-theme-modern-dark .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-modern-dark .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebar {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
html.ele-theme-modern-dark .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox + .ele-admin-sidebar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 全局样式 */
/** 路由切换动画 */
/* 执行动画时隐藏页脚 */
.fade-enter-active + .ele-footer,
.fade-leave-active + .ele-footer,
.slide-bottom-enter-active + .ele-footer,
.slide-bottom-leave-active + .ele-footer,
.slide-right-leave-active + .ele-footer,
.slide-right-enter-active + .ele-footer,
.zoom-in-enter-active + .ele-footer,
.zoom-in-leave-active + .ele-footer,
.zoom-out-leave-active + .ele-footer,
.zoom-out-enter-active + .ele-footer {
  visibility: hidden;
}
.fade-enter-active *,
.fade-leave-active *,
.slide-bottom-enter-active *,
.slide-bottom-leave-active *,
.slide-right-leave-active *,
.slide-right-enter-active *,
.zoom-in-enter-active *,
.zoom-in-leave-active *,
.zoom-out-leave-active *,
.zoom-out-enter-active * {
  pointer-events: none !important;
}

/* 渐变 */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease-in-out;
}

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

/* 底部消退 */
.slide-bottom-enter-active,
.slide-bottom-leave-active {
  transition: opacity 0.2s ease-out, transform 0.25s ease-out;
}

.slide-bottom-enter-from {
  opacity: 0;
  transform: translateY(-10%);
}

.slide-bottom-leave-to {
  opacity: 0;
  transform: translateY(10%);
}

/* 右侧消退 */
.slide-right-leave-active,
.slide-right-enter-active {
  transition: opacity 0.2s ease-out, transform 0.25s ease-out;
}

.slide-right-enter-from {
  opacity: 0;
  transform: translateX(-60px);
}

.slide-right-leave-to {
  opacity: 0;
  transform: translateX(60px);
}

/* 放大渐变 */
.zoom-in-enter-active,
.zoom-in-leave-active {
  transition: opacity 0.2s ease-out, transform 0.25s ease-out;
}

.zoom-in-enter-from {
  opacity: 0;
  transform: scale(0.8);
}

.zoom-in-leave-to {
  opacity: 0;
  transform: scale(1.2);
}

/* 缩小渐变 */
.zoom-out-leave-active,
.zoom-out-enter-active {
  transition: opacity 0.2s ease-out, transform 0.25s ease-out;
}

.zoom-out-enter-from {
  opacity: 0;
  transform: scale(1.2);
}

.zoom-out-leave-to {
  opacity: 0;
  transform: scale(0.8);
}

/** 布局样式 */
/* 全局页脚 */
.ele-footer {
  padding: 16px 0;
  text-align: center;
}
.ele-footer a {
  transition: color 0.2s;
  --el-text-color-regular: var(--el-text-color-placeholder);
}
.ele-footer > div + div {
  margin-top: 8px;
  word-break: break-all;
}

/* 退出内容全屏按钮 */
.ele-layout-fullscreen-icon {
  width: 28px;
  height: 28px;
  color: #fff;
  font-size: 15px;
  border-radius: 0 0 0 100%;
  background: hsla(0, 0%, 40%, 0.8);
  box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.6);
  justify-content: flex-end;
  align-items: flex-start;
  padding: 4px 4px 0 0;
  box-sizing: border-box;
  transition: all 0.3s;
  z-index: 180;
  position: fixed;
  top: 0;
  right: 0;
  cursor: pointer;
}
.ele-layout-fullscreen-icon:hover {
  background: hsla(0, 0%, 60%, 0.8);
}

/* 顶栏暗黑主题切换开关 */
.ele-dark-switch {
  padding: 0 6px;
  position: relative;
}
.ele-dark-switch .el-switch {
  height: 22px;
  line-height: 22px;
  position: static;
}
.ele-dark-switch .el-switch .el-switch__core {
  --el-switch-off-color: var(--el-border-color-extra-light);
  --el-switch-on-color: var(--el-fill-color);
  height: 22px;
  border-radius: 11px;
  border: 1px solid var(--el-border-color);
}
.ele-dark-switch .el-switch .el-switch__core .el-switch__action {
  color: var(--el-text-color-regular);
  background: var(--el-bg-color);
  width: 18px;
  height: 18px;
  font-size: 12px;
  left: 1.35px;
}
.ele-dark-switch .el-switch.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 19.35px);
}
.ele-dark-switch .el-switch::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* 暗色和主色顶栏下暗黑主题切换开关颜色调整 */
.ele-admin-header.is-dark .ele-dark-switch .el-switch .el-switch__core,
.ele-admin-header.is-primary .ele-dark-switch .el-switch .el-switch__core {
  border: none;
  background: rgba(255, 255, 255, 0.38);
}
.ele-admin-header.is-dark .ele-dark-switch .el-switch .el-switch__core .el-switch__action,
.ele-admin-header.is-primary .ele-dark-switch .el-switch .el-switch__core .el-switch__action {
  left: 2.65px;
}
.ele-admin-header.is-dark .ele-dark-switch .el-switch.is-checked .el-switch__core .el-switch__action,
.ele-admin-header.is-primary .ele-dark-switch .el-switch.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 20px);
}

.ele-admin-header.is-dark .ele-dark-switch .el-switch .el-switch__core {
  background: rgba(255, 255, 255, 0.2);
}

/* 主色顶栏 logo 增加白色滤镜 */
.ele-admin-header.is-primary .ele-admin-logo img {
  filter: contrast(0%) brightness(1000%);
}

/* 卡片风格布局 */
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-header {
  border-radius: 8px;
  margin: 16px 16px 0 16px;
}
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-header.show-divider {
  border-radius: 8px 8px 0 0;
}
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs:not(.is-button) {
  border-radius: 0 0 8px 8px;
  width: calc(100% - 32px);
  margin-right: auto;
  margin-left: auto;
}
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-admin-iframe-wrap {
  left: 16px;
  right: 16px;
  bottom: 16px;
  border-radius: 8px;
}
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-bottom-bar {
  border-radius: 8px;
  width: calc(100% - 32px);
  margin-right: auto;
  margin-left: auto;
  bottom: 16px;
}
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-header.is-primary > .ele-admin-tabs.is-simple, .layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-header.is-primary > .ele-admin-tabs.is-indicator, .layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-header.is-primary > .ele-admin-tabs.is-simple, .layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-header.is-primary > .ele-admin-tabs.is-indicator {
  --ele-tab-simple-active-bg: var(--ele-layout-bg);
}
.layout-card-style.ele-admin-layout.ele-pro-layout.layout-mix-card-style > .ele-admin-side > .ele-admin-sidebox.show-divider {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.layout-card-style.ele-admin-layout.ele-pro-layout.layout-mix-card-style > .ele-admin-side > .ele-admin-sidebox + .ele-admin-sidebar {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.layout-card-style.ele-admin-layout.ele-pro-layout.layout-mix-card-style > .ele-admin-side > .ele-admin-sidebar:first-child {
  margin-left: 16px;
}

/* 主题抽屉去掉遮罩层 */
body .ele-setting-drawer {
  background: none;
  pointer-events: none;
}
body .ele-setting-drawer > .el-drawer {
  pointer-events: auto;
  overflow: visible;
}
body .ele-setting-drawer .ele-drawer-close::after {
  content: "";
  position: absolute;
  top: calc(50vh - 18px);
  left: -36px;
  width: 36px;
  height: 36px;
  border-radius: 8px 0 0 8px;
  background-color: var(--el-color-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M10 10 38 38M10 38 38 10' stroke='%23FFF' stroke-width='4'/%3E%3C/svg%3E");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-color 0.2s;
}
body .ele-setting-drawer .ele-drawer-close:hover::after {
  background-color: var(--el-color-primary-light-3);
}

/* 顶栏菜单搜索 */
.ele-layout-menu-search {
  width: 148px;
  margin-right: 6px;
  --ele-input-radius: 32px;
}
.ele-layout-menu-search .el-select__suffix > .el-icon.el-select__icon {
  width: auto;
  height: 15px;
  padding: 0 2px;
  font-size: 12px;
  font-style: normal;
  color: var(--el-text-color-placeholder);
  border-radius: var(--el-border-radius-base);
  border: 1px solid var(--el-border-color-light);
  background: var(--el-fill-color-light);
  transform: none;
}

.ele-layout-menu-search-item {
  width: 100%;
  line-height: 1.2;
  display: flex;
  align-items: center;
}
.ele-layout-menu-search-item > img, .ele-layout-menu-search-item > .ele-layout-menu-search-item-icon {
  font-size: 16px;
  margin-right: 12px;
  transition: color 0.2s;
}
.ele-layout-menu-search-item .ele-layout-menu-search-item-body {
  flex: 1;
  overflow: hidden;
}
.ele-layout-menu-search-item .ele-layout-menu-search-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: color 0.2s;
}
.ele-layout-menu-search-item .ele-layout-menu-search-item-path {
  font-size: var(--el-font-size-extra-small);
  color: var(--el-text-color-secondary);
  margin-left: 6px;
  transition: color 0.2s;
}
.ele-layout-menu-search-item .ele-layout-menu-search-item-text {
  font-size: var(--el-font-size-extra-small);
  color: var(--el-text-color-placeholder);
  margin-top: 8px;
  transition: color 0.2s;
}
.ele-layout-menu-search-item .ele-layout-menu-search-item-suffix {
  font-size: var(--el-font-size-small);
  margin: 16px 0 0 -10px;
  visibility: hidden;
}

.ele-layout-menu-search-popper {
  min-width: 336px;
  padding: 8px 0;
  --ele-select-item-height: 58px;
  --ele-select-item-radius: var(--el-border-radius-base);
  --ele-select-item-margin: 6px;
  --ele-select-padding: 0 8px;
}
.ele-layout-menu-search-popper .el-select-dropdown__wrap {
  max-height: 506px;
}
.ele-layout-menu-search-popper .el-select-dropdown__item {
  border: 1px solid var(--el-border-color-light);
}
.ele-layout-menu-search-popper .el-select-dropdown__item.is-hovering {
  background: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-5);
}
.ele-layout-menu-search-popper .el-select-dropdown__item.is-hovering > .ele-layout-menu-search-item {
  color: var(--el-color-primary);
}
.ele-layout-menu-search-popper .el-select-dropdown__item.is-hovering > .ele-layout-menu-search-item .ele-layout-menu-search-item-text,
.ele-layout-menu-search-popper .el-select-dropdown__item.is-hovering > .ele-layout-menu-search-item .ele-layout-menu-search-item-path {
  color: var(--el-color-primary-light-5);
}
.ele-layout-menu-search-popper .el-select-dropdown__item.is-hovering > .ele-layout-menu-search-item .ele-layout-menu-search-item-suffix {
  visibility: visible;
}

.ele-admin-header.is-primary .ele-layout-menu-search,
.ele-admin-header.is-dark .ele-layout-menu-search {
  --ele-input-border: 1px solid rgba(255, 255, 255, 0.6);
  --ele-input-hover-border: 1px solid #fff;
  --ele-input-focus-border: 1px solid #fff;
  --ele-input-focus-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
  --el-text-color-placeholder: rgba(255, 255, 255, 0.68);
  --el-text-color-regular: #fff;
  --el-fill-color-light: rgba(255, 255, 255, 0.08);
  --el-border-color-light: rgba(255, 255, 255, 0.48);
}

/* 主题配置提示 */
.ele-theme-setting-tip {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  pointer-events: none;
}
.ele-theme-setting-tip > div {
  position: absolute;
  top: 36px;
  right: -10px;
  height: 34px;
  width: 152px;
  border-radius: 8px;
  box-sizing: border-box;
  background: var(--el-bg-color);
  box-shadow: var(--el-box-shadow-light);
  line-height: 18px;
  font-size: 13px;
  color: var(--el-text-color-primary);
  padding: 8px 8px 0 14px;
}
.ele-theme-setting-tip > div > svg {
  position: absolute;
  inset: 0;
}

* {
  outline: none;
}

html {
  overflow-x: hidden;
  height: 100%;
}

body {
  margin: 0;
  line-height: 1.58;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  font-family: var(--el-font-family);
  background: var(--el-bg-color-page);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

/* 按钮加图标减少间距 */
.ele-btn-icon.el-button,
.ele-btn-icon.el-button.is-round {
  padding-left: 12px;
  padding-right: 12px;
}
.ele-btn-icon.el-button > .el-icon,
.ele-btn-icon.el-button.is-round > .el-icon {
  margin-left: -2px;
  margin-right: -2px;
}
.ele-btn-icon.el-button.el-button--small,
.ele-btn-icon.el-button.is-round.el-button--small {
  padding-left: 6px;
  padding-right: 6px;
}
.ele-btn-icon.el-button.el-button--large,
.ele-btn-icon.el-button.is-round.el-button--large {
  padding-left: 16px;
  padding-right: 16px;
}

/* 级联选择器增加高度 */
.ele-popper-higher .el-cascader-menu__wrap.el-scrollbar__wrap {
  height: 280px;
}

/* 间距组件样式优化 */
.el-space--horizontal > .el-space__item:last-child {
  margin-right: 0 !important;
}

.el-space--vertical > .el-space__item:last-child {
  padding-bottom: 0 !important;
}

/* echarts */
.echarts > div > div {
  max-width: 100%;
  overflow: hidden;
}

/* 小屏幕时分页去掉一些组件 */
@media screen and (max-width: 767.99px) {
  .ele-pro-table .el-pagination .el-pagination__sizes,
  .ele-pro-table .el-pagination .el-pagination__jump {
    display: none;
  }
}
/* 表单验证气泡形式 */
.pro-form-error-popper.el-form-item > .el-form-item__content > .el-form-item__error {
  position: absolute;
  left: 0;
  top: auto;
  bottom: calc(100% + 3px);
  width: max-content;
  color: #fff;
  font-size: 12px;
  background: var(--el-color-danger);
  transition: all 0.2s;
  padding: 4px 6px;
  border-radius: 3px;
  z-index: 999;
  transform: none;
}
.pro-form-error-popper.el-form-item > .el-form-item__content > .el-form-item__error:after {
  content: "";
  border: 4px solid transparent;
  border-top-color: var(--el-color-danger);
  position: absolute;
  left: 8px;
  bottom: -7px;
}

/* 主题切换过渡 */
::view-transition-old(root),
::view-transition-new(root),
::view-transition-old(body),
::view-transition-new(body) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-new(root),
html.dark::view-transition-old(root),
html.ele-admin-weak::view-transition-old(root),
html.dark.ele-admin-weak::view-transition-new(root),
::view-transition-new(body) {
  z-index: 1;
}

::view-transition-old(root),
html.dark::view-transition-new(root),
html.ele-admin-weak::view-transition-new(root),
html.dark.ele-admin-weak::view-transition-old(root),
::view-transition-old(body) {
  z-index: 2147483646;
}

html.disabled-transition,
html.disabled-transition body,
html.disabled-transition :not(.view-transition-trigger) * {
  transition: none !important;
}

html.disabled-transition {
  background: var(--el-color-primary);
}