pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}
code.hljs {
padding: 3px 5px
}
/*!
Theme: GitHub
Description: Light theme as seen on github.com
Author: github.com
Maintainer: @Hirse
Updated: 2021-05-15
Outdated base version: https://github.com/primer/github-syntax-light
Current colors taken from GitHub's CSS
*/
.hljs {
color: #24292e;
background: #ffffff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
/* prettylights-syntax-keyword */
color: #d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
/* prettylights-syntax-entity */
color: #6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
/* prettylights-syntax-constant */
color: #005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
/* prettylights-syntax-string */
color: #032f62
}
.hljs-built_in,
.hljs-symbol {
/* prettylights-syntax-variable */
color: #e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
/* prettylights-syntax-comment */
color: #6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
/* prettylights-syntax-entity-tag */
color: #22863a
}
.hljs-subst {
/* prettylights-syntax-storage-modifier-import */
color: #24292e
}
.hljs-section {
/* prettylights-syntax-markup-heading */
color: #005cc5;
font-weight: bold
}
.hljs-bullet {
/* prettylights-syntax-markup-list */
color: #735c0f
}
.hljs-emphasis {
/* prettylights-syntax-markup-italic */
color: #24292e;
font-style: italic
}
.hljs-strong {
/* prettylights-syntax-markup-bold */
color: #24292e;
font-weight: bold
}
.hljs-addition {
/* prettylights-syntax-markup-inserted */
color: #22863a;
background-color: #f0fff4
}
.hljs-deletion {
/* prettylights-syntax-markup-deleted */
color: #b31d28;
background-color: #ffeef0
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
/* purposely ignored */
}.auto-textarea-wrapper[data-v-6996134f]{height:100%}.markdown-body strong{font-weight:bolder}.markdown-body .hljs-center{text-align:center}.markdown-body .hljs-right{text-align:right}.markdown-body .hljs-left{text-align:left}@font-face{font-family:fontello;src:url(/assets/fontello-CnWxryRb.eot);src:url(/assets/fontello-CnWxryRb.eot#iefix) format("embedded-opentype"),url(/assets/fontello-BJkOxCgW.woff2) format("woff2"),url(/assets/fontello-BEgLts9b.woff) format("woff"),url(/assets/fontello-B1X0PDnA.ttf) format("truetype"),url(/assets/fontello-D1IAoY08.svg#fontello) format("svg");font-weight:400;font-style:normal}[class*=" fa-mavon-"]:before,[class^=fa-mavon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-mavon-bold:before{content:"\e800"}.fa-mavon-italic:before{content:"\e801"}.fa-mavon-thumb-tack:before{content:"\e802"}.fa-mavon-link:before{content:"\e803"}.fa-mavon-picture-o:before{content:"\e804"}.fa-mavon-repeat:before{content:"\e805"}.fa-mavon-undo:before{content:"\e806"}.fa-mavon-trash-o:before{content:"\e807"}.fa-mavon-floppy-o:before{content:"\e808"}.fa-mavon-compress:before{content:"\e809"}.fa-mavon-eye:before{content:"\e80a"}.fa-mavon-eye-slash:before{content:"\e80b"}.fa-mavon-question-circle:before{content:"\e80c"}.fa-mavon-times:before{content:"\e80d"}.fa-mavon-align-left:before{content:"\e80f"}.fa-mavon-align-center:before{content:"\e810"}.fa-mavon-align-right:before{content:"\e811"}.fa-mavon-arrows-alt:before{content:"\f0b2"}.fa-mavon-bars:before{content:"\f0c9"}.fa-mavon-list-ul:before{content:"\f0ca"}.fa-mavon-list-ol:before{content:"\f0cb"}.fa-mavon-strikethrough:before{content:"\f0cc"}.fa-mavon-underline:before{content:"\f0cd"}.fa-mavon-table:before{content:"\f0ce"}.fa-mavon-columns:before{content:"\f0db"}.fa-mavon-quote-left:before{content:"\f10d"}.fa-mavon-code:before{content:"\f121"}.fa-mavon-superscript:before{content:"\f12b"}.fa-mavon-subscript:before{content:"\f12c"}.fa-mavon-header:before{content:"\f1dc"}.fa-mavon-window-maximize:before{content:"\f2d0"}:root{--vxe-font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;--vxe-font-size:14px;--vxe-font-size-medium:14px;--vxe-font-size-small:13px;--vxe-font-size-mini:12px;--vxe-border-radius:4px;--vxe-icon-font-family:Verdana,Arial,Tahoma;--vxe-icon-background-color:#fff;--vxe-font-color:#606266;--vxe-primary-color:#409eff;--vxe-success-color:#67c23a;--vxe-info-color:#909399;--vxe-warning-color:#e6a23c;--vxe-danger-color:#f56c6c;--vxe-font-lighten-color:#797b80;--vxe-primary-lighten-color:#73b8ff;--vxe-success-lighten-color:#85cf60;--vxe-info-lighten-color:#abadb1;--vxe-warning-lighten-color:#ecb869;--vxe-danger-lighten-color:#f89c9c;--vxe-font-darken-color:#47494c;--vxe-primary-darken-color:#0d84ff;--vxe-success-darken-color:#529b2e;--vxe-info-darken-color:#767980;--vxe-warning-darken-color:#d48a1b;--vxe-danger-darken-color:#f23c3c;--vxe-font-disabled-color:#bfbfbf;--vxe-primary-disabled-color:#a6d2ff;--vxe-success-disabled-color:#a3db87;--vxe-info-disabled-color:#c5c7ca;--vxe-warning-disabled-color:#f2cd96;--vxe-danger-disabled-color:#fbcccc;--vxe-input-border-color:#dcdfe6;--vxe-input-disabled-color:#dcdfe6;--vxe-input-disabled-background-color:#f3f3f3;--vxe-input-placeholder-color:#c0c4cc;--vxe-table-popup-border-color:#dadce0;--vxe-table-header-font-color:#606266;--vxe-table-footer-font-color:#606266;--vxe-table-border-radius:4px;--vxe-table-border-width:1px;--vxe-table-border-color:#e8eaec;--vxe-table-resizable-line-color:#d9dddf;--vxe-table-resizable-drag-line-color:#409eff;--vxe-table-header-background-color:#f8f8f9;--vxe-table-body-background-color:#fff;--vxe-table-footer-background-color:#fff;--vxe-table-tree-node-line-color:#909399;--vxe-table-tree-node-line-style:dotted;--vxe-table-header-font-weight:700;--vxe-table-row-height-default:48px;--vxe-table-row-height-medium:44px;--vxe-table-row-height-small:40px;--vxe-table-row-height-mini:36px;--vxe-table-row-line-height:22px;--vxe-table-row-hover-background-color:#f5f7fa;--vxe-table-row-striped-background-color:#fafafa;--vxe-table-row-hover-striped-background-color:#f5f7fa;--vxe-table-row-radio-checked-background-color:#fff3e0;--vxe-table-row-hover-radio-checked-background-color:#ffebbc;--vxe-table-row-checkbox-checked-background-color:#fff3e0;--vxe-table-row-hover-checkbox-checked-background-color:#ffebbc;--vxe-table-row-current-background-color:#e6f7ff;--vxe-table-row-hover-current-background-color:#d7effb;--vxe-table-column-padding-default:13px 0;--vxe-table-column-padding-medium:11px 0;--vxe-table-column-padding-small:9px 0;--vxe-table-column-padding-mini:7px 0;--vxe-table-column-hover-background-color:#d7effb;--vxe-table-column-current-background-color:#e6f7ff;--vxe-table-column-icon-border-color:#c0c4cc;--vxe-table-column-icon-border-hover-color:#515a6e;--vxe-table-cell-placeholder-color:#c0c4cc;--vxe-table-cell-padding-left:10px;--vxe-table-cell-padding-right:10px;--vxe-table-cell-input-height-default:42px;--vxe-table-cell-input-height-medium:38px;--vxe-table-cell-input-height-small:34px;--vxe-table-cell-input-height-mini:30px;--vxe-table-cell-dirty-width:5px;--vxe-table-cell-dirty-update-color:#f56c6c;--vxe-table-cell-dirty-insert-color:#19a15f;--vxe-table-cell-area-border-color:#409eff;--vxe-table-cell-area-border-width:1px;--vxe-table-cell-main-area-extension-border-color:#fff;--vxe-table-cell-main-area-extension-background-color:#409eff;--vxe-table-cell-extend-area-border-width:2px;--vxe-table-cell-copy-area-border-width:3px;--vxe-table-cell-active-area-border-width:2px;--vxe-table-cell-copy-area-border-color:#409eff;--vxe-table-cell-extend-area-border-color:#409eff;--vxe-table-cell-active-area-border-color:#409eff;--vxe-table-cell-area-background-color:rgba(64,158,255,.2);--vxe-table-checkbox-range-border-width:1px;--vxe-table-checkbox-range-border-color:#006af1;--vxe-table-checkbox-range-background-color:rgba(50,128,252,.2);--vxe-table-fixed-left-scrolling-box-shadow:8px 0px 10px -5px rgba(0,0,0,.12);--vxe-table-fixed-right-scrolling-box-shadow:-8px 0px 10px -5px rgba(0,0,0,.12);--vxe-table-filter-panel-background-color:#fff;--vxe-table-menu-item-width:178px;--vxe-table-menu-background-color:#fff;--vxe-loading-color:#409eff;--vxe-loading-background-color:hsla(0,0%,100%,.5);--vxe-loading-z-index:999;--vxe-table-validate-error-color:#f56c6c;--vxe-table-validate-error-background-color:#fff;--vxe-grid-maximize-background-color:#fff;--vxe-toolbar-background-color:#fff;--vxe-toolbar-custom-active-background-color:#d9dadb;--vxe-toolbar-panel-background-color:#fff;--vxe-tooltip-dark-color:#fff;--vxe-tooltip-dark-background-color:#303133;--vxe-tooltip-light-background-color:#fff;--vxe-pager-background-color:#fff;--vxe-pager-perfect-background-color:#fff;--vxe-pager-perfect-button-background-color:#f4f4f5;--vxe-modal-header-background-color:#f8f8f8;--vxe-modal-body-background-color:#fff;--vxe-modal-border-color:#ebeef5;--vxe-checkbox-font-size-default:15px;--vxe-checkbox-font-size-medium:14px;--vxe-checkbox-font-size-small:13px;--vxe-checkbox-font-size-mini:12px;--vxe-checkbox-checked-width:0.32em;--vxe-checkbox-checked-height:0.64em;--vxe-checkbox-indeterminate-width:0.6em;--vxe-checkbox-indeterminate-height:2px;--vxe-checkbox-border-width:2px;--vxe-checkbox-border-radius:2px;--vxe-checkbox-icon-background-color:#fff;--vxe-checkbox-checked-icon-border-color:#fff;--vxe-checkbox-indeterminate-icon-background-color:#fff;--vxe-radio-font-size-default:15px;--vxe-radio-font-size-medium:14px;--vxe-radio-font-size-small:13px;--vxe-radio-font-size-mini:12px;--vxe-radio-border-width:2px;--vxe-radio-icon-background-color:#fff;--vxe-radio-checked-icon-background-color:#fff;--vxe-radio-indeterminate-icon-background-color:#fff;--vxe-radio-button-default-background-color:#fff;--vxe-button-max-width:500px;--vxe-button-default-background-color:#fff;--vxe-button-dropdown-panel-background-color:#fff;--vxe-button-height-default:34px;--vxe-button-height-medium:32px;--vxe-button-height-small:30px;--vxe-button-height-mini:28px;--vxe-button-round-border-radius-default:17px;--vxe-button-round-border-radius-medium:16px;--vxe-button-round-border-radius-small:15px;--vxe-button-round-border-radius-mini:14px;--vxe-input-background-color:#fff;--vxe-input-panel-background-color:#fff;--vxe-input-number-disabled-color:#e4e7ed;--vxe-input-date-festival-color:#999;--vxe-input-date-festival-important-color:#409eff;--vxe-input-date-notice-background-color:red;--vxe-input-date-picker-hover-background-color:#f2f6fc;--vxe-input-date-picker-selected-color:#fff;--vxe-input-date-time-confirm-button-color:#fff;--vxe-input-date-picker-festival-selected-color:#fff;--vxe-input-date-picker-notice-selected-background-color:#fff;--vxe-input-date-extra-color:#67c23a;--vxe-input-date-extra-important-color:#fd2222;--vxe-input-date-title-height-default:30px;--vxe-input-date-title-height-medium:29px;--vxe-input-date-title-height-small:28px;--vxe-input-date-title-height-mini:26px;--vxe-input-date-time-week-row-height-default:38px;--vxe-input-date-time-week-row-height-medium:36px;--vxe-input-date-time-week-row-height-small:34px;--vxe-input-date-time-week-row-height-mini:32px;--vxe-input-date-month-year-row-height-default:48px;--vxe-input-date-month-year-row-height-medium:46px;--vxe-input-date-month-year-row-height-small:44px;--vxe-input-date-month-year-row-height-mini:42px;--vxe-input-date-quarter-row-height-default:60px;--vxe-input-date-quarter-row-height-medium:58px;--vxe-input-date-quarter-row-height-small:56px;--vxe-input-date-quarter-row-height-mini:54px;--vxe-input-height-default:34px;--vxe-input-height-medium:32px;--vxe-input-height-small:30px;--vxe-input-height-mini:28px;--vxe-input-count-color:#999;--vxe-input-count-background-color:#fff;--vxe-input-count-error-color:#f56c6c;--vxe-textarea-line-height:1.5715;--vxe-textarea-background-color:#fff;--vxe-form-item-min-height-default:36px;--vxe-form-item-min-height-medium:34px;--vxe-form-item-min-height-small:32px;--vxe-form-item-min-height-mini:30px;--vxe-form-background-color:#fff;--vxe-form-validate-error-color:#f56c6c;--vxe-form-validate-error-background-color:inherit;--vxe-select-option-height-default:30px;--vxe-select-option-height-medium:28px;--vxe-select-option-height-small:26px;--vxe-select-option-height-mini:24px;--vxe-select-option-hover-background-color:#f5f7fa;--vxe-select-panel-background-color:#fff;--vxe-select-empty-color:#c0c4cc;--vxe-optgroup-title-color:#909399;--vxe-switch-font-color:#fff;--vxe-switch-icon-background-color:#fff;--vxe-switch-open-background-color:#409eff;--vxe-switch-close-background-color:rgba(0,0,0,.35);--vxe-switch-disabled-background-color:rgba(0,0,0,.15);--vxe-pulldown-panel-background-color:#fff}[class*=vxe-icon--]{display:inline-block;vertical-align:middle;position:relative;direction:ltr;font-family:var(--vxe-icon-font-family);font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none}[class*=vxe-icon--].rotate45{transform:rotate(45deg)}[class*=vxe-icon--].rotate90{transform:rotate(90deg)}[class*=vxe-icon--].rotate180{transform:rotate(180deg)}.vxe-icon--arrow-bottom,.vxe-icon--arrow-left,.vxe-icon--arrow-right,.vxe-icon--arrow-top,.vxe-icon--calendar,.vxe-icon--caret-bottom,.vxe-icon--caret-left,.vxe-icon--caret-right,.vxe-icon--caret-top,.vxe-icon--check,.vxe-icon--circle-plus,.vxe-icon--close,.vxe-icon--d-arrow-left,.vxe-icon--d-arrow-right,.vxe-icon--dot,.vxe-icon--download,.vxe-icon--edit-outline,.vxe-icon--error,.vxe-icon--eye,.vxe-icon--eye-slash,.vxe-icon--funnel,.vxe-icon--info,.vxe-icon--menu,.vxe-icon--minus,.vxe-icon--more,.vxe-icon--plus,.vxe-icon--print,.vxe-icon--question,.vxe-icon--refresh,.vxe-icon--remove,.vxe-icon--search,.vxe-icon--square,.vxe-icon--success,.vxe-icon--upload,.vxe-icon--warning,.vxe-icon--zoomin,.vxe-icon--zoomout{width:1em;height:1em;line-height:1em}.vxe-icon--arrow-bottom:before,.vxe-icon--arrow-left:before,.vxe-icon--arrow-right:before,.vxe-icon--arrow-top:before,.vxe-icon--calendar:after,.vxe-icon--calendar:before,.vxe-icon--caret-bottom:before,.vxe-icon--caret-left:before,.vxe-icon--caret-right:before,.vxe-icon--caret-top:before,.vxe-icon--check:before,.vxe-icon--circle-plus:after,.vxe-icon--close:before,.vxe-icon--d-arrow-left:after,.vxe-icon--d-arrow-left:before,.vxe-icon--d-arrow-right:after,.vxe-icon--d-arrow-right:before,.vxe-icon--dot:before,.vxe-icon--download:after,.vxe-icon--download:before,.vxe-icon--edit-outline:after,.vxe-icon--edit-outline:before,.vxe-icon--error:after,.vxe-icon--eye-slash:after,.vxe-icon--eye-slash:before,.vxe-icon--eye:before,.vxe-icon--funnel:after,.vxe-icon--funnel:before,.vxe-icon--info:after,.vxe-icon--minus:before,.vxe-icon--more:before,.vxe-icon--plus:before,.vxe-icon--print:after,.vxe-icon--print:before,.vxe-icon--question:after,.vxe-icon--refresh:after,.vxe-icon--refresh:before,.vxe-icon--remove:after,.vxe-icon--search:after,.vxe-icon--search:before,.vxe-icon--square:before,.vxe-icon--success:after,.vxe-icon--upload:after,.vxe-icon--upload:before,.vxe-icon--warning:after,.vxe-icon--zoomin:after,.vxe-icon--zoomin:before,.vxe-icon--zoomout:after,.vxe-icon--zoomout:before{content:"";position:absolute}.vxe-icon--square:before{left:.05em;top:.05em;width:.9em;height:.9em}.vxe-icon--square:before,.vxe-icon--zoomin{border-width:.1em;border-style:solid;border-color:inherit}.vxe-icon--zoomin{background-color:var(--vxe-icon-background-color)}.vxe-icon--zoomin:after,.vxe-icon--zoomin:before{background-color:inherit}.vxe-icon--zoomin:before{left:-.1em;top:.2em;width:1.1em;height:.4em}.vxe-icon--zoomin:after{top:-.1em;left:.2em;width:.4em;height:1.1em}.vxe-icon--zoomout{position:relative}.vxe-icon--zoomout:before{right:0;top:0}.vxe-icon--zoomout:after,.vxe-icon--zoomout:before{width:.7em;height:.7em;border-width:.1em;border-style:solid;border-color:inherit}.vxe-icon--zoomout:after{left:.1em;bottom:.1em;background-color:var(--vxe-icon-background-color)}.vxe-icon--menu:before{content:"";display:inline-block;width:.22em;height:.22em;box-shadow:0 -.36em 0,-.36em -.36em 0,.36em -.36em 0,inset 0 0 0 1em,-.36em 0 0,.36em 0 0,0 .36em 0,-.36em .36em 0,.36em .36em 0;margin:.26em}.vxe-icon--caret-bottom:before,.vxe-icon--caret-left:before,.vxe-icon--caret-right:before,.vxe-icon--caret-top:before{border-width:.4em;border-style:solid;border-color:transparent}.vxe-icon--caret-top:before{left:.1em;bottom:.3em;border-bottom-color:inherit}.vxe-icon--caret-bottom:before{left:.1em;top:.3em;border-top-color:inherit}.vxe-icon--caret-left:before{right:.3em;bottom:.1em;border-right-color:inherit}.vxe-icon--caret-right:before{left:.3em;bottom:.1em;border-left-color:inherit}.vxe-icon--arrow-bottom:before,.vxe-icon--arrow-left:before,.vxe-icon--arrow-right:before,.vxe-icon--arrow-top:before{top:.4em;left:.14em;width:.7em;height:.7em;border-width:.15em;border-style:solid;border-top-color:inherit;border-right-color:inherit;border-bottom-color:transparent;border-left-color:transparent;border-radius:.15em;transform:rotate(-45deg)}.vxe-icon--arrow-bottom:before{top:0;left:.14em;transform:rotate(135deg)}.vxe-icon--arrow-left:before{top:.18em;left:.35em;transform:rotate(-135deg)}.vxe-icon--arrow-right:before{top:.18em;left:0;transform:rotate(45deg)}.vxe-icon--d-arrow-left:before,.vxe-icon--d-arrow-right:before{left:.15em}.vxe-icon--d-arrow-left:after,.vxe-icon--d-arrow-right:after{left:.58em}.vxe-icon--d-arrow-left:after,.vxe-icon--d-arrow-left:before,.vxe-icon--d-arrow-right:after,.vxe-icon--d-arrow-right:before{top:.18em;width:.7em;height:.7em;border-width:.15em;border-style:solid;border-top-color:inherit;border-right-color:transparent;border-bottom-color:transparent;border-left-color:inherit;border-radius:.15em;transform:rotate(-45deg)}.vxe-icon--d-arrow-right:after,.vxe-icon--d-arrow-right:before{transform:rotate(135deg)}.vxe-icon--d-arrow-right:before{left:-.25em}.vxe-icon--d-arrow-right:after{left:.18em}.vxe-icon--funnel:before{top:.05em;left:0;border-width:.5em;border-style:solid;border-top-color:inherit;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.vxe-icon--funnel:after{left:.41em;top:.4em;width:0;height:.5em;border-width:0 .2em 0 0;border-style:solid;border-right-color:inherit}.vxe-icon--edit-outline:before{height:.84em;width:.86em;top:.1em;left:.02em;border-radius:.2em;border-width:.1em;border-style:solid;border-color:inherit}.vxe-icon--edit-outline:after{left:.6em;bottom:.2em;width:0;height:.8em;border-radius:0 0 80% 80%;border-width:0 0 0 .22em;border-style:solid;border-color:inherit;transform:rotate(45deg)}.vxe-icon--more:before{content:"...";top:0;left:.1em;line-height:.5em;font-weight:700}.vxe-icon--plus:before{content:"+";left:-.12em;bottom:-.1em;line-height:1em;font-size:1.6em}.vxe-icon--check:before{left:.25em;bottom:.2em;width:.5em;height:.9em;border-width:.15em;border-style:solid;border-top-color:transparent;border-right-color:inherit;border-bottom-color:inherit;border-radius:.15em;border-left-color:transparent;transform:rotate(45deg)}.vxe-icon--close:before{content:"+";left:-.1em;bottom:-.16em;line-height:1em;font-size:1.8em;transform:rotate(45deg)}.vxe-icon--minus:before{content:"\2500";left:0;bottom:0;width:100%;text-align:center;line-height:.9em;font-size:1.2em}.vxe-icon--refresh{border-width:.1em;border-style:solid;border-radius:50%;border-right-color:transparent!important;border-left-color:transparent!important}.vxe-icon--refresh:before{left:50%;top:0;transform:translateX(50%) rotate(-45deg)}.vxe-icon--refresh:after{right:50%;bottom:0;transform:translateX(-50%) rotate(135deg)}.vxe-icon--refresh:after,.vxe-icon--refresh:before{width:0;height:0;border-width:.25em;border-style:solid;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.vxe-icon--refresh.roll{animation:rollCircle 1s linear infinite}.vxe-icon--circle-plus:before,.vxe-icon--error:before,.vxe-icon--info:before,.vxe-icon--question:before,.vxe-icon--remove:before,.vxe-icon--success:before,.vxe-icon--warning:before{content:"";border-radius:50%;border-width:.5em;border-style:solid;border-color:inherit;position:absolute;top:0;left:0;transform:scale(.95)}.vxe-icon--info:after,.vxe-icon--question:after,.vxe-icon--warning:after{left:0;bottom:0;width:100%;text-align:center;color:var(--vxe-icon-background-color);transform:rotate(-10deg) scale(.75)}.vxe-icon--question:after{content:"?"}.vxe-icon--info:after{content:"¡"}.vxe-icon--warning:after{content:"!"}.vxe-icon--success:after{content:"\2713";left:.25em;bottom:0;color:var(--vxe-icon-background-color);font-size:.65em}.vxe-icon--circle-plus:after{content:"+";line-height:1.4em;font-size:.8em}.vxe-icon--circle-plus:after,.vxe-icon--remove:after{left:0;bottom:0;width:100%;text-align:center;color:var(--vxe-icon-background-color)}.vxe-icon--remove:after{content:"\2500";line-height:1.5em;font-size:.7em}.vxe-icon--error:after{content:"×";left:0;bottom:0;width:100%;line-height:1.4em;text-align:center;color:var(--vxe-icon-background-color);font-size:.8em}.vxe-icon--download,.vxe-icon--upload{overflow:hidden}.vxe-icon--download:before,.vxe-icon--upload:before{left:0;width:1em;border-width:0;border-style:solid;border-color:inherit}.vxe-icon--download:after,.vxe-icon--upload:after{width:100%;text-align:center;font-size:2em}.vxe-icon--upload:before{top:.1em;border-top-width:.1em}.vxe-icon--upload:after{content:"\2191";left:0;top:.15em}.vxe-icon--download:before{bottom:.05em;border-bottom-width:.1em}.vxe-icon--download:after{content:"\2191";left:0;bottom:.15em;transform:rotate(180deg)}.vxe-icon--eye-slash:before,.vxe-icon--eye:before{content:"\25cf";top:.16em;left:0;width:1em;height:.68em;line-height:.25em;border-radius:50%;border-width:.1em;border-style:solid;border-color:inherit;text-align:center}.vxe-icon--eye-slash:after{top:-.1em;left:.45em;width:0;height:1.2em;border-width:0;border-style:solid;border-color:inherit;border-left-width:.1em;transform:rotate(45deg)}.vxe-icon--calendar:before{top:.15em;left:0;width:1em;height:.8em;border-width:.2em .1em .1em .1em;border-radius:.1em .1em 0 0;border-style:solid;border-color:inherit}.vxe-icon--calendar:after{left:.2em;top:0;width:.6em;height:.3em;border-width:0 .1em;border-style:solid;border-color:inherit}.vxe-icon--dot:before{top:.25em;left:.25em;border-radius:50%;border-width:.25em;border-style:solid;border-color:inherit}.vxe-icon--print{box-shadow:inset 0 0 0 .1em;border-width:.2em 0;border-style:solid;border-color:transparent!important;border-radius:.3em .3em 0 0}.vxe-icon--print:before{height:.3em;top:-.2em}.vxe-icon--print:after,.vxe-icon--print:before{width:.6em;left:.2em;box-shadow:inset 0 0 0 .1em}.vxe-icon--print:after{height:.6em;bottom:-.2em;background-color:var(--vxe-icon-background-color)}.vxe-icon--search:before{top:0;left:0;width:.8em;height:.8em;border-width:.15em;border-style:solid;border-color:inherit;border-radius:50%}.vxe-icon--search:after{top:.75em;left:.6em;width:.35em;height:0;border-width:.15em 0 0 0;border-style:solid;border-color:inherit;transform:rotate(45deg)}@font-face{font-family:vxeiconfont;src:url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAESgAAsAAAAAlTQAAERPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACbLgqB62CBwFsBNgIkA4U8C4JgAAQgBYULB5IPG4x9F/CmU1puBzOuV9OFkQhbkGcVRkUZJ5Vl//9/TlBjDHnM40lzbRsiyuIEQTpKbmst7+amhpeSFE2UPlHJEaRs8bbYBm+6m6SinJqJD6N73k8PWE9UUkJsQd9st3xjJc7eAdJFOCM6Y5pSaxekZAQBOQKXndijBBnBLB5Y8Wa/Ge9Hl/yv8uWHJEXTJAi+q7cGtw+SIkwA8bMDYLeZehh9EUihyiFv3jW9D3sylbrmMvf62ue4sGtIioiWHeBXZl+kq9TPCRcBDDP/TGE+5bY/5o22s7ALRwOAAm/8WTchaULqhoe59W+sGWtgxFg0NVjCxoCxNfQ2JghKbIw2CgwQUE/Aw0jCQDFBMerEAKPRs/7JBYpViPGN2tQ7td+949UdS9o0vmND4AhfgR7CSpvUJVOcA8yxHki/0u+CoWXZlu0gOClQoGXDPPgnbp63QDIvhZwXroVd77eGBxWsoRNEdKSIWUhC3Ubaur03qr607UlxIZ1F6reu/YA3xHfDFMEzzUReiID9pfp/2Dtjtb2cuB4UkGO9CIkKyOLh4Wy66wN18fyJbJgNsesAC0sb+czD2zOLLdfEsVKEkflXXdVaw/Os2QibMnsxFc0sl2KZUrdXND9J+OtLtmXZDLIwg/Ek2zBn2cwbRLj1GHZOGOYtGxKzIQfZXm5shn3PggvmIlwIoQshtVddUd3rU2ir1F/Rdge97kU5u1HUfdkPcBNEt1aaD2PN72HH6tcvR4Y3opKiMjM1a+d5iZtXBp1rRalJ4h+j7B0JquptpHT8RI4E1Ny+JuIDTeU23QSvnWzfYjeCyrOdPKGdqCxRkr2aS85UQXpS+glnsM8n3+ib9KQqMptXZm/ELeDJp34+hygL2aesjgQup6hAhu6a7SsOSD7ku2XOpDubVRX9Cnk+HvcXJQMDUbl6Pb8Aemh4pDRKGZ9AcsVamy+eqixuWb6uffO2I32nLsXL8Va8Fx8FbDP2sw0fIQoSIGBixkuCEotYTgc7OUA/5whJyCgZGPmUPH8ySSKn/Mrpr3NK1OqZ0xfrxZ3D5r6FvCQu1Nq5zTnp55yyW9C5eSbfkAeeWtJYmokldRvyIow0ug7NV/WOcjbS8pXnHUds2dN4sOmvHsvO+LabY+J+T5vNcy7Flbie3krvpI/jed1Y/nP8mfw9jhoE5IQeA8IKTsmDCCAhIxVEnWoGqRBbxf4P4RkZ5092uIn6a6WRXG+t3dzFbj1N0MyZUzV37h57TXJ2E6e30VViiFuuu/6GaY69sbZ9Rrn12qGGOW68Smq5qbqSM3po6qyttjnQBpdvd14/B6hnhzlOW/pV5gbZggS/0Mkeqo5NnZu3aPZAietaURbrTFumfVxW9vguFjuMw+XxBRgxPLZXHlUcQZozt6Q0GdeWkzvht4l5+a6Cwjh0O9YxQx1Ec65PSU1Lr52/QfZWddRBDlbsdMKJg/VR3ziHaaChk04+5VRJCc6rQ+XBxul2ASjOFxBMJjxwOAHFRAKG/gQcrQgEGhEo5IQXehMktCbIuFn4ogtBwW7CDz2JAEwg6GhGhOJMEY6pRCSaE1KcK+TYQ0RhL6HEJCIeZ4sENCH0OF0Y0IYwoiuRgoSwYggxAbcIJ64TRbheuHCDmIRpxCwcK6pwo5iD2sQ87CNqMIqoxa1iPq4VdRhK1GMY0YDjxAKMJxaiErEYtYgluEn8jupEC0rEcpwh1qEH0Y6mxAacJTZiK7EJ24hOHEhsxgZi21SW+RFgO9GH88Qp9CMu4QDiCuoRN7GDuIM5xP9wmvgb54j+ygtoQxi4Ql5QgbBwjXDQgggQjfiQh4SwjqLBFSmgHiXAC9LCB9LBJ9LDFzLANzJDK3LAH1QJbqgaQlADPKBF8IiWgzdaBV1oNXSjNbCL1kIPWge9qBX6UBv0o3YYQB0wiHbCEDoAP+gopKI/IA0dg3zUB+noOGSgE5CJTkIWOgXZqB/80FkoRefAA12ABnQZ/qKbUIluQRX6H8yj/6AIPYZQ9AGO0Ec4xgAsYBBYxHjQifEhEDPBE5YEw1gyjGApMIqlwh2WBmNYOoxjGTCBWWAOs8IkZoMprBgasRLwwUrhGZsMAVgtTGN/wA52DpqxS5CAXYZE7G+YwV7DK/YmQj2PAvgWwDEA3wF6fA8GzjE3vOEA8MWBwCWOBxzgwOAQhwEXOGGwhnMM7nH6IJMn8nW9jcFsPhUbfTC/CKjPN1diHN8egsP44Q404OczfgOKhpDOhOIkSGdBcTKks6E4BdI5eHucCu6AZCXpRDqeA/Q+yCZUcSKJyeQkO1NJqqrHUp4mBjIQJ9cQoIBWWQ4001OlZMS3lOQqGqoiM5GpcJItmPKochBhWA7KgAhRgUyiGGkQVWzZxECCvGhtgiT9AFkZhNGWMK1cEBGeBUINWKe1rPUklFhMy8lKjIi/UUN4ZDJbMlFM6kYap4ZJAwkHTNS+1WgzeyEiddjdPBVmQPO9sBRGXPIh1RCerbHX1+N+D5VSqmeEuBV4Ww/Balj4eliH3bpCpFWpihUpHjEGHPc7OgYv5mCOuG3M9OtU17h7Bn1HthYUWhD7HyTTcwYdbJJRs9Hu7GUne3yQFYrMFWfQQInUwGF7E46Dv/jb6mot53ZmwHfc6QR4Mzym066c9acJQs2thzKaCxAPx1I5Hh6UTuHIU4F1xRradk+wA0dZuSw9pGsXubxv1w/h9R0EXVqUCCBzNwc/FsglMkw1OdiW0RVz4+7udJfMfP84hymKTQcJDs9e2f5n3jXNbduL5JaoYfC+Baajjd/gOB4lLi8BppB0G1tp49x4PpYYD4d2mk5hFsm+CJ7KsUJ1oHykxbKXRkPTiMqZ2ioK26QIKrYso8iMg63ubQPrT6C08QgHakQK2sJ8kpGw1jSxlrzk2U26arkkyibB4yYdpE3ST4L7XEuUQVELRZG8mKLHDClcBlKbK7aWjvjZUcvj0JQTK6Ra1Q6QpQKQ21XF1fUore5Vl48/unhA1RyclY9gq2mGMFJXSFY1rCXOtpjUckL/SbNOO8FWV9oqGqS7zYgVmiqQ7VzEMekPtb/V+haRaicyTUlHcLG/Pl6u1nAZi3kb/cdA0YxQ/arx+3a9K9vnFN1JQe67OEO+oFIvJnlo44q39jFPdHQ8uKLopdTMEmV4TL3uzRYFi3gb7budtOtKRyZJvousOzdfyJdfiRrfhLKI8a3FrJ4GtdZzLVac/xScaCdjsp9sWMYUoaqdgLw0sHD20HRorRP9dRx3vxLHVYwIR2qH6hpTQj+zE1/hveLrooyUn8tpPKf6o/bYkqK5zagqYCorpbxKmOJZvDGJmvTReEzYV9qU73SUTg0ptRl5TXbMPaQhX85V/SZukZ1gEhxq8U9VRF3Ak+0AqJ9aa8Xchn4IwHdR6lUBEbg1CLJ+aFr+01pP28mPzeq7hPPNGAoR8X153FEXGPcVSX1d4+Dd/eMCO5j7GahV3Jq28nR1cmfx0sfcwyvbb63sBB2Qw1+WxIZANi686iWRd720wxCi8Ya7TOhYbFQRVE+3J6tOSncwqGoGEUUhEE0PUO/GPTcCSVJHXF+YG/EGmRnRVAkYxUhrC+4JIIkSMgH3ktSAJWo+XJsnZVcwJVLwfuik3F1/1g6IqRvxx5ddoTN9M3TX+yWdIpS60FPVjU6yUxU9Y4XGtaO1aPmE2GJrYMLOgZtZstRbBUUDqTXnXHo7UtGrdiOj1qCLlarF7hw9t15KXwbY/YDyC5t4q/lMPF/CMbhRbG0vvnCvDqE2tqDo39xu9b5COlbJnlARGj0oEPbJRuq3d9pjrvrE9VM/NaJ+e+aPXOq9+2Wsshc3utSH97Gwb52ZD1+e0wQZ7u9P9agsNVIe+zi7xU0tqEwo3TieAmKUdKBv5uVYUiCEwYFu8GwMugwsP3yHXH2v6w8XAUZN+fNhEVWDsoihIz0OVOdBETweJoqevDSTJ9Rad1xhVTcdVeh8sqDD3C2nIl5PKahrHLYUOwt2fKHawaAtNnZSEE1Y0FahiHWgkO+eWdARUlNY5vatE29exs+Iol3E3GGQndTYbf7wpDN56xOK5fKacZ+oKnTCeRU6uvmkVwVc3A5pbbEgLKMu3PSCxXVEtflgQNsvd1/MXa7pQWgjmWB6ZuegMHiEl6olhXSlXsExWu8sfUA00OFRoNmRDK5etcRtv81dMOQE7gSxlSzufVz6ONLifAzMrxGX00B4kRrcX5V/FW0vEUztYly7wSNL7e3ztle2xzpLpdQtYfrRteiy+5G/I0zYMZDa7QBzjJ0YEEw1J/KNFTD/zNhDwo2eZfeuqClw9Vu0pZHKkmZJnpOg3XhZaqi8VLhpZTeWEOTdFMNuM0LTVj+eiSOnOD7Z22xTVbngFCvK6bnzrKMaILdXFdJcMzReUkBXMJUy9BWcg6Zco0GkRXek+M7VzAqjf8JtLyC5XBmma224Y32gQiTyJa9SdApl18+RwA1CWXODRLTlM/nCqCpS4AY9FA1L3l75uNGSEGp0/fo9iFz1J2ZrBle0FLo5MszAeyrj3MPU4BJbB02hEsfcaIlUMDKiGUaMmEg9DFtSDPuffaZRzIPo8zY8uRE6eenrWDmofxPP3/jOOFDeW7gVXCsTZ6Fup3AaoyyegyRRVfLIHc+LNcyeFBwie70I7TtSzWnnWbH3+l88GilpJUXjE/Ag+muD1shHFiryhdwnkEO/f8cfh8ZkzDBvDZ1IMm6U6le+PwypM9HlF6EMFWOV9+eM1qWI2ljv5X+V+FcX/Gqi07EYwiqCBAiofAYgoNeqNssdG+2J/rE8f/XNq3uXgIg2XiHSWC4wxmy5fXtrfmv20uRRoDRWJCIgiNQQqFmUYRMqIRwplSJkYUHooSnA1G4lE0EocUybhRQqz8hExZhmEBbEaN3gB6SnHpNKJ+V37OoIhkVc7Bblsq/mtuWfbw7yw0EXy2tc0bH6m7GtvqU5RYdkQa+RB+ScKmm1rYoT2AMX9frvqUVDgqpMF9GKxrV4T4bs9PYJVyWMF/bTTeGaiHBn3w1SpU7IAPEeg00XqRDuopiCoGQM8SQkm20ifU/+QC6EEsU/J161bejHVGKKJihOszrIH9AN+VLj+IZkZ2WJIWBokuAMYZFPzXtqvHL3TybRSi8xgtSPRfFtD/Q4fU37bUK+1cQ1cQAMWsw+ajMr8ckssJI0OmnQwZEgRw1tYkm7pIlnKKgQvNNI0zxQNW9sJ0onba1IK2a53YwOuLcfCX8FZN7FUN0W36fLkO//+d6fF43QpZlxpXO6U45EnSod3Lv0YaW/TttKvvFzrLqquhj2uwU9StOu+GT3Cd3hA1A82hOgM+MhKoVg6h4RghMdOj3WRRjnEu/n6gEq3UaGRxG/h0q9oAtf7SD0I9tJDocVXBEhJyME5zRZa4SrpllutZajpLi6guOyQDwT5nvmuxRwjoo4eZuSw8Dz3zIG5SZ9/JCMU+sJtioxkLWBV4qme41XP/C9woS30NsVNsmDp0I3ANr8SJIIhsXjNF2pQMcbzSiRza40MlkzWW9IoSrFFIOTDcFO0xJiljoEGEh+EfGrAI+ADSJfhNXG5dzAMRY6M1v6/fVf4+S6+nADsvc5gPKCNTcH6lmV+gHIws8I00MKDU4i1d2C4hCijua9Tp5TbPgrpG1gtrda8HtpMXQXu/bsKywjNN1AUubxr+9rpfp2hIupzXDFiQqUgP+ELYtu5FwiAJTaQT/O7RB7jvmgoHdCkqQygf6SFmQWXd7IL54I3DC3rB0EPD4IC2tcdaA5cVVyv7vOJ8CFhZuo9DQj/jbPwfsdru+Ib+qH/Mlt7klHuMwgFEQwdzbwuM1c4ch6xc9BNgLe7BvVheG64GgBGZxZT7rHlzC55KZa9Oky+Vruta5Rzrw2UlIIwouA0QuZ6BZH1V0gcTv7BNaGQpc6zpgJxGy4uG+P7e1fTatcfuPQiXstPS9JglO9xoRHdfNxKS7gSBsJRsKhPhIyBadXFcq4xlplO2kECjITjia7H7wf166mtGBg50EYGwQiFRHmXt4zlqPWr7HcntogV2/dBFNOb64zqZE1rKe9KijZAcpVNdhU1gdZqTYNKwQNw4oFBmD7Z8hKEAKpeal4VZEQzkhRS6qVKX7NTte+BQV8hmVBR8iNz8mk6pjMj21OZtibzA9eP/okOOBSRtDaTstIAmZQJhhCEhGd2OGoBAR5j6jK2EZrg1OwTl6LmfDqLmEEmcSq4upzAeXLYF7RjPIrhkVtj10tGXQv6KEwZ9vvFpPrWKlqNpi1QZerd1AyxuWMMEscCxbDwHEZagPz7R+JTFW4wNlOSKRFfyhPdWFvaWws2SjQHFWAviygUSoHFgiGqlAvdHPbdlZ7d+a1ar/s37/fmmvFne3mt2jMY5cTOtJ0riivpMNTfNYygnuJqEt/LxY3vrVf0iZq6tI/ecRn71buUXdmkZamEa1skNMyaZavejibmYmE9XjGqnjl1pQOGUECJGJIWZtBzP+BOy4Z/AtGmP2O5tqdRk0pWa1scSo05y5DTXqq0gNRUIuz9bNn1q6+6pdmf3FkLZpkHwMCyqxHY6oN8CgCgj1552NTDIWR5ag+Un4VlgVhRPM1Jooja4RfOy0lJZwfVzE7O1GBpiwXhTCS5gdYQFmZCJcYXx5YBatUlbmQvdcUxXpp5abkU6oe2uO9RJRBtI/yH3OVDC7P1FTWfnJMN9uNAvF8E43kSa6t4BJqjCL9uEqhHmX2TssG8ooJ0DXhZ1Xsbmv0eNUMELyZKcQUNlKQ4RvKP0k8Rslm2+WSQWKkKM+oj9a1E4R5/BtuTgqF0dhAPnOr1KVC5AQ/CvP0uGDIImSEWCfLQZbnYHUSlW6SjwsKTM2aTlYll0XSQiUGBwQb+UU4OCUf42mPCV13eoPbTeVeYdF28pyV5cqDILsBP3YgtUQNaEA6MnErMDKXxG+Hag4YFxETiq07sTOEIJGlQGpTJhpZAiJ+Y0+46CZf1yFAFML6eHH0kWaiajlqNjgGcvt4dU5x9UL9JDTlidr8CEOYtTJ2WY5jhrkPPZ19EHOQB1mkhJA4jlTZqfSpCmfqgKLzdm6wUAj3D6JoBONHKry6VCkmA+OoVRLPUCy+VCXbP1LSci6iGrVXFb1ylKeKLplGFTJng8tLpsSpycY6qmj0Xa61ZtzritgsckimSLcKgXF5u62q1J5dVMlU9ZQMF0gUnnRZzbH9rp5cUSrW22AKISWmWlEqYVqCa+OiBAO2m2WnklozTARFCISQ8FJVCZVHtWcfV1/DazKOJM74CRDI/S+X3tKLP0+/wJC3agFOWJAolXIqPTHCAMSOtITGUH2smtMZuPLhwvtX+i+9fPy10Y8Ww7M7AhUQ7PuwP4ude3PmlXZSrDBMsVXkzyDX3AYlLaHJZ3pzm8cxBfJbyIEnmwgcO/WUxi9v+TXkSJLypiwMW2BzwRAaUmZdAFIkeLD+x0sfM9itOQcH8ucdHJ8OvdQgz3Nbfc4gZo8fDhPk9ynrfcSkLwgHv2hSo78Si1GKVNBF/B5TIOWrJHdcM0AdKDTCjm3DUcQF46WIkTcBMkO00m9wBYLPUjyhm9LRqTzZbYoy9zOXo2ahNqBvPN/YYOrEx7iZdvT5hAJCQw2hugsyVJyOmnq5MWjVpW6XxNrRg/1T20A9KG5jd1LqKftlrclBd1jRlTsdMZBzQRWMzyl6aVXRMVo52w1dXWA4BDu2Fp91jjZKOqCFtU13tYkEk/ZU7+pvjitSLOjzfWvObqxSoXfub8TeQVz7vqmgFuZS7ry3YFej9Rlnuq+22Ueo9JzXuhOZYYHj5rImmQ+gSev83caDlBOeMLA0dc4EZYoy2T/B4GE9736SPvkrNbJ/sZ6SR3HF9aqcEFCnjNbijuyFTAExSCzD2i2nEAm2dri1Ae1zVPvpFGKfVKe0H6Zv1MQ6QBg7LPXIg4pQUhf4EdWmrh1UbLJczcEih5miH2Jzh9lT0paZOY785pqMEQtNQZ/yQY6awgHKvvne86O9n8NSKlTLgWqp4GOyIE9we9SsNm/lBqvwCtV6Tyf991RYly9UvPxPzElXvWjhxarEn4I3AvDJE2wtsT1DWdu0aGswTHMc5EVMeY9cfWetKZJX4/0o56+5rDhbBYmBOCuDYyqdrM8XM1AGQYqh9tmawWWQYCw5sreprI2QA1WMW90dICBD9zZL7RtkM5saWxLVQ5bDP0sqxGw4wQbMAPXEBhV7J7+KRYnps7Q7IAalhkGTvInm60LEKgL9ya1NXB0iO4qI2uluKWf4Kk3sqVZG3KRcXQWrhylVHTmqZW0MRXSrMwhgunV6DJVNvqAKHovCpadRyZcbieao8PugFK11B3Fo1eFVZvAcyalMVexoeuFmC0ksY3Shn0oIR2ISTDoweP5HbiA1q5LGS2SIXpvK7Y3QV6r/PHiMBe8Rv/QT5jQjnTW4Qs0helJUHMNQPMRNYZ0G2pnV942SxrUSJTNDhEWFLrrNE314H7nVLUCjicrKkYACIXxmXf0NT5tndpliHnlCy3/Yi1j1eSNfOlnCNDPUOeg1R835BAQZFTdRwhJah4+IZngbKlkQP4rpAwgMH6zl/x6I7ql8dKbB+F/OPzDWUFjjq8PG1g9EkNcyXNO4h7HEn8mCy1KwSW6In1ODU9mmN4u7YR3XoURHaIoTeOy46KInt6MWVuIikEzbQgGqdWdbnnQEOnDqUCthW4cI/bV5/6be784Ngru14f2q61dd4l+oaBuhXEOoGhf8ZgzZFpywwn468YHxYnAZcmTfXFy24LpgfBH5tLZWEAcm4aDLlIe5nmz0Y3uW7NRDc894oHn1B5klpOADklRY141CIHFFmZmlFaAxpHPJAtc2LJZBhKmPrjE4qDpcLytGw/756PHqeKUDcnpgY2IbVZ6zmWGh2w5Y9x39eJ9Hq/wM+DhaKVlkC9CHPmQSX/Xmv3/Nr7K1//9W1Hh0Qzdfy7g3l9tuXkphM1E4c4NNtQcNtup70veJMENLmYDGmgsT09zfAkh8cvx8kxIfkBb9Eq91DkyxHCXaeHAAmtVanLwP38k9/KN0vr7Czk7x49TwJywdpH+9S2kDt4Mh59n5Uzug5/a8LSNraCZt/mimM3RoJG1mM8RSGAIXIsDCXPEzcvsTGbeSIbRft/rlirhl3AzDzjUkkzXJv/rmlZOhz4rnvNXeT/KnR9c3uMSuBGN36KTWBT4V5YH++MmiBy3jIwxSuMM71jDsgRpNcEicr9Q0Vz12ZRl+PHgsckg+GJGR2eC4E2pF7uRk6i7hHEFRrRBWBhs5tcFgwGepZPCe/fDO0L31iyTN2lBAFq3dcO4/IliqBOXQgDgN4NdRi1oLw5arsuqy2ygLH+ETvK9yK91/bemtmZdGzpiyvSJOm9VclDqv7q3hLX4jLqQ7ibHDJLuouZuKZhXmaZi07B2k1wJ+Vgvjf3nzH6/9n9/5v8QU/YILjoZ5dk7Mq7w0F523ETuqsdv9E6Cra8viimNVxXFlX+PKY4uLVeXxX/xBoAKxxTt4espUFWPL4pCPKqfkRefK5bnReSMOPJArd/+I8XBRebIJE2Q2f/xOCUAPkgfR0hnwDO8Ofa4BMVCrA451BNQFdBwLGMCyAlhYKNg6cGoGOApiGv/n7m2KjW0N2PlXpARTP9Bf58MYAJZtrIrauWPnqDClSRcSbDSGhO57Mi7EodiTfaHGkG0IRsi+iZNnS6XjywBVSc6h2ogHYOYwnprLVScDWCgvsF36j/2thS1Ul2kunida6LvNf0XwoouGmWMWbXXfTKNyZOP3r0umWSPNzGDL4nE3i2bFaMOsAcEbZUwyLyo5Isf/JUfxyNR/9gRyQWSh0avabEqtzQzSRVN3UhN26uX8NKFUkpUlkXWOpAXLDR2XZTkVkvHjZGtvoNHL1XVoM3ozxyN7Jlj6/pjVtKgkOewh7RZY0bAxQhvBE95q754nS0wPfYCtNploF3p/2EyLilNUD2k3wcppeyJ0QgW4VstP4PES+Bz67ZL6Z3/5Yx6j1OaSqTH1k6ITHRul1uiILGmUfMIEeZTnsPewZ4gxONiYGWzwxYegX6MMMdkTJVGdhQpFoRJXeXj1ODih9xu+0uRcveSevJ1QettJctzduTHFJg5aYzK1vCGwITdoaO64x0RGZ0SfpvAdUjz5VAbvXs3cnZ27fWokLuNopR8Ji/qYQp9Tw8hgWbLrFMUKp1PhUtQvudsoqZ5AIfh0dZu9eBN2OPP3WyUTjIuK+88VNWoJkWl7c4snZYntkZF2URZwX0yFuFyQ4U09IHK8tPgSj6YmD7wlDpFjDOnEEnCxOEIAOYnXyMqOVdjo39h3ot7vas/VQXS3/iAGw2DGah5iIfEqJAAnGfEK6IWsRqkGlu4mNjFG5D81gGxaHlXtcmoCtNR1+sCEQJeTqqZqE8tELn6GIUn+tpK9xm8Ne4Jbrk8SZIiKyhOnexbGZpgi0uNKKpVhZTZLZWi1QNUSVqasjCuJSM8wxcr1kelCYXo+AH++sxntF8hNSCAbgDtauAacngJu+RNClC8ASDJO6Ko29M7wMjbhtFQtzm51NxlneH1QqnTTdAlO5/j99wuyd+hwEqq2qZ9kdDiXNmpkLscSOABYaNDNmKFtmp6gmwrRIs0ZXANbV5uTgonMhwCTJ7wD5hlmgTeO4+uDjRALyrhbliWRZMk+yIaRtcxbYqmJMQmG/8J4mq+G1HqDL8xPU0Dk8lf0tSzCBlg1DAdHZPpvYK2lBev4fK1FoOa2GNn9AjyMovfb2jW7LyhYGwkwBNPXsPzW7yEGB/wWUboATYsKoM2QOUoW9eEInRU73XVJLeKopQORdUN0u8x4yp5pPCkbR+d/TEvjqD+mqjlcNR9N99D3yUvo+WpOWgPjI82nl8j0Jwie/Dw1J/VjWmraR9DFwbFwo09tUcGyJfxa3qdyUcRhR0/ZvlvUQ4RVZKRtjccjujgHUcvz/V2+/gKByy5hJVE+4TFPTyeQowajk/NWJbW9FIrHI+dzKUtkmp8rctpeATnpEeY3eXh6GtTIzBIUQm1Hvjcw7nnf9z4hGPS+sfbhdHmyPNI549f5d/mQwRGyeaX5H7PBvGLFsrJlIJoVihpE1aGxsa47gg5SrMtrL45F16GuogkowVCINXhIYOeJRVZrpIh0UNG1Y3Sd90tSIwlzcGGuZx+5zzN3dReG1NhGDO/Vtbpx4cFOEO2h1hOrcsVS1VYtVoEjNQbbypRG2yjqKPL7sqnpGTsHuq0IWAxfVue2FN/IXR5cOLXMZyxadMYOPHvIPZ5WDeAoXWhlqdUsqzAutrQ0Vh3XS8eWxglZVrXayjr6ND5CrB1b4t2KTy8aqw2GaqOMn2c25/HLBMrAz5MZDdVR6dfk42Wy8RUGzF/h/N1PLiBm8B1M6yjKf2lW43Aq9Ne3KKuzc3BacqfntwKW68uX5VgWlvGubOwdtvHqVYTSGrFFV1jB3+qwiwu+gWhGWv074W+uVM1CZJafh18WcmGqxqoL39UjWxGPEa2+WDiSEJwhcoshbWbl5Y24V16bZ98XWVjJFq9XtEsbtwlNbhZrlPmYOcpiMZkJqBgkNmD/Ryv/6e3xyiD/e4NXqJITxlGGevnODfJXHt7TZkj3S4bnZokAH4dhyX7pJ06A9r852dRlLTsMO1qWUedmD2oDOEApZhYVpjWUCA/3/7D/2Hte+PrUq3fk6+rN18nvtJ9hLtgF+iE8BRevrc5IoIWr4ELfsDBatnHpNDE8erqdUDTXITzf+d3+o/+wcK6jiGDfZIcUzS2khYf6CuGqcJrNVASxgxjiB+1hZLHSMsXIw7qOO+1Bm2qq4izo+pop+9I5oUqvNRWjNZt/++7DZENSgb4Qps/3nZtrfq0s81KGcsDFHF93uKncp2xFof2+G9n4nPZiAz79bdhb97L1gSVBfkElgUPwi+yQDE7HBjzAb+gIt5PvwoeiawH780uYMRPl01z2UGuIyChK3C1QYHXZQwe5+u0TFSkUwT51FT2sMbQhaoYiYjqV7YouUtqjbPmRheLnDnxTlE1pv0LKTJ8hww21UFuGqNasm7By3POaoJYhnO9o2K/7PjHxoJrnVP7CgfvjjL0nN6MgZXr8GpvJV76/wn7ZbDUHfV+aQHk2GACIhwcggkIElCjZ/MBJdN6tF8PQ88I0Z2b8s/2fFDYc7MXBomZgtCtWfrAVXKAgFxBXf3mZvtJVUyMGhU9zgeIR10pwiN77OCYELbHcsBT01NDmReVCihPgnq/RKAcdWfnxa2L9l0DgfsnX8ORKg7sPEX3c7igaK+mciAH/If5u8LpY9NA3cSjR92HRRYPXd5EeaxkfFT2eExtV7oqLi3EqlY4qZaGjvRd+ZORTKgO1YelS7SS8jsAg6PCTNekybVhlQD4F0NlSTZYniIsqc8XHqRxDVLFxrjJFhHvi0qyQNeMZ+IO16VINF/jhWIfDgqvZBQujkqwtuuYOUyzswU5aTrmU9L8HDl/s2HK6Rj+pKj7XQtSxdJzDzEPnkkgWZQcqLPwQo2VWx+hM13bri6q1mCqlyXvV+7u2cN8kWN+9bLsXi8LyImr8EloxzpcshmjxywCJxwfmHMIB3PJzc0YPPdaxRBR05ksv+2U2KQFtpqTpVxxkaJo2KAFo0R0IOmCI8PI4Ao/qDerV1QShYFUflsDhmdH3/DMmXj8eSF96ai8L7UHY51j396mh3JjyiEWmwPIYe44oTzJpllNZoFAUKJ2vAQVWl1P5mqtr1kTgTsi1sNJZNfO0W8djWQEkbIqypaKiRdnuwBeibFlPM1J15eUtyhTUs6XEpc9QksrcuVvN8gfL65lXs1X7IKnv7t1G7K4nBrSO/v9RKdYceOLEyTeRY8IhYiNxyOdYbBEXyYM5/MmWButCCNoFZyG5cc5YpwzBg87w41jrbQtJKBecjZQBUgIA2VS+KJw2JdRPHcxpCNSU3MM2SFBbV2XACUJHB69gQeIgwX+6gucSJ6KkNWWov2sq3TJGSKwHETLne4Et9fCrHh8AgRDzB7LqDhZ49C+o3NsFBA0phQtIKJKjlh0NnwKPZi/ew0K1xwuILpZ52kYX739Cm8BcZueh2HAXnEC5wAH7NGt4KD8Ur+R9HBIWZaN4llNgRxdUB/U2OOav5fnxYRKrNEw4gR7myeFVRvsPUtyVcYRMYcCc0MgL4RegThgHKjLCzGQnjQGzQaXnMgK1wZI0M9mjSpRjaGEXRFLdgP9ZHVVqO+s61XHqtEo1Q40PD7XHz98icipH/QpGSVJvBSuEaKNu3lpb6R5wq92j2PoO+vsHQB0YcY/Mj69T121/kwADKsuxsFNZVfPoGZqAAK2jJIGqDUoZl8xP5Iq0y0y/fpmmxBp6Uj5Eix89hW/miTXLt9BZeHZBfnY7IB6IyxZoeDyNwIFPo+EJAtdLNvNd/GyaDbgSJQvozE8DGfL0pyvtMCdMn2OMdE5IFOYVR3snkUztRDNGg0q4X97fd+BRvobp8MvSy9QexKG5/F8ZcYTE3bSpgUW7YTUcV106VbNd56aA671AXblD6VK955ZbPPHf6V/4Zxe4zB+g0dOGis8jAGKRSUJdsdBo/giTT3tefBiBR8t9r4ZfDf03/N887YzzSmNdMTGu2NIvDjzgitkLf5n3Is9mlOc8PA/k/CW0Anvhv+YfOo17jLs5lCq6u63t0i8bteKMRsbZlHC9gwAvUJ4tjJtzi8WJxF7IDai4EHC+IiD3PIjZ/H2beJHvomH8zRmyeSyY+qnKOqmKzrEQpwtXwrzTPjl18cR65cE7S4vXBo13NF2qn3PXvjRc0CZSHtyDnnynvYTplxtkQ0SnfpCaGfJ+uMBWPTcIRE3d3N3TjZfgXTjJH7ZtN+5e971DG9xe7DYTe4gr/mnS9ejq2rWWPUvKIgKR5j8swBZcLV6qaAPLYyoqlS0bBApYjW1gqdLV6AfxbxytjmwAs8U5uaKqRQYMWLUGUB05eiIfeBH9iV7dXtQeSwDufuk4iWScFEjHmcdJSjz76f04IpWI0+tmztQ1CxTTB8tZeAaudsG4VKS2c8TqrDo6tanIBeO4Wp4BuN8LU8LDkoU/hWEpKWG5Dhx5i09OCU/YRr8Vp4p7SP9JexSrir1Na5yCAZhMnXb6DF3jDCxCl4kBlDFMZhpXx9bUZabAp9u8gC/weoAZO8ZkTk9B1NnYGq4uLRMzBmLrFM0EF2EWHSHYT3ARlUN8f1vUcRviE12E/YLjzj/HHGbGDClDqRP5XA4/y0Bat93nlv+Pw1js4R/+t0jL4ab7TwVoU3Mky+cnXUT/GXrPS5xzX4yF+ocM+7yJEEW8CbGqAKV4etvC+UwoC6/Db6GS4a7aqcrnpeGvxfW/AyXkXMU0LAsbM2MyE/rLpunESZ/nt+hFST4ILEucfuLkrKmRib+4r9x4YM48p8tdBJQeI+oXsCCrJq0aEzR3rdn/3PsJwXkfde63f+i1bBcLyVqwftvYdZ+PA5u7BGO0JwR01y/4H3xWHnolD72P6h3bEcGRmMwHIcd5uUt7oIPfmz19tAKrjV8WqJfpZDZZZuAhInTj7cyn+q7LLATTMWvDcWI+8wmBiADy/MGQ7728vlTTwguf1n46b1yU2sewX3j+YNXkY6vq7DD/rSF8nV5g1QkEupAdlFtreZdq5x7i2fjHeJmUdXMwpY8G1D82h/fFyUvyY2fpnooqieuTfWauVCh9dh8DOs9MvDux5YO8hrpp03fRbbT20HQYm2VPy6Ttqp79m7oiPr6iTqBqUP/C22iZ+F82Y4heINCHGHcCWCa9wBgMVO8Wd3T0tFHbjhzVomYFhec+zBUGVUXvmFT9T/Wz+tytH56C0m6a9mFrbnFzU6LU4H9kUT16MVWowEtwmLdVb6k4CV6RyYgEMramiz44wNh4O5beRbshAD/RHcdu/JmWVlfn5ZWWCpBQDcNn0IcO617m/OgEew6+gNn2UubX6eDISFsAK7D1HE342jUFsgLasO9crRcjsIl2TtHIgDYQfPcAlhk4ORrHDGDi2IOXSkcsiTyIIwWQcDgkkIQ9gISPjpt4AEcMZLbgSIFEHNc0fWvkkkKkB0gHbiJYBf7NIjkUNyV30oqVeH27lLDR9CbsG1Q7qi6KcqiSUxegb570KNwoLKKO4nprt7tdlJXccHU8UGyG4nTYI3A7fMiIHcHqAgEfN9IhAond1Nc7dzzBSqlS7LPL2EgXB7Y/enhsan34sDuQPQBOwpl5nxiHsZAACHaPRjNLbI9X7hDz02RGwicswGKCYGaBMa/GoaHn2brPnLl08frSg/hXDw83AhVjn++zvTorJBcCPDpBhprmEahNCtS8GxOVSYoyEktDVOqpERZb5GR10PbWKQFbxkL55ZsXkfbhZvkAq5+NMuJ3HAscuMk4NTqSSS5+gPKBYx7fm1N+naIRAzHxyscUSbgFzw3URb3U9Ge3SuUJDvicqFJHwhmWblFGKtDMUKQXndw/te94s5m6ds1aYH3DhhjSBXTrLjYbZIAkVrAJBoKn77KykW0g+DSziHoj/Ihtt/NhYVugWpaV1c1w0fuysgOYx44HpGX34e2M7ndIOMZGAHMo51jw6/wtN7sGeldJUkxghKpsRbmqfEWMKlC4OmJOx/WOsoGnd7oqtjamPGb7c2NWTBBUWHbjVEB+eglOgsuEp9xDY5k4CZXrZo4yemhi9jAglv4VifmbX4KtkYD+jbkqMz5e+vRpVWWlRK3RH4hRtDF0jDZFjIEIsr+zrF+/WlmJldA2V0384t+vTcus8SuQNtjSX46/+P15Wf3ASf92LwLZnX++pB+XFB9tHFfPDozBPNc7b5pMP+ju/HielyREDDRg3vCbqd+ccseax19RnaVpJrCqJJIBUaSx4CwaEfG35jaMZF9b5ZQv39qpEgxIuqJFGwpn5OMZ0FqEkt28bXpJIoLvYytz5xruMnjaDb2tehkVwZchsif5CoVjQsjIG6u25t3QS5LDTZwZmWmLZVVTrmgWwuWkl1un9OX4bliooVwReaZcXafvO/twv8RLMu4G518oJ+qvL4vTGIU5W2A6mJzy7FRVvUwV3rNnMkZ7THsGl+6ppijSHtbU/wKnwq9jcTkpkJN6m0O9QjlMF4NtnqYn5m1/93J73yZxzIq/MXr3f06f3EuWIczs5h2T6ZQSY2T4fqb6fMditHRT7j44UJiNlnyRnyrYyn6Qlx9tv5MVi1qXHLLR0rUH3WhZ0dnOoyWeiqf6Jhwt3anwvNa3xlT7E9QTdgXOLU/S19Tuqa3pmVeblOC4djhR09z0TrqbtjsIT49j1c7j1p7muK1yD6t+pxRLxJW4cOIAEc5VgiP6Bx6xzEvsL/YqswEyrWwnOa77EXme/1F3HHlZHOSNnDl7hp2/aOGi5T6v71WJrCsoLSsFCRu7pnb9fm7jqNHvAfJuJU5+lrsHg/fDYx6gLtYEKnF2e41RxvQ3dqbLLxGGeFVTYtFqC/4uPzLvVETeeLu5CN2sWZSZwL6xa0pXSy6HN408QGXs9sIjxrzy3AsvC+hZHM2/S7gYZW92bbXghuQR+aci8xPbfi5009KI6/bSD9ECHiv0LP8QUQhCv2mTDqvr3FQ1HVNwENmIzEe2Ig+OD19jdQD9yoXqVja92MifNtWXHBowF9LR4ivTGotN5qhYy0Scn/K10vYBwpU3vm7Pz40zAXHDfvrhfBuUT1lYsrRW8VqRySXzNOf1mQvW06+Wc7Bg+lSflf77lphMv/0FIgIXoYG3wFqsIzsm+AqpJ05qY5NbC4KEM19zj+KOcme9pgofpviGa0+ejKAiUi6mrsHvPFLzaK7gE7Vx69Zvgv05RVdzQNLpr4KurY3UL+f1o7kWZUng+CN65mu+wWDbW5mmkG978/yIfokUvBZF8vOeaU5Luf1k9ZPbKWnmmd5+JBDzMLQJp8Wx7so2NinS0qeprMIl8Rn2lfoO+3j4knTfEpfz9yUX+BABBtRckBJmEliWW1eEsFO+hl1cN538sXRq5rqECah/4zarhzduL+sAZ9ffHxeqdeHmrp369O72cAb2B/popSFSrQ9jWD3M250Ky4TJKG/MA/TMLwhYf1l2bL10/THZ5fWH/P2N0svIwkAiJk2OAndoXKOs46wd+dGS8XxFQaDBZMZIoLQ4BwZcLMr9KkSd+OMH/dLCnoSN/A3PhK+F44i4ihF0aObDMMhx3UzwILI+VLO2/tQpIhIkuzEWzZu5f++fEppUO9HEQlARrLJLrJ0auj+c/4Yws11jTahvS/xu779ZXrmm5eNZ0zC4DTmZy5a7vicpPAhIop/N53vRCtvSig04z4Zs1sRmbA75hbcsh90vm9XQvLyuaAd0b/q0HPvv0nj2ymBD8EqDxSIeO/tLptj5bwpi6m97QKDZv3zgHAkHN22dqKUshgH3xP/XNhpaE1gTOupiYP4/PVZ1ay1kAYHL4sIoo2bktJgpiOxRXw8um4MrXPt+YpmSAfMkXG0SP6dgS64wCIJKlerhdghEGYb24LC5cN83ifC6uP7dvI9pyWkfkx/nJec9Bgo2fvE3w7fFX742bjJsaizKhmOw8kf7uW0gH/LLA/NowHmcmEf88oWYr9HkE3buepng7di1s3qvYS/kq+Fr49ev1b3GvVU685l09e1bEIlD1qyt8g+uWZPfXECxxct1/eLuqF9y/c9P793KQEEyCyeWzVEVxzidMcWqjwK1McapKv6IpnQWccs25178/YqIvdLElMg0EVhFZprLysyJf9842tzb0vfy5rGAjFqgqKen9M+fCTPMBru/d5iTiMhC2wehHeE2bNBSxqcxg5jIqslQHVRFQ5NhrOCEUGvCCu+/zYXDOTB4ii8PDuPSxKOkaBw4XPBw3fD5QkGdK5RuTznICofzYPPdc3fZcJPZwoLy08DAHubEGPizn9G9aT7lWRZhL7IRybgoEuiT/2Q8lsE8dpCEylf/w9ZUr00r/feNA8PAO8D7JJAJlOmksCjPhV8bFqI9++hB6BcN8xozxiFWq5EdaAG6A2lmJT5FeP7CCDtHMcTRYZhfGHv7qOdaHYcBQEKDZSFHtpAVvhCbH+/uaaWdZBwmd5jbeAzaZH1ZwXEYkoOMjt2eo5gIbSmGQaraPeHzDMrjIBNFvizCo5AV1UBMQcCF76dIaYhEzt7h+32DmuiwFLwtDMRkRHWdR08j9174vj4Mxg0AttpiZBuqx8ohi1GNqB5U618uVPAQlAvVpLURz8fugdxNW5nWStwygYmgh4uRgOkRZBRDBAsZUkpFNRKUTUapQQQTBMjCTf8rmaE0mQXVpDtg5DDZN9gstpFNFsUEwwt6FhMt0IJNqc9XwGF6GLwfS8JpsSysgaa0OBK2X/B9XvE8dVMB1ELsWUxAnOmfnUo4UYkRTJw/oh5hGMuqpleyGOyyupG6MjaD9Y0dwU7MN6/dt2y+O1+dvykvEX0F9Q11BR0yMX9iiFdjZZ3oc3Xx5N6BAwP5QPF998dDJ5Nu/kwt6eQhpP+bF6OyZEwDTHAPGIZEpkdEpOcLlD+fKELmMx3xuNuxcdYpnmQmHztiaYFY9FTToFDkOxQzChXKfEWDLQgzQEsOGvAKMgR5DQQl0wYwV+r5/AQtN12gdsFvENw5gncRDAQXPpkwySaYqTgpdtrTyMg0rDQ/tbdB+gdOEJkifZWyZNcfyT7qKakGpfLtQRMjDOrnwfJg0DAmwzbNJWtDEY2IZqy7vPPmJ/eIzzu7OF7uF7flw23dCWLOeByhqbGzuy/O84YX+Nw7cQOG76tf4CSRnAvqBwm4q28yCuAJFy92r8MqiS1rsN6j1dWzZx9PAzs+l9xX/UwJIdFPdl9SRkFTQ0JToNO7LnX/+47kORm7poWoxK672H0xoQCe8eYqjjC4oJ7kdJLqF/ThYTdO3POBF3jP6744G6umHalR96kzjALKI1W5Hjn7eLH4ev6deRAyQtYriUPZJPERLOaXTgCO3/17qbtreio0NASaEqXsvnSSTprsic0eGuXcuK4RyOD4/D14GBb91LTyu7AeI9Em+37h1an+Qls1w3tvFv0ZwHPIhacoS39M3h3mkODS2k0dAOWZ6d03uh/D0LD2GzZsO4f+hH3OQlyhNoH4i9GNBQyoenbJrVug5L3Q7d30Jar3XKra7X1cYGbrDMf3+JLkF/gicvb0xxKw63cY7j5WPEAwSyBICw0xmUPsygwxhzEmn2Xlb51z9znKHSrh1KSsl+Fo62Zstj1QWJrRw+T/0JJOD89HkWF0wz4/K2Iu+trc4HTx4LOmJKRfQ28eQ1/zriFbPAe9Bz29N/PQdyj5P88mbpj7Lz33vuc1z4OeZ20ioYjaGHQwqDooRAjc0zSTEhImLRQo/0LHHrgNc0tjXSqVK7b0k3WrXC7VXvjT3B55sGDyxOhcmSw3euI9AwUW2Avfm9u0JbpIrs2ddtI1r7JixdgHF2mY5AKSLf9s6yfFGWSSswvZhIhFtiJamCEG0S5Ymjih1SFMTIjWTg9kI9J/zVUiKCsqJnJACJHwygqhXClVBihWlEgxo76jGGu5QHSXxuwHKFNXUgClzA9PKafg/VZOpQA/EwX0z79aXla+beOkTTHnSudUc/vZI7ukRXaxNTLSKrZfEagrt0baxVe4Kp5yx8L41XcXBaGgOmgknRnFrE2vZVKeNX2v5vqsdkrBoe7slxpDgxb91vzm7u9TJbqcZyP7dJCSA5lQMGTbpJgpbc/kMWmn71AXA9/nT3meO66Kva2yNjKhLaFq6TnUHLbjYyf3fgiw/KqudL6Gm5DA0/I3at+FuiVPs4mn5am5WrhqvvZ68pYt78T1ekekLdKSETG8FwRqY4RFZDuPGMHVLXJElzNvbNu+i6ajAWUXrJUYFnbOf840JKGno6OPIHhbPDE+wCsAKB+0AyCblmxoaRnhRkakpwkjudjZs8cFVzAqOjxQn9VGQpJmTF/1gNzAHDmD08FCsNro4IuXmAjyHg9BpN41RAoY4E5IaZbELhLbJdm3JFkVsIv3jlvZEgIiO+DpyRZ5RRhLdll0fC2vNgbdVr6ep2EG/lY9X8O/VvRbfR1aDe+sMctNHDxy9Cq7kX3i6JFBVtvxELLLG/Tj8V1k4O0qn++CaQLz50+aZDAc3gC6wJVRI3PSJAD9MqnSzx2qDtCroEnWpObrzUarkQVY66h0nc30NuJ63/WxAWuzNRtTydt833HRsWZLs9x6w/q02doMoFB1FaVjzE5WdG/wD2vBzxHZCLYG/gjujZ7qRtMr1+NjRexO9nJjdM3mNXTkPSwT9wC6B8dUTe4m30/+CcEJoHiwo6qK4GK4CEZNQEEIxe/aUDVIH9wwqw9iIByrHZ838hihajOhTXDjjtOqAG8a4UqkZ/QsCF3dTVypi+mLBYFVp3Rk2nvOexqX/o7zjq5N15HsAhw/4yaXkHYSFDhpoBSneNNB1UftGDasG74qHigAKmipWqCKrJw4/eWE2EkvvKZX8U8z6CeY8c/jP1zDSQKZ1FCs9GEMYl4m7+J1m8uxC7Ac6kSYkaVhuOY3nUgKMPnr8Z5qniY4EZuKNaGTPRNejf3QF02NXoZcTzGINtVZ/lnNQ9yO/5XfsGqWMg2qTo1eLil0NKDUsHtqgrQijdtAVgsh2uOKedM09fUk7I7WTYNtmwgOtm6xUxGsWll5xOw+UnbEbT5SaVp2wjmtWAANBAxo0hmYhwdseM8cEG3ee6CJXuQ8ziim99TXdzO7sV5ve/p+AQY0bnaxyqlUOlXF758gepzKwu+5SPWE0DtEr138XSN27IE7fKZDmR8dna90vDRQYIG98Mu5PdIqKB4nzhSJMsXjZNnrAgUW2Au/Pt+RI8ub98b/A+Xtrkmg3O+seMqnnKGF7IWus2LP9J7ydfuIRy037RXxymfNzOJajpFlcv08U6FMy4Ad1C0nraVt+VdNxk1dtYgMDYcBeqtQABD0fqd1cf16hs5gMA30p7uVVV/Rm+CZbumT8Qjlc3aL5u5wIQ8adJhUPCR6BLK7e5y65iCJbkS1PiBf123MGuroVd05mX5afzB1qu2UujSfoEr94RKTTMPVlvPaxaT+JE6HVTSo9VPkRL+wQNacOrpfjD7ZZdYwoj/VA9VnaqVDGF0uf9RjZvBNCCGfrbN7gCB12X+i2qr5BELfN8sUTc6ukujr7c6KVOgfnGkzekGG1PUFViDfANmG1MZeKH23J/mb5g8al//TMaK+CWg4pB+3t6miJ52HPLlPErymf5zGd/ZYfhYP2eOolK/QZImj0tdLzcSQ3TcflrFHhUJT6APODQH5bxXR4y70ff2S3EnsdNMLOrbcMSCMfs7agG7ojA44OpT3ezKe/AQjusgn+8Bu/Q2b9XOW6SAY9CFYUF3ZuaEuGIEz0qoDHejzXDw9DYu6LpuRPVitzlv1ta/8jN2YkP6SjrRB6qCkLB1nvneuvwTIA5eGfCyL7JEu9l19UkYcgvphVIPd1xe9/wP3Uf0K/CUqcqVBdj1kD9fYd3GQm07vqRxKp9znAkPTsj4V+h3HWOqnBqiu+i0BQ6v5ED0dLotj9x12VdKlgIvvu6WX8PfnfjLGFnnnPOQ5qt96ygH+3Sgqs/j/MoB693pLkca/LXcnl+dYwH22Fn5z0Z+g9B+5Rtn/jJMm+wdIRo5wgd+ErQ6AK/iaU/BrfGtCfd7f5TDpBLioFiDTh7iqpOVD3FTTgXN39+Y83MM4T/fEh/jqZg5SNvNhMkleBTKdgYckGrrvIamaXqGZyP0RzeH+wVWxVwLnSu7Ah1S1MBHVVk3HZPHt9wiioqLioracJ9Z63U8srv+NehuicLk4+g9J7fnJGyfY9MIEya9K2uugysQyj/ScvnkYhpkWmTuUahrVJbeWRY5NOY/ZTRAVFRWX9aRtOU9843U/sfzGeaPehijJY4DxD0kzhJuHvHFy3ItNsnk1pGmVqIOaGhOozOjoyM9sCQzDSqdFXK5DqabJkFhyaxZiWWbKl8ezMeuao27mh74JCARIUKDBgAUHHsLfjeCfTqyqarphWrbzttSXux+EUZykWV6UVd20XT+M07ys236cl+vt/ni+3p/v7w8jKIYTJIPJYnO4PL5AKBJLpDK54ltC/6dSa7Q6vcFoMlusNrvD6XJ7vD5/IBgKR6KxeCKZSmeyuXyhWCpXqrV6o9lqd7q9/mA4Gk+ms/mCWq7Wm+1ufziezpfr7f54vt6fL/3jmUEp4rAghiv4+8h0W4uQ3DrPWsN7WhEeb2dA0kRVaXMVeQ+sHgqpbO1duoWY95G8aVpVMLjKlN3mFQwnC4szmoXhNm6x3zOkcmVRi9NNNWSeta6yWUp7C5CdZwQbUB7ImvBkU0dJyeO34ZwAEm++iZgz3IpN+hXKuCX+ZEYJIwiSNaONwIh0T5Sy74ApwXskCeTR1KbVEHT48siD25nCwisUC2FbjIhg96BPSdwvlXHtUy0sOj+U7IWWV+kNF8O8nvyK/n7Vl6syS2KYSZoFN7J48Po5T+b5pljn0IyzX8GKMwhgxHtlDvfqDBNCmR5KPgNrXfO8sD7d1aCUOXuvMaKUblEOaPMOH8iRfSJfquGGkYOUvCLzuOWbbLAEbVaNOALz/sPN4Kf+75BzkoAFLZJAwWmpzNkbogwTM0X6YJuMKpJZEyuEoQGRzTZdUnICaecTxOY+JxJBa6McZ9z6motG55VrlAYDlf6joSEkkwfDkkUa3M6aZlu0vs8nmRiXcs6/dSboTjqSwKMi5NmHchIWaK+Vp5w8hcVDI0nN6xPXHIkl3OM0Ne3KtR5KwTqMO6ramsNaYVgP1cGLCX50wiKhoJPWpCQn1nqoLCbjTiHiCTcIn4o8yO4732e14oDTCi5g9rtgHLI/jDOlRjTys2MfkXTfmAvYyQod4h++Ai8jq78PgtVV/s81/FbMhVRmfHmGYfOVTMhMKVN26+KBHk2GB/YZSyG5bRgpJckk96Ya0ngirU2EkwOFLow9IQ0VhIHMXBqv6X0CJRPIe4oWjiZy33bGpbQFroxzRLuh88ic2wS54H9fS6O11FU+d9Be33u/0AtD21mmoHRwc46PdQ6RElE/Yb3TWVO3Zm1X8l0OzVYXkRs4opkal+gCMlZupqBll6v3mHOcNAvJZQT3vvgQ4TVoC+3V9uyeYLcn/H929ucpNTrgu7D+GcH82p3xfbso0pulXYzsTuHNZjDT5+lKPARpWMxU0+CBUQJYDDoQvoMeb7wYgdwY/0MIx6RovfLA3ZrDuJFNRKlf+5KzwVZNxgbNLkRrOR8sckJsMgikg1naB9rO8cE/) format("woff2"),url("/assets/iconfont.1701822247499-CL0aV4XS.woff") format("woff"),url("/assets/iconfont.1701822247499-DPid2bZx.ttf") format("truetype")}@keyframes rollCircle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[class*=vxe-icon-]{font-family:vxeiconfont!important;font-style:normal;font-weight:400;font-size:1.1em;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class*=vxe-icon-].animat,[class*=vxe-icon-].roll{display:inline-block}[class*=vxe-icon-].animat{transition:transform .25s ease-in-out}[class*=vxe-icon-].rotate45{transform:rotate(45deg)}[class*=vxe-icon-].rotate90{transform:rotate(90deg)}[class*=vxe-icon-].rotate180{transform:rotate(180deg)}[class*=vxe-icon-].roll{animation:rollCircle 1s linear infinite}[class*=vxe-icon-].theme--primary{color:var(--vxe-primary-color)}[class*=vxe-icon-].theme--success{color:var(--vxe-success-color)}[class*=vxe-icon-].theme--info{color:var(--vxe-info-color)}[class*=vxe-icon-].theme--warning{color:var(--vxe-warning-color)}[class*=vxe-icon-].theme--danger{color:var(--vxe-danger-color)}.vxe-icon-time:before{content:"\e64d"}.vxe-icon-feedback:before{content:"\e738"}.vxe-icon-lightning:before{content:"\e76d"}.vxe-icon-cloudy:before{content:"\e608"}.vxe-icon-heavy-rain:before{content:"\e7c4"}.vxe-icon-moon:before{content:"\e68d"}.vxe-icon-sunny:before{content:"\e684"}.vxe-icon-location:before{content:"\e790"}.vxe-icon-location-fill:before{content:"\e868"}.vxe-icon-microphone-fill:before{content:"\e900"}.vxe-icon-microphone:before{content:"\e7bf"}.vxe-icon-share:before{content:"\e68c"}.vxe-icon-share-fill:before{content:"\e86f"}.vxe-icon-flag:before{content:"\e827"}.vxe-icon-flag-fill:before{content:"\e687"}.vxe-icon-platform:before{content:"\e67a"}.vxe-icon-goods-fill:before{content:"\e778"}.vxe-icon-goods:before{content:"\e7e4"}.vxe-icon-funnel-clear:before{content:"\e6ca"}.vxe-icon-envelope:before{content:"\ea99"}.vxe-icon-envelope-open-fill:before{content:"\efaf"}.vxe-icon-envelope-open:before{content:"\f28f"}.vxe-icon-envelope-fill:before{content:"\e606"}.vxe-icon-message-fill:before{content:"\e710"}.vxe-icon-chat:before{content:"\e641"}.vxe-icon-chat-fill:before{content:"\e69a"}.vxe-icon-send:before{content:"\e61f"}.vxe-icon-send-fill:before{content:"\e630"}.vxe-icon-user:before{content:"\e8c8"}.vxe-icon-user-fill:before{content:"\e8c9"}.vxe-icon-wechat:before{content:"\e605"}.vxe-icon-alipay:before{content:"\e612"}.vxe-icon-indicator:before{content:"\e646"}.vxe-icon-file-excel:before{content:"\e7b7"}.vxe-icon-file-pdf:before{content:"\e7b8"}.vxe-icon-file-image:before{content:"\e7ba"}.vxe-icon-file-markdown:before{content:"\e7bb"}.vxe-icon-file-ppt:before{content:"\e7bc"}.vxe-icon-file-word:before{content:"\e7bd"}.vxe-icon-file-zip:before{content:"\e7be"}.vxe-icon-file-txt:before{content:"\e616"}.vxe-icon-refresh:before{content:"\e647"}.vxe-icon-checkbox-unchecked:before{content:"\e727"}.vxe-icon-information:before{content:"\e7b9"}.vxe-icon-info-circle-fill:before{content:"\e697"}.vxe-icon-info-circle:before{content:"\e618"}.vxe-icon-chart-radar:before{content:"\e7dc"}.vxe-icon-chart-bar-x:before{content:"\e60c"}.vxe-icon-repeat:before{content:"\ea4a"}.vxe-icon-voice-fill:before{content:"\e7c3"}.vxe-icon-voice:before{content:"\e6be"}.vxe-icon-flow-branch:before{content:"\e604"}.vxe-icon-comment:before{content:"\e70c"}.vxe-icon-folder:before{content:"\e7d1"}.vxe-icon-folder-open:before{content:"\e7d2"}.vxe-icon-picture:before{content:"\ea13"}.vxe-icon-picture-fill:before{content:"\e653"}.vxe-icon-bell:before{content:"\e680"}.vxe-icon-bell-fill:before{content:"\e681"}.vxe-icon-undo:before{content:"\e739"}.vxe-icon-home:before{content:"\e7c6"}.vxe-icon-home-fill:before{content:"\e867"}.vxe-icon-checkbox-checked:before{content:"\e67d"}.vxe-icon-checkbox-indeterminate:before{content:"\e8c4"}.vxe-icon-fullscreen:before{content:"\e70e"}.vxe-icon-minimize:before{content:"\e749"}.vxe-icon-print:before{content:"\eba0"}.vxe-icon-upload:before{content:"\e683"}.vxe-icon-download:before{content:"\e61a"}.vxe-icon-cloud-upload:before{content:"\e603"}.vxe-icon-cloud-download:before{content:"\e63a"}.vxe-icon-spinner:before{content:"\e601"}.vxe-icon-close:before{content:"\e6e9"}.vxe-icon-custom-column:before{content:"\e62d"}.vxe-icon-edit:before{content:"\e66e"}.vxe-icon-zoom-in:before{content:"\e826"}.vxe-icon-caret-down:before{content:"\e8ed"}.vxe-icon-caret-up:before{content:"\e8ee"}.vxe-icon-caret-right:before{content:"\e8ef"}.vxe-icon-caret-left:before{content:"\e8f0"}.vxe-icon-square-checked-fill:before{content:"\e6d4"}.vxe-icon-square-close:before{content:"\e793"}.vxe-icon-square-down:before{content:"\e794"}.vxe-icon-square-left:before{content:"\e796"}.vxe-icon-square-caret-right:before{content:"\e797"}.vxe-icon-square-minus:before{content:"\e798"}.vxe-icon-square-plus:before{content:"\e799"}.vxe-icon-square-right:before{content:"\e79a"}.vxe-icon-square-up:before{content:"\e79b"}.vxe-icon-square-checked:before{content:"\e7a8"}.vxe-icon-square-down-fill:before{content:"\e84b"}.vxe-icon-square-minus-fill:before{content:"\e84c"}.vxe-icon-square-close-fill:before{content:"\e84d"}.vxe-icon-square-left-fill:before{content:"\e84f"}.vxe-icon-square-caret-right-fill:before{content:"\e850"}.vxe-icon-square-up-fill:before{content:"\e851"}.vxe-icon-square-right-fill:before{content:"\e853"}.vxe-icon-square-plus-fill:before{content:"\e854"}.vxe-icon-square-plus-square:before{content:"\e87e"}.vxe-icon-square-fill:before{content:"\e8d9"}.vxe-icon-square-square:before{content:"\e6a1"}.vxe-icon-sort-alpha-desc:before{content:"\e852"}.vxe-icon-sort-alpha-asc:before{content:"\e7d5"}.vxe-icon-sort-numeric-asc:before{content:"\e800"}.vxe-icon-sort-numeric-desc:before{content:"\e801"}.vxe-icon-star-fill:before{content:"\e69e"}.vxe-icon-star:before{content:"\e69f"}.vxe-icon-star-half:before{content:"\e6b6"}.vxe-icon-lock-fill:before{content:"\e6d1"}.vxe-icon-unlock-fill:before{content:"\e92c"}.vxe-icon-question:before{content:"\e72e"}.vxe-icon-exclamation:before{content:"\e617"}.vxe-icon-ellipsis-h:before{content:"\e636"}.vxe-icon-ellipsis-v:before{content:"\e637"}.vxe-icon-save:before{content:"\e67c"}.vxe-icon-setting:before{content:"\e8b8"}.vxe-icon-setting-fill:before{content:"\e795"}.vxe-icon-link:before{content:"\e6c8"}.vxe-icon-sort:before{content:"\e6a0"}.vxe-icon-chart-pie:before{content:"\e902"}.vxe-icon-chart-line:before{content:"\e904"}.vxe-icon-swap:before{content:"\e7f3"}.vxe-icon-num-list:before{content:"\e7f4"}.vxe-icon-copy:before{content:"\ec7a"}.vxe-icon-company:before{content:"\e602"}.vxe-icon-swap-right:before{content:"\e8f1"}.vxe-icon-swap-left:before{content:"\e8f2"}.vxe-icon-table:before{content:"\e920"}.vxe-icon-merge-cells:before{content:"\e901"}.vxe-icon-paste:before{content:"\e70b"}.vxe-icon-cut:before{content:"\e70d"}.vxe-icon-lock:before{content:"\e676"}.vxe-icon-unlock:before{content:"\e682"}.vxe-icon-chart-bar-y:before{content:"\e84e"}.vxe-icon-fixed-fill:before{content:"\e9b9"}.vxe-icon-fixed:before{content:"\e9ba"}.vxe-icon-fixed-left-fill:before{content:"\e9b9"}.vxe-icon-fixed-left:before{content:"\e9ba"}.vxe-icon-fixed-right-fill:before{content:"\f290"}.vxe-icon-fixed-right:before{content:"\f291"}.vxe-icon-swap-down:before{content:"\f292"}.vxe-icon-swap-up:before{content:"\f293"}.vxe-icon-square:before{content:"\e6d5"}.vxe-icon-check:before{content:"\e645"}.vxe-icon-question-circle-fill:before{content:"\e690"}.vxe-icon-error-circle-fill:before{content:"\e62b"}.vxe-icon-delete:before{content:"\e69d"}.vxe-icon-dot:before{content:"\e63f"}.vxe-icon-success-circle:before{content:"\e6d9"}.vxe-icon-delete-fill:before{content:"\e634"}.vxe-icon-minus:before{content:"\e6ba"}.vxe-icon-maximize:before{content:"\e600"}.vxe-icon-question-circle:before{content:"\e782"}.vxe-icon-warning-circle:before{content:"\e785"}.vxe-icon-warnion-circle-fill:before{content:"\e848"}.vxe-icon-eye-fill:before{content:"\e869"}.vxe-icon-search:before{content:"\e741"}.vxe-icon-funnel:before{content:"\e8ec"}.vxe-icon-eye-fill-close:before{content:"\e8ff"}.vxe-icon-search-zoom-in:before{content:"\e6a5"}.vxe-icon-arrow-right:before{content:"\e743"}.vxe-icon-arrow-left:before{content:"\e744"}.vxe-icon-arrow-up:before{content:"\e745"}.vxe-icon-calendar:before{content:"\e746"}.vxe-icon-arrow-down:before{content:"\e7b2"}.vxe-icon-warning-triangle:before{content:"\e67f"}.vxe-icon-add:before{content:"\e664"}.vxe-icon-arrow-double-left:before{content:"\e665"}.vxe-icon-arrow-double-right:before{content:"\e666"}.vxe-icon-menu:before{content:"\e677"}.vxe-icon-warning-triangle-fill:before{content:"\e68b"}.vxe-icon-error-circle:before{content:"\e613"}.vxe-icon-zoom-out:before{content:"\e65d"}.vxe-icon-success-circle-fill:before{content:"\e67e"}.vxe-icon-radio-checked:before{content:"\e763"}.vxe-icon-radio-unchecked:before{content:"\e7c9"}.vxe-cell--filter{padding:0 .1em 0 .25em;text-align:center;vertical-align:middle;display:inline-block;line-height:0}.vxe-cell--filter.col--filter .vxe-filter--btn{color:var(--vxe-font-color)}.vxe-cell--filter .vxe-filter--btn{color:var(--vxe-table-column-icon-border-color);cursor:pointer}.vxe-cell--filter .vxe-filter--btn:hover{color:var(--vxe-font-color)}.is--filter-active .vxe-cell--filter .vxe-filter--btn{color:var(--vxe-primary-color)}.vxe-table--filter-wrapper{display:none;position:absolute;top:0;min-width:100px;border-radius:var(--vxe-border-radius);background-color:var(--vxe-table-filter-panel-background-color);border:1px solid var(--vxe-table-popup-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2);z-index:10}.vxe-table--filter-wrapper:not(.is--multiple){text-align:center}.vxe-table--filter-wrapper.is--active{display:block}.vxe-table--filter-wrapper .vxe-table--filter-body>li,.vxe-table--filter-wrapper .vxe-table--filter-header>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px;padding:.25em .8em;cursor:pointer}.vxe-table--filter-wrapper .vxe-table--filter-body>li.is--checked,.vxe-table--filter-wrapper .vxe-table--filter-header>li.is--checked{color:var(--vxe-primary-color)}.vxe-table--filter-wrapper .vxe-table--filter-body>li:hover,.vxe-table--filter-wrapper .vxe-table--filter-header>li:hover{background-color:var(--vxe-table-row-hover-background-color)}.vxe-table--filter-wrapper .vxe-table--filter-header{padding-top:.2em}.vxe-table--filter-wrapper .vxe-table--filter-body{max-height:200px;padding-bottom:.2em}.vxe-table--filter-wrapper>ul{list-style-type:none;padding:0;margin:0;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table--filter-wrapper.is--multiple>ul>li{padding:.25em .8em .25em 1em}.vxe-table--filter-wrapper .vxe-table--filter-footer{border-top:1px solid var(--vxe-table-popup-border-color);padding:.6em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table--filter-wrapper .vxe-table--filter-footer button{background-color:transparent;padding:0 .4em;border:0;color:var(--vxe-font-color);cursor:pointer}.vxe-table--filter-wrapper .vxe-table--filter-footer button:focus{outline:none}.vxe-table--filter-wrapper .vxe-table--filter-footer button:hover{color:var(--vxe-primary-color)}.vxe-table--filter-wrapper .vxe-table--filter-footer button.is--disabled{color:var(--vxe-font-disabled-color);cursor:not-allowed}.vxe-table--context-menu-wrapper{display:none}.vxe-table--context-menu-wrapper.is--visible{display:block}.vxe-table--context-menu-clild-wrapper,.vxe-table--context-menu-wrapper{position:absolute;top:0;left:0;font-size:12px;border:1px solid var(--vxe-table-popup-border-color);box-shadow:3px 3px 4px -2px rgba(0,0,0,.6);padding:0 1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--vxe-font-color);font-family:var(--vxe-font-family);background-color:var(--vxe-table-menu-background-color)}.vxe-context-menu--link{display:block;padding:0 2.5em;width:var(--vxe-table-menu-item-width);line-height:26px;color:var(--vxe-font-color);cursor:pointer}.vxe-context-menu--link .vxe-context-menu--link-prefix,.vxe-context-menu--link .vxe-context-menu--link-suffix{position:absolute;top:5px;margin-right:5px;font-size:16px}.vxe-context-menu--link .vxe-context-menu--link-prefix{left:5px}.vxe-context-menu--link .vxe-context-menu--link-suffix{right:5px}.vxe-context-menu--link .vxe-context-menu--link-suffix.suffix--haschild{top:8px}.vxe-context-menu--link .vxe-context-menu--link-suffix.suffix--haschild:before{position:absolute;content:"";border:4px solid transparent;border-left-color:#727272}.vxe-context-menu--link .vxe-context-menu--link-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table--context-menu-clild-wrapper .vxe-context-menu--link{padding:0 2em 0 2.5em}.vxe-context-menu--option-wrapper,.vxe-table--context-menu-clild-wrapper{margin:0;padding:0;list-style-type:none;border-bottom:1px solid #e8eaed}.vxe-context-menu--option-wrapper li,.vxe-table--context-menu-clild-wrapper li{position:relative;margin:1px 0;border:1px solid transparent}.vxe-context-menu--option-wrapper li:last-child,.vxe-table--context-menu-clild-wrapper li:last-child{border:0}.vxe-context-menu--option-wrapper li.link--active,.vxe-table--context-menu-clild-wrapper li.link--active{background-color:#c5c5c5;border-color:#c5c5c5}.vxe-context-menu--option-wrapper li.link--active>.vxe-context-menu--link,.vxe-table--context-menu-clild-wrapper li.link--active>.vxe-context-menu--link{color:#2b2b2b}.vxe-context-menu--option-wrapper li.link--disabled>.vxe-context-menu--link,.vxe-table--context-menu-clild-wrapper li.link--disabled>.vxe-context-menu--link{color:var(--vxe-font-disabled-color);cursor:no-drop}.vxe-context-menu--option-wrapper li.link--disabled.link--active,.vxe-table--context-menu-clild-wrapper li.link--disabled.link--active{border-color:#c0c1c2;background-color:#eee}.vxe-context-menu--option-wrapper li.link--disabled.link--active:hover,.vxe-table--context-menu-clild-wrapper li.link--disabled.link--active:hover{background-color:inherit}.vxe-table--context-menu-clild-wrapper{display:none;top:0;left:100%}.vxe-table--context-menu-clild-wrapper.is--show{display:block}.vxe-export--panel-column>ul{list-style-type:none;overflow:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-export--panel-column>ul>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.vxe-export--panel>table{width:100%;border:0;table-layout:fixed}.vxe-export--panel>table tr td{padding:0 10px}.vxe-export--panel>table tr td:first-child{text-align:right;width:30%;font-weight:700;padding:8px 10px}.vxe-export--panel>table tr td:nth-child(2){width:70%}.vxe-export--panel>table tr td>.vxe-input,.vxe-export--panel>table tr td>.vxe-select{width:80%}.vxe-export--panel>table tr td>.vxe-export--panel-option-row{padding:.25em 0}.vxe-export--panel .vxe-export--panel-column{width:80%;border:1px solid var(--vxe-input-border-color);margin:3px 0;border-radius:var(--vxe-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-export--panel .vxe-export--panel-column>ul>li{padding:.2em 1em .2em 1em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--2{padding-left:3.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--3{padding-left:4.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--4{padding-left:5.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--5{padding-left:6.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--6{padding-left:7.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--7{padding-left:8.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--8{padding-left:9.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-header{padding:.1em 0;background-color:var(--vxe-table-header-background-color);font-weight:700;border-bottom:1px solid var(--vxe-table-border-color)}.vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-body{padding:.2em 0;min-height:10em;max-height:17.6em}.vxe-export--panel .vxe-import-selected--file{padding-right:40px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-export--panel .vxe-import-selected--file>i{display:none;position:absolute;top:50%;right:15px;transform:translateY(-50%);font-size:16px;cursor:pointer}.vxe-export--panel .vxe-import-selected--file:hover{color:var(--vxe-primary-color)}.vxe-export--panel .vxe-import-selected--file:hover>i{display:block}.vxe-export--panel .vxe-import-select--file{border:1px dashed var(--vxe-input-border-color);padding:6px 34px;outline:0;border-radius:var(--vxe-border-radius);background-color:var(--vxe-input-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-export--panel .vxe-import-select--file:focus{border-color:var(--vxe-primary-color);box-shadow:0 0 .25em 0 var(--vxe-primary-color)}.vxe-export--panel .vxe-import-select--file:hover{color:var(--vxe-primary-color);border-color:var(--vxe-primary-color)}.vxe-export--panel .vxe-export--panel-btns{text-align:right;padding:.25em}.vxe-loading{display:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-loading-background-color)}.vxe-loading.is--visible{display:block}.vxe-loading>.vxe-loading--chunk,.vxe-loading>.vxe-loading--warpper{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);text-align:center;color:var(--vxe-loading-color)}.vxe-loading .vxe-loading--default-icon{font-size:1.4em}.vxe-loading .vxe-loading--text{padding:.4em 0}.vxe-loading .vxe-loading--spinner{display:inline-block;position:relative;width:56px;height:56px}.vxe-loading .vxe-loading--spinner:after,.vxe-loading .vxe-loading--spinner:before{content:"";width:100%;height:100%;border-radius:50%;background-color:var(--vxe-primary-color);opacity:.6;position:absolute;top:0;left:0;animation:bounce 2s ease-in-out infinite}.vxe-loading .vxe-loading--spinner:after{animation-delay:-1s}@keyframes bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}.size--mini .vxe-loading .vxe-loading--spinner{width:38px;height:38px}.size--small .vxe-loading .vxe-loading--spinner{width:44px;height:44px}.size--medium .vxe-loading .vxe-loading--spinner{width:50px;height:50px}.vxe-table--render-default .vxe-body--column.col--ellipsis,.vxe-table--render-default .vxe-footer--column.col--ellipsis,.vxe-table--render-default .vxe-header--column.col--ellipsis,.vxe-table--render-default.vxe-editable .vxe-body--column{height:var(--vxe-table-row-height-default)}.vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis,.vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis,.vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis,.vxe-table--render-default.vxe-editable.size--medium .vxe-body--column{height:var(--vxe-table-row-height-medium)}.vxe-table--render-default.size--small .vxe-body--column.col--ellipsis,.vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis,.vxe-table--render-default.size--small .vxe-header--column.col--ellipsis,.vxe-table--render-default.vxe-editable.size--small .vxe-body--column{height:var(--vxe-table-row-height-small)}.vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,.vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis,.vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,.vxe-table--render-default.vxe-editable.size--mini .vxe-body--column{height:var(--vxe-table-row-height-mini)}.vxe-table--file-form,.vxe-table-slots{display:none}.vxe-table--print-frame{position:fixed;bottom:-100%;left:-100%;height:0;width:0;border:0}.vxe-table--body-wrapper{scroll-behavior:auto}.vxe-table--body-wrapper,.vxe-table--fixed-left-body-wrapper,.vxe-table--fixed-right-body-wrapper{overflow-y:auto;overflow-x:auto}.vxe-cell .vxe-default-input,.vxe-cell .vxe-default-textarea,.vxe-table--filter-wrapper .vxe-default-input,.vxe-table--filter-wrapper .vxe-default-textarea{background-color:var(--vxe-table-body-background-color)}.vxe-cell .vxe-default-input,.vxe-cell .vxe-default-select,.vxe-cell .vxe-default-textarea,.vxe-table--filter-wrapper .vxe-default-input,.vxe-table--filter-wrapper .vxe-default-select,.vxe-table--filter-wrapper .vxe-default-textarea{outline:0;padding:0 2px;width:100%;color:var(--vxe-font-color);border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-cell .vxe-default-input:focus,.vxe-cell .vxe-default-select:focus,.vxe-cell .vxe-default-textarea:focus,.vxe-table--filter-wrapper .vxe-default-input:focus,.vxe-table--filter-wrapper .vxe-default-select:focus,.vxe-table--filter-wrapper .vxe-default-textarea:focus{border:1px solid var(--vxe-primary-color)}.vxe-cell .vxe-default-input[disabled],.vxe-cell .vxe-default-select[disabled],.vxe-cell .vxe-default-textarea[disabled],.vxe-table--filter-wrapper .vxe-default-input[disabled],.vxe-table--filter-wrapper .vxe-default-select[disabled],.vxe-table--filter-wrapper .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-input-disabled-background-color)}.vxe-cell .vxe-default-input,.vxe-cell .vxe-default-select,.vxe-cell .vxe-default-textarea,.vxe-table--filter-wrapper .vxe-default-input,.vxe-table--filter-wrapper .vxe-default-select,.vxe-table--filter-wrapper .vxe-default-textarea{height:var(--vxe-input-height-default)}.vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-table--filter-wrapper .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:4px}.vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-cell .vxe-default-input[type=number]::-webkit-inner-spin-button,.vxe-table--filter-wrapper .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-table--filter-wrapper .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-cell .vxe-default-input::-moz-placeholder,.vxe-table--filter-wrapper .vxe-default-input::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-cell .vxe-default-input::placeholder,.vxe-table--filter-wrapper .vxe-default-input::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-cell .vxe-default-textarea,.vxe-table--filter-wrapper .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-cell .vxe-input,.vxe-cell .vxe-select,.vxe-cell .vxe-textarea,.vxe-table--filter-wrapper .vxe-input,.vxe-table--filter-wrapper .vxe-select,.vxe-table--filter-wrapper .vxe-textarea{width:100%;display:block}.vxe-cell .vxe-input>.vxe-input--inner,.vxe-cell .vxe-textarea>.vxe-textarea--inner,.vxe-table--filter-wrapper .vxe-input>.vxe-input--inner,.vxe-table--filter-wrapper .vxe-textarea>.vxe-textarea--inner{padding:0 2px}.vxe-cell .vxe-default-textarea,.vxe-cell .vxe-textarea--inner,.vxe-table--filter-wrapper .vxe-default-textarea,.vxe-table--filter-wrapper .vxe-textarea--inner{resize:none}.vxe-table--cell-active-area,.vxe-table--cell-copy-area,.vxe-table--cell-extend-area,.vxe-table--cell-main-area,.vxe-table--checkbox-range{display:none;position:absolute;pointer-events:none;z-index:1}.vxe-table--fixed-left-wrapper .vxe-table--cell-active-area,.vxe-table--fixed-left-wrapper .vxe-table--cell-copy-area,.vxe-table--fixed-left-wrapper .vxe-table--cell-extend-area,.vxe-table--fixed-left-wrapper .vxe-table--cell-main-area,.vxe-table--fixed-left-wrapper .vxe-table--checkbox-range,.vxe-table--fixed-right-wrapper .vxe-table--cell-active-area,.vxe-table--fixed-right-wrapper .vxe-table--cell-copy-area,.vxe-table--fixed-right-wrapper .vxe-table--cell-extend-area,.vxe-table--fixed-right-wrapper .vxe-table--cell-main-area,.vxe-table--fixed-right-wrapper .vxe-table--checkbox-range{z-index:2}.vxe-table--fixed-left-wrapper .vxe-table--cell-active-area[half="1"],.vxe-table--fixed-left-wrapper .vxe-table--cell-extend-area[half="1"],.vxe-table--fixed-left-wrapper .vxe-table--cell-main-area[half="1"]{border-right:0}.vxe-table--fixed-left-wrapper .vxe-table--cell-copy-area[half="1"]{background-size:var(--vxe-table-cell-copy-area-border-width) 12px,0 12px,12px var(--vxe-table-cell-copy-area-border-width),12px var(--vxe-table-cell-copy-area-border-width)}.vxe-table--fixed-right-wrapper .vxe-table--cell-active-area[half="1"],.vxe-table--fixed-right-wrapper .vxe-table--cell-extend-area[half="1"],.vxe-table--fixed-right-wrapper .vxe-table--cell-main-area[half="1"]{border-left:0}.vxe-table--fixed-right-wrapper .vxe-table--cell-copy-area[half="1"]{background-size:0 12px,var(--vxe-table-cell-copy-area-border-width) 12px,12px var(--vxe-table-cell-copy-area-border-width),12px var(--vxe-table-cell-copy-area-border-width)}.vxe-table--checkbox-range{background-color:var(--vxe-table-checkbox-range-background-color);border:var(--vxe-table-checkbox-range-border-width) solid var(--vxe-table-checkbox-range-border-color)}.vxe-table--cell-area{height:0;font-size:0;display:none}.vxe-table--cell-area>.vxe-table--cell-main-area{background-color:var(--vxe-table-cell-area-background-color);border:var(--vxe-table-cell-area-border-width) solid var(--vxe-table-cell-area-border-color)}.vxe-table--cell-area .vxe-table--cell-main-area-btn{display:none;position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border-style:solid;border-color:var(--vxe-table-cell-main-area-extension-border-color);border-width:1px 0 0 1px;background-color:var(--vxe-table-cell-main-area-extension-background-color);pointer-events:auto;cursor:crosshair}.vxe-table--cell-area .vxe-table--cell-extend-area{border:var(--vxe-table-cell-extend-area-border-width) solid var(--vxe-table-cell-extend-area-border-color)}@keyframes moveCopyCellBorder{to{background-position:0 -12px,100% 12px,12px 0,-12px 100%}}.vxe-table--cell-copy-area{background:linear-gradient(0deg,transparent 6px,var(--vxe-table-cell-copy-area-border-color) 6px) repeat-y,linear-gradient(0deg,transparent 50%,var(--vxe-table-cell-copy-area-border-color) 0) repeat-y,linear-gradient(90deg,transparent 50%,var(--vxe-table-cell-copy-area-border-color) 0) repeat-x,linear-gradient(90deg,transparent 50%,var(--vxe-table-cell-copy-area-border-color) 0) repeat-x;background-size:var(--vxe-table-cell-copy-area-border-width) 12px,var(--vxe-table-cell-copy-area-border-width) 12px,12px var(--vxe-table-cell-copy-area-border-width),12px var(--vxe-table-cell-copy-area-border-width);background-position:0 0,100% 0,0 0,0 100%;animation:moveCopyCellBorder .5s linear infinite}.vxe-table--cell-active-area{border:var(--vxe-table-cell-active-area-border-width) solid var(--vxe-table-cell-active-area-border-color)}.vxe-table--cell-multi-area>.vxe-table--cell-main-area{background-color:var(--vxe-table-cell-area-background-color)}.vxe-table--render-default.is--round .vxe-table--border-line,.vxe-table--render-default.is--round .vxe-table--render-default.is--round,.vxe-table--render-default.is--round:not(.is--header):not(.is--footer) .vxe-table--body-wrapper.body--wrapper{border-radius:var(--vxe-table-border-radius)}.vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.body--wrapper,.vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.body--wrapper{border-radius:var(--vxe-table-border-radius) var(--vxe-table-border-radius) 0 0}.vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-left--wrapper{border-radius:var(--vxe-table-border-radius) 0 0 0}.vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-right--wrapper{border-radius:0 var(--vxe-table-border-radius) 0 0}.vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.body--wrapper,.vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.body--wrapper{border-radius:0 0 var(--vxe-table-border-radius) var(--vxe-table-border-radius)}.vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-left--wrapper,.vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-left--wrapper,.vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-left--wrapper{border-radius:0 0 0 var(--vxe-table-border-radius)}.vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-right--wrapper,.vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-right--wrapper,.vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-right--wrapper{border-radius:0 0 var(--vxe-table-border-radius) 0}.vxe-table .vxe-table--header-wrapper{color:var(--vxe-table-header-font-color)}.vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line{position:absolute;left:0;bottom:0;height:0;border-bottom:var(--vxe-table-border-width) solid var(--vxe-table-border-color)}.vxe-table .vxe-cell--sort{width:1.5em;height:1.35em;vertical-align:middle;text-align:center;display:inline-block;position:relative}.vxe-table .vxe-sort--asc-btn,.vxe-table .vxe-sort--desc-btn{position:absolute;left:.2em;color:var(--vxe-table-column-icon-border-color);width:1em;text-align:center;height:.8em;line-height:.8em;cursor:pointer}.vxe-table .vxe-sort--asc-btn:hover,.vxe-table .vxe-sort--desc-btn:hover{color:var(--vxe-font-color)}.vxe-table .vxe-sort--asc-btn.sort--active,.vxe-table .vxe-sort--desc-btn.sort--active{color:var(--vxe-primary-color)}.vxe-table .vxe-sort--asc-btn{top:-.1em}.vxe-table .vxe-sort--desc-btn{bottom:-.2em}.vxe-header--column{position:relative;font-weight:var(--vxe-table-header-font-weight)}.vxe-header--column.col--ellipsis>.vxe-cell{display:flex;align-items:center}.vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-header--column.col--ellipsis>.vxe-cell>i:not(.vxe-cell--title),.vxe-header--column.col--ellipsis>.vxe-cell>span:not(.vxe-cell--title){flex-shrink:0}.vxe-header--column .vxe-cell--required-icon{display:inline-block;color:var(--vxe-table-validate-error-color);width:.8em;height:1em;line-height:1em;font-family:var(--vxe-icon-font-family);font-weight:400;position:relative}.vxe-header--column .vxe-cell--required-icon:before{content:"*";position:absolute;left:0;top:.2em}.vxe-header--column .vxe-cell--required-icon{margin-right:.1em}.vxe-header--column .vxe-cell--edit-icon,.vxe-header--column .vxe-cell-help-icon{margin-right:.2em}.vxe-header--column .vxe-cell-help-icon{cursor:help}.vxe-header--column .vxe-resizable{position:absolute;right:-7px;bottom:0;width:14px;height:100%;text-align:center;z-index:1;cursor:col-resize}.vxe-header--column .vxe-resizable.is--line:after,.vxe-header--column .vxe-resizable.is--line:before{content:"";display:inline-block;vertical-align:middle}.vxe-header--column .vxe-resizable.is--line:before{width:1px;height:50%;background-color:var(--vxe-table-resizable-line-color)}.vxe-header--column .vxe-resizable.is--line:after{width:0;height:100%}.vxe-table--fixed-right-wrapper .vxe-header--column .vxe-resizable{right:auto;left:-7px}.vxe-table--render-default{position:relative;font-size:var(--vxe-font-size);color:var(--vxe-font-color);font-family:var(--vxe-font-family);direction:ltr}.vxe-table--render-default .vxe-table--body-wrapper table{background-color:var(--vxe-table-body-background-color)}.vxe-table--render-default .vxe-table--footer-wrapper table{background-color:var(--vxe-table-footer-background-color)}.vxe-table--render-default .vxe-table--body,.vxe-table--render-default .vxe-table--footer,.vxe-table--render-default .vxe-table--header{border:0;border-spacing:0;border-collapse:separate;table-layout:fixed}.vxe-table--render-default .vxe-table--footer-wrapper,.vxe-table--render-default .vxe-table--header-wrapper{overflow-x:hidden;overflow-y:hidden}.vxe-table--render-default:not(.is--empty).is--footer.is--scroll-x .vxe-table--body-wrapper{overflow-x:scroll}.vxe-table--render-default .vxe-body--row.row--stripe{background-color:var(--vxe-table-row-striped-background-color)}.vxe-table--render-default .vxe-body--row.row--radio{background-color:var(--vxe-table-row-radio-checked-background-color)}.vxe-table--render-default .vxe-body--row.row--checked{background-color:var(--vxe-table-row-checkbox-checked-background-color)}.vxe-table--render-default .vxe-body--row.row--current{background-color:var(--vxe-table-row-current-background-color)}.vxe-table--render-default .vxe-body--row.row--hover{background-color:var(--vxe-table-row-hover-background-color)}.vxe-table--render-default .vxe-body--row.row--hover.row--stripe{background-color:var(--vxe-table-row-hover-striped-background-color)}.vxe-table--render-default .vxe-body--row.row--hover.row--radio{background-color:var(--vxe-table-row-hover-radio-checked-background-color)}.vxe-table--render-default .vxe-body--row.row--hover.row--checked{background-color:var(--vxe-table-row-hover-checkbox-checked-background-color)}.vxe-table--render-default .vxe-body--row.row--hover.row--current{background-color:var(--vxe-table-row-hover-current-background-color)}.vxe-table--render-default.drag--resize .vxe-table--fixed-left-wrapper *,.vxe-table--render-default.drag--resize .vxe-table--fixed-right-wrapper *,.vxe-table--render-default.drag--resize .vxe-table--main-wrapper *{cursor:col-resize}.vxe-table--render-default.drag--area .vxe-table--fixed-left-wrapper *,.vxe-table--render-default.drag--area .vxe-table--fixed-right-wrapper *,.vxe-table--render-default.drag--area .vxe-table--main-wrapper *,.vxe-table--render-default.drag--range .vxe-table--fixed-left-wrapper *,.vxe-table--render-default.drag--range .vxe-table--fixed-right-wrapper *,.vxe-table--render-default.drag--range .vxe-table--main-wrapper *{cursor:default}.vxe-table--render-default.drag--extend-range .vxe-table--fixed-left-wrapper *,.vxe-table--render-default.drag--extend-range .vxe-table--fixed-right-wrapper *,.vxe-table--render-default.drag--extend-range .vxe-table--main-wrapper *{cursor:crosshair}.vxe-table--render-default.column--highlight .vxe-header--column:not(.col--seq):hover{background-color:var(--vxe-table-column-hover-background-color)}.vxe-table--render-default.cell--area .vxe-table--main-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table--render-default .vxe-body--column,.vxe-table--render-default .vxe-footer--column,.vxe-table--render-default .vxe-header--column{position:relative;line-height:var(--vxe-table-row-line-height);text-align:left}.vxe-table--render-default .vxe-body--column:not(.col--ellipsis),.vxe-table--render-default .vxe-footer--column:not(.col--ellipsis),.vxe-table--render-default .vxe-header--column:not(.col--ellipsis){padding:var(--vxe-table-column-padding-default)}.vxe-table--render-default .vxe-body--column.col--current,.vxe-table--render-default .vxe-footer--column.col--current,.vxe-table--render-default .vxe-header--column.col--current{background-color:var(--vxe-table-column-current-background-color)}.vxe-table--render-default .vxe-body--column.col--center,.vxe-table--render-default .vxe-footer--column.col--center,.vxe-table--render-default .vxe-header--column.col--center{text-align:center}.vxe-table--render-default .vxe-body--column.col--right,.vxe-table--render-default .vxe-footer--column.col--right,.vxe-table--render-default .vxe-header--column.col--right{text-align:right}.vxe-table--render-default .vxe-footer--column.col--ellipsis.col--center .vxe-cell,.vxe-table--render-default .vxe-header--column.col--ellipsis.col--center .vxe-cell{justify-content:center}.vxe-table--render-default .vxe-footer--column.col--ellipsis.col--right .vxe-cell,.vxe-table--render-default .vxe-header--column.col--ellipsis.col--right .vxe-cell{justify-content:flex-end}.vxe-table--render-default .vxe-body--column.col--checkbox{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table--render-default .vxe-table--footer-wrapper{border-top:var(--vxe-table-border-width) solid var(--vxe-table-border-color)}.vxe-table--render-default.border--default .vxe-table--header-wrapper,.vxe-table--render-default.border--full .vxe-table--header-wrapper,.vxe-table--render-default.border--outer .vxe-table--header-wrapper{background-color:var(--vxe-table-header-background-color)}.vxe-table--render-default.border--default .vxe-body--column,.vxe-table--render-default.border--default .vxe-footer--column,.vxe-table--render-default.border--default .vxe-header--column,.vxe-table--render-default.border--inner .vxe-body--column,.vxe-table--render-default.border--inner .vxe-footer--column,.vxe-table--render-default.border--inner .vxe-header--column{background-image:linear-gradient(var(--vxe-table-border-color),var(--vxe-table-border-color));background-repeat:no-repeat;background-size:100% var(--vxe-table-border-width);background-position:100% 100%}.vxe-table--render-default.border--full .vxe-body--column,.vxe-table--render-default.border--full .vxe-footer--column,.vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(var(--vxe-table-border-color),var(--vxe-table-border-color)),linear-gradient(var(--vxe-table-border-color),var(--vxe-table-border-color));background-repeat:no-repeat;background-size:var(--vxe-table-border-width) 100%,100% var(--vxe-table-border-width);background-position:100% 0,100% 100%}.vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column{border-right-color:var(--vxe-table-border-color)}.vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(var(--vxe-table-border-color),var(--vxe-table-border-color));background-repeat:no-repeat;background-size:100% var(--vxe-table-border-width);background-position:100% 100%}.vxe-table--render-default.border--inner .vxe-table--header-wrapper,.vxe-table--render-default.border--none .vxe-table--header-wrapper{background-color:var(--vxe-table-header-background-color)}.vxe-table--render-default.border--inner .vxe-table--fixed-left-wrapper,.vxe-table--render-default.border--none .vxe-table--fixed-left-wrapper{border-right:0}.vxe-table--render-default.border--inner .vxe-table--border-line{border-width:0 0 1px 0}.vxe-table--render-default.border--none .vxe-table--border-line,.vxe-table--render-default.border--none .vxe-table--header-border-line{display:none}.vxe-table--render-default.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-table--render-default.size--medium .vxe-table--empty-block,.vxe-table--render-default.size--medium .vxe-table--empty-placeholder{min-height:var(--vxe-table-row-height-medium)}.vxe-table--render-default.size--medium .vxe-body--column:not(.col--ellipsis),.vxe-table--render-default.size--medium .vxe-footer--column:not(.col--ellipsis),.vxe-table--render-default.size--medium .vxe-header--column:not(.col--ellipsis){padding:var(--vxe-table-column-padding-medium)}.vxe-table--render-default.size--medium .vxe-cell .vxe-default-input,.vxe-table--render-default.size--medium .vxe-cell .vxe-default-select,.vxe-table--render-default.size--medium .vxe-cell .vxe-default-textarea{height:var(--vxe-input-height-medium)}.vxe-table--render-default.size--medium .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:3px}.vxe-table--render-default.size--small{font-size:var(--vxe-font-size-small)}.vxe-table--render-default.size--small .vxe-table--empty-block,.vxe-table--render-default.size--small .vxe-table--empty-placeholder{min-height:var(--vxe-table-row-height-small)}.vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis),.vxe-table--render-default.size--small .vxe-footer--column:not(.col--ellipsis),.vxe-table--render-default.size--small .vxe-header--column:not(.col--ellipsis){padding:var(--vxe-table-column-padding-small)}.vxe-table--render-default.size--small .vxe-cell .vxe-default-input,.vxe-table--render-default.size--small .vxe-cell .vxe-default-select,.vxe-table--render-default.size--small .vxe-cell .vxe-default-textarea{height:var(--vxe-input-height-small)}.vxe-table--render-default.size--small .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:2px}.vxe-table--render-default.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-table--render-default.size--mini .vxe-table--empty-block,.vxe-table--render-default.size--mini .vxe-table--empty-placeholder{min-height:var(--vxe-table-row-height-mini)}.vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),.vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis),.vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis){padding:var(--vxe-table-column-padding-mini)}.vxe-table--render-default.size--mini .vxe-cell .vxe-default-input,.vxe-table--render-default.size--mini .vxe-cell .vxe-default-select,.vxe-table--render-default.size--mini .vxe-cell .vxe-default-textarea{height:var(--vxe-input-height-mini)}.vxe-table--render-default.size--mini .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:1px}.vxe-table--render-default .vxe-cell{white-space:pre-line;word-break:break-all;padding-left:var(--vxe-table-cell-padding-left);padding-right:var(--vxe-table-cell-padding-right)}.vxe-table--render-default .vxe-cell--placeholder{color:var(--vxe-table-cell-placeholder-color)}.vxe-table--render-default .fixed--hidden{visibility:hidden}.vxe-table--render-default .vxe-table--fixed-left-wrapper,.vxe-table--render-default .vxe-table--fixed-right-wrapper{width:100%;position:absolute;top:0;z-index:5;overflow:hidden;background-color:inherit;transition:box-shadow .3s}.vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper,.vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--body-wrapper{overflow-x:hidden}.vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper{width:calc(100% + 40px)}.vxe-table--render-default.is--header .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper:before,.vxe-table--render-default.is--header .vxe-table--fixed-right-wrapper .vxe-table--body-wrapper:before{display:none}.vxe-table--render-default .vxe-table--fixed-left-wrapper{left:0;width:200px}.vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:var(--vxe-table-fixed-left-scrolling-box-shadow)}.vxe-table--render-default .vxe-table--fixed-right-wrapper{right:0}.vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:var(--vxe-table-fixed-right-scrolling-box-shadow)}.vxe-table--render-default .vxe-table--body-wrapper,.vxe-table--render-default .vxe-table--footer-wrapper,.vxe-table--render-default .vxe-table--header-wrapper{position:relative}.vxe-table--render-default .vxe-table--body-wrapper.fixed-left--wrapper,.vxe-table--render-default .vxe-table--body-wrapper.fixed-right--wrapper,.vxe-table--render-default .vxe-table--footer-wrapper.fixed-left--wrapper,.vxe-table--render-default .vxe-table--footer-wrapper.fixed-right--wrapper,.vxe-table--render-default .vxe-table--header-wrapper.fixed-left--wrapper,.vxe-table--render-default .vxe-table--header-wrapper.fixed-right--wrapper{position:absolute;top:0}.vxe-table--render-default .vxe-table--body-wrapper.fixed-left--wrapper,.vxe-table--render-default .vxe-table--footer-wrapper.fixed-left--wrapper,.vxe-table--render-default .vxe-table--header-wrapper.fixed-left--wrapper{left:0}.vxe-table--render-default .vxe-table--body-wrapper.fixed-right--wrapper,.vxe-table--render-default .vxe-table--footer-wrapper.fixed-right--wrapper,.vxe-table--render-default .vxe-table--header-wrapper.fixed-right--wrapper{right:0;overflow-y:auto}.vxe-table--render-default .vxe-body--x-space{width:100%;height:1px;margin-bottom:-1px}.vxe-table--render-default .vxe-body--y-space{width:0;float:left}.vxe-table--render-default .vxe-table--resizable-bar{display:none;position:absolute;top:0;left:0;width:1px;height:100%;z-index:9;cursor:col-resize}.vxe-table--render-default .vxe-table--resizable-bar:before{content:"";display:block;height:100%;background-color:var(--vxe-table-resizable-drag-line-color)}.vxe-table--render-default .vxe-table--border-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;border:var(--vxe-table-border-width) solid var(--vxe-table-border-color)}.vxe-table--render-default.is--tree-line .vxe-body--row:first-child .vxe-tree--line{border-width:0 0 1px 0}.vxe-table--render-default.is--tree-line .vxe-body--row .vxe-body--column{background-image:none}.vxe-table--render-default .vxe-tree--line-wrapper{position:relative;display:block;height:0}.vxe-table--render-default .vxe-tree--line{content:"";position:absolute;bottom:-.9em;width:.8em;border-width:0 0 1px 1px;border-style:var(--vxe-table-tree-node-line-style);border-color:var(--vxe-table-tree-node-line-color);pointer-events:none}.vxe-table--render-default .vxe-cell--tree-node{position:relative}.vxe-table--render-default .vxe-tree--btn-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;transform:translateY(-50%);z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-table--render-default .vxe-tree--node-btn{display:block;color:var(--vxe-font-lighten-color)}.vxe-table--render-default .vxe-tree--node-btn:hover{color:var(--vxe-font-color)}.vxe-table--render-default .vxe-tree-cell{display:block;padding-left:1.5em}.vxe-table--render-default .vxe-body--column.col--ellipsis>.vxe-cell .vxe-tree-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table--render-default .vxe-table--expanded{cursor:pointer}.vxe-table--render-default .vxe-table--expanded .vxe-table--expand-btn{display:inline-block;width:1em;height:1em;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--vxe-font-lighten-color)}.vxe-table--render-default .vxe-table--expanded .vxe-table--expand-btn:hover{color:var(--vxe-font-color)}.vxe-table--render-default .vxe-table--expanded+.vxe-table--expand-label{padding-left:.5em}.vxe-table--render-default .vxe-body--expanded-column{border-bottom:var(--vxe-table-border-width) solid var(--vxe-table-border-color)}.vxe-table--render-default .vxe-body--expanded-column.col--ellipsis>.vxe-body--expanded-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table--render-default .vxe-body--expanded-cell{position:relative;z-index:1}.vxe-table--render-default .vxe-body--expanded-cell.is--ellipsis{overflow:auto}.vxe-table--render-default .vxe-body--column.col--ellipsis>.vxe-cell,.vxe-table--render-default .vxe-footer--column.col--ellipsis>.vxe-cell,.vxe-table--render-default .vxe-header--column.col--ellipsis>.vxe-cell{max-height:var(--vxe-table-row-height-default)}.vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis>.vxe-cell{max-height:var(--vxe-table-row-height-medium)}.vxe-table--render-default.size--medium .vxe-cell--checkbox{font-size:var(--vxe-checkbox-font-size-medium)}.vxe-table--render-default.size--medium .vxe-cell--radio{font-size:var(--vxe-radio-font-size-medium)}.vxe-table--render-default.size--small .vxe-body--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--small .vxe-header--column.col--ellipsis>.vxe-cell{max-height:var(--vxe-table-row-height-small)}.vxe-table--render-default.size--small .vxe-cell--checkbox{font-size:var(--vxe-checkbox-font-size-small)}.vxe-table--render-default.size--small .vxe-cell--radio{font-size:var(--vxe-radio-font-size-small)}.vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell{max-height:var(--vxe-table-row-height-mini)}.vxe-table--render-default.size--mini .vxe-cell--checkbox{font-size:var(--vxe-checkbox-font-size-mini)}.vxe-table--render-default.size--mini .vxe-cell--radio{font-size:var(--vxe-radio-font-size-mini)}.vxe-table--render-default .vxe-table--empty-block,.vxe-table--render-default .vxe-table--empty-placeholder{min-height:var(--vxe-table-row-height-default);justify-content:center;align-items:center;text-align:center;overflow:hidden;width:100%;pointer-events:none}.vxe-table--render-default .vxe-table--empty-block{display:none;visibility:hidden}.vxe-table--render-default .vxe-table--empty-placeholder{display:none;position:absolute;top:0;z-index:5}.vxe-table--render-default .vxe-table--empty-content{display:block;width:50%;pointer-events:auto}.vxe-table--render-default.is--empty .vxe-table--empty-block,.vxe-table--render-default.is--empty .vxe-table--empty-placeholder{display:flex}.vxe-table--render-default .vxe-body--column.col--selected{box-shadow:inset 0 0 0 2px var(--vxe-primary-color)}.vxe-table--render-default .vxe-body--column.col--actived,.vxe-table--render-default .vxe-body--column.col--selected{position:relative}.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid{width:100%;position:absolute;left:50%;font-size:12px;line-height:1.2em;transform:translateX(-50%);text-align:left;pointer-events:none;z-index:4;padding-left:var(--vxe-table-cell-padding-left);padding-right:var(--vxe-table-cell-padding-right)}.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid .vxe-cell--valid-msg{display:inline-block;border-radius:var(--vxe-border-radius);color:var(--vxe-table-validate-error-color);background-color:var(--vxe-table-validate-error-background-color);pointer-events:auto}.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-input,.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-select,.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-textarea,.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-input>.vxe-input--inner{border-color:var(--vxe-table-validate-error-color)}.vxe-table--render-default.vaild-msg--single .vxe-body--row:last-child .vxe-cell--valid{bottom:100%}.vxe-table--render-default.vaild-msg--single .vxe-body--row:last-child:first-child .vxe-cell--valid{bottom:auto}.vxe-table--render-default.vaild-msg--full .vxe-body--row:last-child .vxe-cell--valid{top:calc(100% - 1.3em)}.vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid{width:320px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:4}.vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid .vxe-cell--valid-msg{display:inline-block;border-radius:4px;padding:8px 12px;color:#fff;background-color:#f56c6c;pointer-events:auto}.vxe-table--render-default.old-cell-valid .vxe-body--row:first-child .vxe-cell--valid{bottom:auto;top:calc(100% + 4px)}.vxe-table--render-default.old-cell-valid .vxe-body--column:first-child .vxe-cell--valid{left:10px;transform:translateX(0);text-align:left}.vxe-table--render-default .vxe-body--row.row--new>.vxe-body--column{position:relative}.vxe-table--render-default .vxe-body--row.row--new>.vxe-body--column:before{content:"";top:calc(var(--vxe-table-cell-dirty-width)*-1);left:calc(var(--vxe-table-cell-dirty-width)*-1);position:absolute;border-width:var(--vxe-table-cell-dirty-width);border-style:solid;border-color:transparent var(--vxe-table-cell-dirty-insert-color) transparent transparent;transform:rotate(45deg)}.vxe-table--render-default .vxe-body--column.col--dirty{position:relative}.vxe-table--render-default .vxe-body--column.col--dirty:before{content:"";top:calc(var(--vxe-table-cell-dirty-width)*-1);left:calc(var(--vxe-table-cell-dirty-width)*-1);position:absolute;border-width:var(--vxe-table-cell-dirty-width);border-style:solid;border-color:transparent var(--vxe-table-cell-dirty-update-color) transparent transparent;transform:rotate(45deg)}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived{box-shadow:inset 0 0 0 2px var(--vxe-primary-color)}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived.col--valid-error{box-shadow:inset 0 0 0 2px var(--vxe-table-validate-error-color)}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-input,.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-textarea{border:0;padding:0}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-input{height:var(--vxe-table-row-line-height)}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-input .vxe-input--inner{border:0;padding-left:0}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-textarea{height:calc(var(--vxe-table-row-line-height) - 1px)}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-textarea .vxe-textarea--inner{border:0}.vxe-table--render-default.vxe-editable .vxe-body--column,.vxe-table--render-default.vxe-editable .vxe-body--column.col--actived{padding:0}div.vxe-table--tooltip-wrapper.vxe-table--valid-error{padding:0;color:var(--vxe-table-validate-error-color);background-color:var(--vxe-table-validate-error-background-color)}div.vxe-table--tooltip-wrapper.vxe-table--valid-error.old-cell-valid{padding:8px 12px;background-color:#f56c6c;color:#fff}.vxe-table--footer-wrapper{color:var(--vxe-table-footer-font-color);margin-top:-1px}.vxe-table--footer-wrapper.body--wrapper{overflow-x:auto}.vxe-footer--column.col--ellipsis>.vxe-cell{display:flex;align-items:center}.vxe-footer--column.col--ellipsis>.vxe-cell .vxe-cell--item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-grid{position:relative}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-loading-background-color)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-grid-maximize-background-color)}.vxe-grid .vxe-body--row.row--pending{color:var(--vxe-table-validate-error-color);text-decoration:line-through;cursor:no-drop}.vxe-grid .vxe-body--row.row--pending .vxe-body--column{position:relative}.vxe-grid .vxe-body--row.row--pending .vxe-body--column:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px solid var(--vxe-table-validate-error-color);z-index:1}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid{font-size:var(--vxe-font-size)}.vxe-grid.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-grid.size--small{font-size:var(--vxe-font-size-small)}.vxe-grid.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-font-color);font-family:var(--vxe-font-family);background-color:var(--vxe-toolbar-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-table-border-color);border-bottom-width:0;background-color:var(--vxe-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--vxe-loading-z-index);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--wrapper{flex-wrap:wrap}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative;margin-left:.8em}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:var(--vxe-toolbar-custom-active-background-color);border-radius:50%}.vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper{display:block}.vxe-toolbar .vxe-custom--option-wrapper{display:none;position:absolute;right:2px;text-align:left;background-color:var(--vxe-toolbar-panel-background-color);z-index:19;border:1px solid var(--vxe-table-border-color);border-radius:var(--vxe-border-radius);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid var(--vxe-table-popup-border-color)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body{padding:.2em 0;max-height:17.6em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--checkbox-option:hover{background-color:var(--vxe-table-row-hover-background-color)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li{max-width:18em;min-width:14em;padding:.2em 1em .2em 1em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2{padding-left:3.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3{padding-left:4.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4{padding-left:5.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5{padding-left:6.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6{padding-left:7.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7{padding-left:8.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8{padding-left:9.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer{border-top:1px solid var(--vxe-table-popup-border-color);text-align:right}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button{background-color:transparent;width:50%;height:2.5em;border:0;color:var(--vxe-font-color);text-align:center;cursor:pointer}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:focus{outline:none}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover{color:var(--vxe-primary-color)}.vxe-custom--option{display:flex;flex-direction:row}.vxe-custom--option-wrapper .vxe-custom--body,.vxe-custom--option-wrapper .vxe-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-custom--checkbox-option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.vxe-custom--fixed-option{flex-shrink:0;padding-left:.5em;display:flex;flex-direction:row;align-items:center}.vxe-custom--fixed-option .vxe-custom--fixed-left-option,.vxe-custom--fixed-option .vxe-custom--fixed-right-option{line-height:1.34em;font-size:1.1em;padding:0 .2em;cursor:pointer}.vxe-custom--fixed-option .vxe-custom--fixed-left-option.is--checked,.vxe-custom--fixed-option .vxe-custom--fixed-left-option:hover,.vxe-custom--fixed-option .vxe-custom--fixed-right-option.is--checked,.vxe-custom--fixed-option .vxe-custom--fixed-right-option:hover{color:var(--vxe-primary-color)}.vxe-custom--fixed-option .vxe-custom--fixed-left-option.is--disabled,.vxe-custom--fixed-option .vxe-custom--fixed-right-option.is--disabled{cursor:no-drop;color:var(--vxe-input-disabled-color)}.vxe-toolbar{font-size:var(--vxe-font-size)}.vxe-toolbar.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-toolbar.size--small{font-size:var(--vxe-font-size-small)}.vxe-toolbar.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-pager{position:relative;display:flex;align-items:center;color:var(--vxe-font-color);font-family:var(--vxe-font-family);text-align:right;background-color:var(--vxe-pager-background-color)}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--vxe-loading-z-index);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-loading-background-color)}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;padding:0;border:1px solid transparent;font-size:inherit}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{box-shadow:0 0 .25em 0 var(--vxe-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#fff}.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:var(--vxe-input-border-color)}.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:var(--vxe-pager-perfect-button-background-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:var(--vxe-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:var(--vxe-primary-lighten-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:var(--vxe-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:var(--vxe-primary-darken-color);background-color:var(--vxe-primary-darken-color)}.vxe-pager.is--perfect{border:1px solid var(--vxe-table-border-color);border-top-width:0;background-color:var(--vxe-pager-perfect-background-color)}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:var(--vxe-primary-color)}.vxe-pager .vxe-pager--wrapper{flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--jump .vxe-pager--goto,.vxe-pager .vxe-pager--sizes>.vxe-input{height:2.15em;line-height:2.15em}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:var(--vxe-border-radius);margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-pager-background-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:var(--vxe-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:var(--vxe-primary-darken-color)}.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:var(--vxe-font-disabled-color)}.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:var(--vxe-font-disabled-color)}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:7em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto{border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color);color:var(--vxe-font-color);transition:border .2s ease-in-out;padding:0 .4em;background-color:var(--vxe-input-background-color)}.vxe-pager .vxe-pager--jump .vxe-pager--goto:focus{border:1px solid var(--vxe-primary-color);outline:0}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:3.2em;text-align:center}.vxe-pager{font-size:var(--vxe-font-size);height:var(--vxe-table-row-height-default)}.vxe-pager.size--medium{font-size:var(--vxe-font-size-medium);height:var(--vxe-table-row-height-medium)}.vxe-pager.size--small{font-size:var(--vxe-font-size-small);height:var(--vxe-table-row-height-small)}.vxe-pager.size--mini{font-size:var(--vxe-font-size-mini);height:var(--vxe-table-row-height-mini)}.vxe-checkbox,.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox{white-space:nowrap}.vxe-checkbox+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-primary-color);box-shadow:0 0 .2em 0 var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:var(--vxe-primary-color)}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:var(--vxe-input-disabled-color)}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:var(--vxe-font-disabled-color)}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:var(--vxe-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em}.vxe-checkbox{font-size:var(--vxe-font-size)}.vxe-checkbox.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-font-size-mini)}[class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{box-sizing:border-box}.vxe-checkbox .vxe-checkbox--label,.vxe-radio .vxe-radio--label,.vxe-radio-button .vxe-radio--label,.vxe-table--render-default .vxe-body--column.col--ellipsis:not(.col--actived)>.vxe-cell,.vxe-table--render-default .vxe-footer--column.col--ellipsis:not(.col--actived)>.vxe-cell,.vxe-table--render-default .vxe-header--column.col--ellipsis:not(.col--actived)>.vxe-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.vxe-primary-color{color:var(--vxe-primary-color)}.vxe-success-color{color:var(--vxe-success-color)}.vxe-info-color{color:var(--vxe-info-color)}.vxe-warning-color{color:var(--vxe-warning-color)}.vxe-danger-color{color:var(--vxe-danger-color)}.vxe-perfect-color{color:var(--vxe-table-header-background-color)}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-input--wrapper .vxe-input,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{transition:transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{transition:background-color .1s ease-in-out}.vxe-checkbox .vxe-checkbox--icon,.vxe-custom--checkbox-option .vxe-checkbox--icon,.vxe-export--panel-column-option .vxe-checkbox--icon,.vxe-table--filter-option .vxe-checkbox--icon,.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{font-size:1.34em;color:var(--vxe-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is--checked.vxe-checkbox,.is--checked.vxe-checkbox .vxe-checkbox--icon,.is--checked.vxe-custom--checkbox-option,.is--checked.vxe-custom--checkbox-option .vxe-checkbox--icon,.is--checked.vxe-export--panel-column-option,.is--checked.vxe-export--panel-column-option .vxe-checkbox--icon,.is--checked.vxe-table--filter-option,.is--checked.vxe-table--filter-option .vxe-checkbox--icon,.is--indeterminate.vxe-checkbox,.is--indeterminate.vxe-checkbox .vxe-checkbox--icon,.is--indeterminate.vxe-custom--checkbox-option,.is--indeterminate.vxe-custom--checkbox-option .vxe-checkbox--icon,.is--indeterminate.vxe-export--panel-column-option,.is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon,.is--indeterminate.vxe-table--filter-option,.is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon,.vxe-table--render-default .is--checked.vxe-cell--checkbox,.vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon,.vxe-table--render-default .is--indeterminate.vxe-cell--checkbox,.vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled),.vxe-custom--checkbox-option:not(.is--disabled),.vxe-export--panel-column-option:not(.is--disabled),.vxe-table--filter-option:not(.is--disabled),.vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon,.vxe-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon,.vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon,.vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon,.vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-primary-color)}.is--disabled.vxe-checkbox,.is--disabled.vxe-custom--checkbox-option,.is--disabled.vxe-export--panel-column-option,.is--disabled.vxe-table--filter-option,.vxe-table--render-default .is--disabled.vxe-cell--checkbox{color:var(--vxe-font-disabled-color);cursor:not-allowed}.is--disabled.vxe-checkbox .vxe-checkbox--icon,.is--disabled.vxe-custom--checkbox-option .vxe-checkbox--icon,.is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon,.is--disabled.vxe-table--filter-option .vxe-checkbox--icon,.vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon{color:var(--vxe-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label,.vxe-custom--checkbox-option .vxe-checkbox--label,.vxe-export--panel-column-option .vxe-checkbox--label,.vxe-table--filter-option .vxe-checkbox--label,.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-radio,.vxe-table--render-default .vxe-cell--radio{cursor:pointer}.vxe-radio .vxe-radio--icon,.vxe-table--render-default .vxe-cell--radio .vxe-radio--icon{font-size:1.4em;color:var(--vxe-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is--checked.vxe-radio,.is--checked.vxe-radio .vxe-radio--icon,.vxe-table--render-default .is--checked.vxe-cell--radio,.vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon{color:var(--vxe-primary-color)}.vxe-radio:not(.is--disabled),.vxe-table--render-default .vxe-cell--radio:not(.is--disabled){cursor:pointer}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon,.vxe-table--render-default .vxe-cell--radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-primary-color)}.is--disabled.vxe-radio,.vxe-table--render-default .is--disabled.vxe-cell--radio{color:var(--vxe-font-disabled-color);cursor:not-allowed}.is--disabled.vxe-radio .vxe-radio--icon,.vxe-table--render-default .is--disabled.vxe-cell--radio .vxe-radio--icon{color:var(--vxe-input-disabled-color)}.vxe-radio .vxe-radio--label,.vxe-table--render-default .vxe-cell--radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-radio-group{display:inline-block;vertical-align:middle;line-height:1;font-size:0}.vxe-radio-group+.vxe-radio-group{margin-left:10px}.vxe-radio{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{color:var(--vxe-primary-color)}.vxe-radio:not(.vxe-radio-button)+.vxe-radio{margin-left:10px}.vxe-radio-button .vxe-radio--label{background-color:var(--vxe-radio-button-default-background-color)}.vxe-radio-button:first-child .vxe-radio--label{border-left:1px solid var(--vxe-input-border-color);border-radius:var(--vxe-border-radius) 0 0 var(--vxe-border-radius)}.vxe-radio-button:last-child .vxe-radio--label{border-radius:0 var(--vxe-border-radius) var(--vxe-border-radius) 0}.vxe-radio-button>input:checked+.vxe-radio--label{color:#fff;background-color:var(--vxe-primary-color);border-color:var(--vxe-primary-color)}.vxe-radio-button .vxe-radio--label{padding:0 1em;line-height:calc(var(--vxe-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-input-border-color);border-width:1px 1px 1px 0;max-width:50em}.vxe-radio-button.is--disabled{cursor:not-allowed}.vxe-radio-button.is--disabled>input:not(:checked)+.vxe-radio--label{color:var(--vxe-input-disabled-color)}.vxe-radio-button.is--disabled>input:checked+.vxe-radio--label{border-color:var(--vxe-primary-lighten-color);background-color:var(--vxe-primary-lighten-color)}.vxe-radio-button:not(.is--disabled)>input:focus+.vxe-radio--label{border-color:var(--vxe-primary-color);box-shadow:0 0 .2em 0 var(--vxe-primary-color)}.vxe-radio-button:not(.is--disabled):hover>input:not(:checked)+.vxe-radio--label{color:var(--vxe-primary-color)}.vxe-radio-button.size--medium .vxe-radio--label{line-height:calc(var(--vxe-button-height-medium) - 2px)}.vxe-radio-button.size--small .vxe-radio--label{line-height:calc(var(--vxe-button-height-small) - 2px)}.vxe-radio-button.size--mini .vxe-radio--label{line-height:calc(var(--vxe-button-height-mini) - 2px)}.vxe-radio{font-size:var(--vxe-font-size)}.vxe-radio.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-radio.size--small{font-size:var(--vxe-font-size-small)}.vxe-radio.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-input--inner{width:100%;height:100%;border-radius:var(--vxe-border-radius);outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .6em;color:var(--vxe-font-color);border:1px solid var(--vxe-input-border-color);background-color:var(--vxe-input-background-color);box-shadow:none}.vxe-input--inner::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-input--inner::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-input--inner::-webkit-autofill{background-color:var(--vxe-input-background-color)}.vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input--inner[type=search],.vxe-input--inner[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vxe-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-font-disabled-color);background-color:var(--vxe-input-disabled-background-color)}.vxe-input{display:inline-block;position:relative;width:180px}.vxe-input.is--disabled .vxe-input--date-picker-suffix,.vxe-input.is--disabled .vxe-input--number-suffix,.vxe-input.is--disabled .vxe-input--password-suffix,.vxe-input.is--disabled .vxe-input--search-suffix,.vxe-input.is--disabled .vxe-input--suffix{cursor:no-drop}.vxe-input:not(.is--disabled) .vxe-input--clear-icon,.vxe-input:not(.is--disabled) .vxe-input--number-suffix,.vxe-input:not(.is--disabled) .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--search-suffix{cursor:pointer}.vxe-input:not(.is--disabled).is--active .vxe-input--inner{border:1px solid var(--vxe-primary-color)}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--prefix,.vxe-input .vxe-input--suffix{display:flex;position:absolute;top:0;width:1.6em;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;color:var(--vxe-table-column-icon-border-color)}.vxe-input--count{position:absolute;top:1px;right:.5em;height:calc(100% - 2px);color:var(--vxe-input-count-color);background-color:var(--vxe-input-count-background-color)}.vxe-input--count.is--error{color:var(--vxe-input-count-error-color)}.vxe-input .vxe-input--prefix{left:.2em}.vxe-input.is--prefix .vxe-input--inner{padding-left:1.8em}.vxe-input .vxe-input--clear-icon{display:none}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--suffix{right:.2em}.vxe-input.is--suffix .vxe-input--inner{padding-right:1.8em}.vxe-input.is--suffix.is--count .vxe-input--inner{padding-right:5em}.vxe-input.is--suffix .vxe-input--count{right:2.1em}.vxe-input.is--left .vxe-input--inner{text-align:left}.vxe-input.is--center .vxe-input--inner{text-align:center}.vxe-input.is--right .vxe-input--inner{text-align:right}.vxe-input.is--count .vxe-input--inner{padding-right:3.4em}.vxe-input.is--controls.type--date .vxe-input--inner,.vxe-input.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--controls.type--float .vxe-input--inner,.vxe-input.is--controls.type--integer .vxe-input--inner,.vxe-input.is--controls.type--month .vxe-input--inner,.vxe-input.is--controls.type--number .vxe-input--inner,.vxe-input.is--controls.type--password .vxe-input--inner,.vxe-input.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--controls.type--search .vxe-input--inner,.vxe-input.is--controls.type--time .vxe-input--inner,.vxe-input.is--controls.type--week .vxe-input--inner,.vxe-input.is--controls.type--year .vxe-input--inner{padding-right:1.8em}.vxe-input.is--controls.type--date .vxe-input--suffix,.vxe-input.is--controls.type--datetime .vxe-input--suffix,.vxe-input.is--controls.type--float .vxe-input--suffix,.vxe-input.is--controls.type--integer .vxe-input--suffix,.vxe-input.is--controls.type--month .vxe-input--suffix,.vxe-input.is--controls.type--number .vxe-input--suffix,.vxe-input.is--controls.type--password .vxe-input--suffix,.vxe-input.is--controls.type--quarter .vxe-input--suffix,.vxe-input.is--controls.type--search .vxe-input--suffix,.vxe-input.is--controls.type--time .vxe-input--suffix,.vxe-input.is--controls.type--week .vxe-input--suffix,.vxe-input.is--controls.type--year .vxe-input--suffix{right:1.6em}.vxe-input.is--suffix.is--controls.type--date .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--float .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--integer .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--month .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--number .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--password .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--search .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--time .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--week .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--year .vxe-input--inner{padding-right:3.2em}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--suffix-icon{display:none}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--clear-icon{display:inline}.vxe-input:not(.is--disabled) .vxe-input--suffix:hover .vxe-input--clear-icon{color:var(--vxe-font-color)}.vxe-input:not(.is--disabled) .vxe-input--suffix:active .vxe-input--clear-icon{color:var(--vxe-primary-color)}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--search-suffix{color:var(--vxe-font-color)}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--search-suffix{color:var(--vxe-primary-color)}.vxe-input:not(.is--disabled) .vxe-input--number-next:hover,.vxe-input:not(.is--disabled) .vxe-input--number-prev:hover{color:var(--vxe-font-color)}.vxe-input:not(.is--disabled) .vxe-input--number-next:active,.vxe-input:not(.is--disabled) .vxe-input--number-prev:active{color:var(--vxe-primary-color)}.vxe-input:not(.is--disabled) .vxe-input--number-next.is--disabled,.vxe-input:not(.is--disabled) .vxe-input--number-prev.is--disabled{cursor:no-drop;color:var(--vxe-input-number-disabled-color)}.vxe-input .vxe-input--date-picker-suffix,.vxe-input .vxe-input--number-suffix,.vxe-input .vxe-input--password-suffix,.vxe-input .vxe-input--search-suffix{position:relative;width:100%;height:100%}.vxe-input .vxe-input--date-picker-icon,.vxe-input .vxe-input--password-icon,.vxe-input .vxe-input--search-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vxe-input .vxe-input--date-picker-icon[class*=vxe-icon-],.vxe-input .vxe-input--password-icon[class*=vxe-icon-],.vxe-input .vxe-input--search-icon[class*=vxe-icon-]{font-size:1.2em}.vxe-input .vxe-input--date-picker-suffix{display:flex;align-items:center;justify-content:center}.vxe-input .vxe-input--date-picker-suffix .vxe-input--panel-icon{transition:transform .2s ease-in-out}.vxe-input .vxe-input--number-next,.vxe-input .vxe-input--number-prev{position:relative;display:block;height:50%;width:100%;text-align:center}.vxe-input .vxe-input--number-next-icon,.vxe-input .vxe-input--number-prev-icon{line-height:.8em;position:absolute;left:50%;transform:translateX(-50%)}.vxe-input .vxe-input--number-prev-icon{bottom:0}.vxe-input .vxe-input--number-next-icon{top:0}.vxe-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-font-color);text-align:left}.vxe-input--panel:not(.is--transfer){min-width:100%}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-input--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-input--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{background-color:var(--vxe-input-panel-background-color);border:1px solid var(--vxe-table-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-border-radius)}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-input--panel-layout-wrapper{display:flex;flex-direction:row}.vxe-input--panel.type--date,.vxe-input--panel.type--month,.vxe-input--panel.type--quarter,.vxe-input--panel.type--week,.vxe-input--panel.type--year{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-input-border-color)}.vxe-input--panel.type--date .vxe-input--date-picker-body th,.vxe-input--panel.type--datetime .vxe-input--date-picker-body th{width:14.28571%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th{width:12%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th:first-child{width:14%}.vxe-input--panel.type--quarter .vxe-input--date-picker-body table th{width:50%}.vxe-input--panel.type--month .vxe-input--date-picker-body td,.vxe-input--panel.type--year .vxe-input--date-picker-body td{width:25%}.vxe-input--time-picker-title{display:inline-block;text-align:center;border:1px solid var(--vxe-input-border-color);border-radius:var(--vxe-border-radius)}.vxe-input--time-picker-confirm{position:absolute;right:0;top:0}.vxe-input--date-picker-confirm,.vxe-input--time-picker-confirm{outline:0;border:1px solid var(--vxe-input-border-color);border-radius:var(--vxe-border-radius);cursor:pointer;color:var(--vxe-input-date-time-confirm-button-color);border-color:var(--vxe-primary-color);background-color:var(--vxe-primary-color)}.vxe-input--date-picker-confirm:hover,.vxe-input--time-picker-confirm:hover{background-color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-input--date-picker-confirm:active,.vxe-input--time-picker-confirm:active{background-color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color)}.vxe-input--time-picker-header{display:flex;position:relative;flex-shrink:0}.vxe-input--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--date-picker-header .vxe-input--date-picker-type-wrapper{flex-grow:1}.vxe-input--date-picker-header .vxe-input--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{display:inline-block}.vxe-input--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-input--date-picker-btn,.vxe-input--date-picker-label{display:inline-block;display:flex;align-items:center;justify-content:center;background-color:var(--vxe-button-default-background-color)}.vxe-input--date-picker-btn.is--disabled{color:var(--vxe-font-disabled-color);cursor:no-drop}.vxe-input--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-btn:not(.is--disabled):active,.vxe-input--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-input--date-picker-body{border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-table-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-input--date-picker-body td,.vxe-input--date-picker-body th{font-weight:400}.vxe-input--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-table-popup-border-color)}.vxe-input--date-picker-body td.is--next,.vxe-input--date-picker-body td.is--next .vxe-input--date-festival,.vxe-input--date-picker-body td.is--next .vxe-input--date-label,.vxe-input--date-picker-body td.is--prev,.vxe-input--date-picker-body td.is--prev .vxe-input--date-festival,.vxe-input--date-picker-body td.is--prev .vxe-input--date-label{color:var(--vxe-font-disabled-color)}.vxe-input--date-picker-body td.is--now{box-shadow:inset 0 0 0 1px var(--vxe-table-popup-border-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current,.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-festival,.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-label{color:var(--vxe-primary-color)}.vxe-input--date-picker-body td.is--hover{background-color:var(--vxe-input-date-picker-hover-background-color)}.vxe-input--date-picker-body td.is--selected{color:var(--vxe-input-date-picker-selected-color);background-color:var(--vxe-primary-color)}.vxe-input--date-picker-body td.is--selected.is--next,.vxe-input--date-picker-body td.is--selected.is--prev{background-color:var(--vxe-primary-lighten-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-festival,.vxe-input--date-picker-body td.is--selected .vxe-input--date-label{color:var(--vxe-input-date-picker-festival-selected-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before{background-color:var(--vxe-input-date-picker-notice-selected-background-color)}.vxe-input--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-input-disabled-color);background-color:var(--vxe-input-disabled-background-color)}.vxe-input--date-picker-body td.is--disabled .vxe-input--date-festival,.vxe-input--date-picker-body td.is--disabled .vxe-input--date-label{color:var(--vxe-input-disabled-color)}.vxe-input--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-table-popup-border-color)}.vxe-input--date-week-view td:first-child{box-shadow:inset -1px 0 0 0 var(--vxe-table-popup-border-color)}.vxe-input--date-festival,.vxe-input--date-label{display:block;overflow:hidden}.vxe-input--date-label{position:relative}.vxe-input--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-input-date-notice-background-color)}.vxe-input--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;line-height:12px;transform:scale(.7);color:var(--vxe-input-date-extra-color)}.vxe-input--date-label--extra.is-important{color:var(--vxe-input-date-extra-important-color)}.vxe-input--date-festival{color:var(--vxe-input-date-festival-color);height:14px;line-height:1;overflow:hidden}.vxe-input--date-festival.is-important{color:var(--vxe-input-date-festival-important-color)}.vxe-input--date-festival--label{display:block;font-size:12px;transform:scale(.8)}@keyframes festivalOverlap2{0%,45%,to{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,20%,to{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-input--date-festival--overlap{display:block;font-size:12px}.vxe-input--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s ease-in-out infinite}.vxe-input--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s ease-in-out infinite}.vxe-input--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-input--time-picker-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-table-popup-border-color);flex-grow:1;border-radius:var(--vxe-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-input--time-picker-body>ul:after,.vxe-input--time-picker-body>ul:before{content:" ";display:block}.vxe-input--time-picker-body>ul:hover{overflow-y:auto}.vxe-input--time-picker-body>ul>li{display:block}.vxe-input--time-picker-body>ul>li:hover{background-color:var(--vxe-input-date-picker-hover-background-color);cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-primary-color)}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list,.vxe-input--time-picker-body .vxe-input--time-picker-second-list{border-left:1px solid var(--vxe-table-popup-border-color)}.vxe-input{font-size:var(--vxe-font-size);height:var(--vxe-input-height-default);line-height:var(--vxe-input-height-default)}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-input.size--medium{font-size:var(--vxe-font-size-medium);height:var(--vxe-input-height-medium);line-height:var(--vxe-input-height-medium)}.vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-input.size--small{font-size:var(--vxe-font-size-small);height:var(--vxe-input-height-small);line-height:var(--vxe-input-height-small)}.vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-input.size--mini{font-size:var(--vxe-font-size-mini);height:var(--vxe-input-height-mini);line-height:var(--vxe-input-height-mini)}.vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-input--panel{font-size:var(--vxe-font-size)}.vxe-input--panel .vxe-input--panel-wrapper{max-height:380px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--time .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:11px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.type--time .vxe-input--panel-wrapper{width:170px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{padding:11px}.vxe-input--panel .vxe-input--time-picker-title{height:30px;line-height:30px;padding:0 11px}.vxe-input--panel .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-label{height:30px;line-height:30px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:8px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:30px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 9px}.vxe-input--panel .vxe-input--date-picker-header,.vxe-input--panel .vxe-input--time-picker-header{padding-bottom:8px}.vxe-input--panel .vxe-input--date-picker-body table,.vxe-input--panel .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-default)*6 + var(--vxe-input-date-title-height-default))}.vxe-input--panel .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel .vxe-input--time-picker-body>ul:after,.vxe-input--panel .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel .vxe-input--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel .vxe-input--date-day-view td,.vxe-input--panel .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-default)}.vxe-input--panel .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-default)}.vxe-input--panel .vxe-input--date-month-view td,.vxe-input--panel .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-default)}.vxe-input--panel .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-default)}.vxe-input--panel .vxe-input--date-picker-confirm,.vxe-input--panel .vxe-input--time-picker-confirm{height:30px;padding:0 9px}.vxe-input--panel .vxe-input--date-label{line-height:calc(var(--vxe-font-size) + 1px)}.vxe-input--panel.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-input--panel.size--medium .vxe-input--panel-wrapper{max-height:360px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{padding:10px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper{width:168px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper{padding:10px}.vxe-input--panel.size--medium .vxe-input--time-picker-title{height:29px;line-height:29px;padding:0 10px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-label{height:29px;line-height:29px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:29px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-picker-header,.vxe-input--panel.size--medium .vxe-input--time-picker-header{padding-bottom:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-body table,.vxe-input--panel.size--medium .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-medium)*6 + var(--vxe-input-date-title-height-medium))}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--medium .vxe-input--date-day-view td,.vxe-input--panel.size--medium .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-month-view td,.vxe-input--panel.size--medium .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-confirm,.vxe-input--panel.size--medium .vxe-input--time-picker-confirm{height:29px;padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-label{line-height:calc(var(--vxe-font-size-medium) + 1px)}.vxe-input--panel.size--small{font-size:var(--vxe-font-size-small)}.vxe-input--panel.size--small .vxe-input--panel-wrapper{max-height:340px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{padding:9px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{width:312px}.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper{width:354px}.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper{width:154px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper{width:312px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper{padding:9px}.vxe-input--panel.size--small .vxe-input--time-picker-title{height:28px;line-height:28px;padding:0 9px}.vxe-input--panel.size--small .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-label{height:28px;line-height:28px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:6px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:28px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-picker-header,.vxe-input--panel.size--small .vxe-input--time-picker-header{padding-bottom:6px}.vxe-input--panel.size--small .vxe-input--date-picker-body table,.vxe-input--panel.size--small .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-small)*6 + var(--vxe-input-date-title-height-small))}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul{width:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:before{height:110px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:88px}.vxe-input--panel.size--small .vxe-input--date-day-view td,.vxe-input--panel.size--small .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-month-view td,.vxe-input--panel.size--small .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-confirm,.vxe-input--panel.size--small .vxe-input--time-picker-confirm{height:28px;padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-label{line-height:calc(var(--vxe-font-size-small) + 1px)}.vxe-input--panel.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-input--panel.size--mini .vxe-input--panel-wrapper{max-height:320px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{padding:8px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{width:288px}.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper{width:326px}.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper{width:146px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper{width:288px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper{padding:8px}.vxe-input--panel.size--mini .vxe-input--time-picker-title{height:27px;line-height:27px;padding:0 8px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-label{height:27px;line-height:27px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:27px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-picker-header,.vxe-input--panel.size--mini .vxe-input--time-picker-header{padding-bottom:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-body table,.vxe-input--panel.size--mini .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-mini)*6 + var(--vxe-input-date-title-height-mini))}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul{width:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:before{height:100px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:84px}.vxe-input--panel.size--mini .vxe-input--date-day-view td,.vxe-input--panel.size--mini .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-month-view td,.vxe-input--panel.size--mini .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-confirm,.vxe-input--panel.size--mini .vxe-input--time-picker-confirm{height:27px;padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-label{line-height:calc(var(--vxe-font-size-mini) + 1px)}.vxe-textarea{position:relative;display:inline-block}.vxe-textarea:not(.def--cols),.vxe-textarea:not(.def--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--inner{border-radius:var(--vxe-border-radius);outline:0;font-size:inherit;padding:0 .6em;color:var(--vxe-font-color);line-height:inherit;border:1px solid var(--vxe-input-border-color);background-color:var(--vxe-textarea-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;background-color:var(--vxe-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--inner{line-height:var(--vxe-textarea-line-height);color:var(--vxe-font-color);font-family:var(--vxe-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-input-count-color);background-color:var(--vxe-input-count-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-input-count-error-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-font-size)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-input-height-mini)}.vxe-button{position:relative;text-align:center;background-color:var(--vxe-button-default-background-color);outline:0;font-size:var(--vxe-font-size);max-width:var(--vxe-button-max-width);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button:not(.is--disabled){color:var(--vxe-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-success-lighten-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-info-lighten-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-warning-lighten-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-danger-lighten-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-danger-disabled-color)}.vxe-button.type--text.theme--perfect,.vxe-button.type--text.theme--perfect.is--disabled,.vxe-button.type--text.theme--perfect:not(.is--disabled):focus,.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-button-height-default);line-height:1;border:1px solid var(--vxe-input-border-color)}.vxe-button.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;min-width:var(--vxe-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color);background-color:var(--vxe-button-default-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-primary-color);background-color:var(--vxe-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-primary-disabled-color);background-color:var(--vxe-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-primary-color);background-color:var(--vxe-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-success-color);background-color:var(--vxe-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-success-lighten-color);border-color:var(--vxe-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-success-darken-color);border-color:var(--vxe-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-success-disabled-color);background-color:var(--vxe-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-success-color);background-color:var(--vxe-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-info-color);background-color:var(--vxe-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-info-lighten-color);border-color:var(--vxe-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-info-darken-color);border-color:var(--vxe-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-info-disabled-color);background-color:var(--vxe-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-info-color);background-color:var(--vxe-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-warning-color);background-color:var(--vxe-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-warning-lighten-color);border-color:var(--vxe-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-warning-darken-color);border-color:var(--vxe-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-warning-disabled-color);background-color:var(--vxe-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-warning-color);background-color:var(--vxe-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-danger-color);background-color:var(--vxe-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-danger-lighten-color);border-color:var(--vxe-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-danger-darken-color);border-color:var(--vxe-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-danger-disabled-color);background-color:var(--vxe-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-danger-color);background-color:var(--vxe-danger-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-table-header-background-color);background-color:var(--vxe-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active,.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-font-color);background-color:var(--vxe-table-header-background-color);border-color:var(--vxe-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled,.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-table-header-background-color);background-color:var(--vxe-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button.type--button{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-font-size)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--danger,.vxe-button--dropdown>.vxe-button.type--button.theme--info,.vxe-button--dropdown>.vxe-button.type--button.theme--primary,.vxe-button--dropdown>.vxe-button.type--button.theme--success,.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-font-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary,.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-success-lighten-color);border-color:var(--vxe-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-info-lighten-color);border-color:var(--vxe-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-warning-lighten-color);border-color:var(--vxe-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-danger-lighten-color);border-color:var(--vxe-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-font-color);background-color:var(--vxe-table-header-background-color);border-color:var(--vxe-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-button-dropdown-panel-background-color);border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}.vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-font-color);font-family:var(--vxe-font-family);transition:top .4s ease-in-out}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible.type--message .vxe-modal--box{opacity:1;transform:translateY(0)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper.is--loading .vxe-modal--footer,.vxe-modal--wrapper.is--loading .vxe-modal--header{position:relative;border-bottom-color:var(--vxe-loading-background-color)}.vxe-modal--wrapper.is--loading .vxe-modal--footer:before,.vxe-modal--wrapper.is--loading .vxe-modal--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-loading-background-color)}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper:not(.type--message).lock--scroll{overflow:hidden}.vxe-modal--wrapper:not(.type--message):not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:transparent}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag){transition:all .4s ease-out}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message{text-align:center}.vxe-modal--wrapper.type--message .vxe-modal--box{display:inline-block;padding:2px 0;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);opacity:0;transform:translateY(-100%)}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper{font-size:1.4em;padding-left:10px}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:column;position:fixed;left:50%;top:0;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper{font-size:1.6em;padding-left:10px}.vxe-modal--wrapper .vxe-modal--box{visibility:hidden;width:420px;background-color:var(--vxe-modal-body-background-color);border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-modal-border-color);text-align:left;pointer-events:auto;opacity:0}.vxe-modal--wrapper .vxe-modal--box.is--drag{cursor:move}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body,.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:var(--vxe-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-font-disabled-color)}.vxe-modal--wrapper .vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center}.vxe-modal--wrapper .vxe-modal--content{flex-grow:1;padding:.8em 1em;white-space:pre-line}.vxe-modal--wrapper .vxe-modal--body,.vxe-modal--wrapper .vxe-modal--footer,.vxe-modal--wrapper .vxe-modal--header{position:relative}.vxe-modal--wrapper .vxe-modal--body{display:flex;flex-grow:1}.vxe-modal--wrapper .vxe-modal--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700;border-bottom:1px solid var(--vxe-modal-border-color);background-color:var(--vxe-modal-header-background-color);border-radius:var(--vxe-border-radius) var(--vxe-border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-modal--wrapper .vxe-modal--header.is--draggable .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper .vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--wrapper .vxe-modal--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-modal--wrapper .vxe-modal--header-right{flex-shrink:0;padding:.6em 1em .6em 0}.vxe-modal--wrapper .vxe-modal--close-btn,.vxe-modal--wrapper .vxe-modal--zoom-btn{cursor:pointer;margin-left:.6em}.vxe-modal--wrapper .vxe-modal--close-btn:hover,.vxe-modal--wrapper .vxe-modal--zoom-btn:hover{color:var(--vxe-primary-color)}.vxe-modal--wrapper .vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--wrapper.is--maximize .vxe-modal--box .vxe-modal--header{cursor:default}.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .selb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sest-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .st-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swst-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wl-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize,.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--wrapper .vxe-modal--resize .wl-resize{left:-5px}.vxe-modal--wrapper .vxe-modal--resize .wr-resize{right:-5px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--wrapper .vxe-modal--resize .st-resize{top:-5px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize{bottom:-5px}.vxe-modal--wrapper{font-size:var(--vxe-font-size)}.vxe-modal--wrapper.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-modal--wrapper.size--small{font-size:var(--vxe-font-size-small)}.vxe-modal--wrapper.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-table--tooltip-wrapper{display:none;position:absolute;top:-100%;left:-100%;font-size:12px;max-width:600px;border-radius:var(--vxe-border-radius);padding:8px 12px;white-space:normal;word-break:break-word;box-shadow:2px 2px 4px -2px rgba(0,0,0,.2);color:var(--vxe-font-color);font-family:var(--vxe-font-family)}.vxe-table--tooltip-wrapper:not(.is--enterable){pointer-events:none}.vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow,.vxe-table--tooltip-wrapper.is--visible{display:block}.vxe-table--tooltip-wrapper.is--enterable:after{content:"";position:absolute;left:0;width:100%;height:6px;background-color:transparent}.vxe-table--tooltip-wrapper .vxe-table--tooltip-content{white-space:pre-line}.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow{display:none;position:absolute;border-color:transparent;border-width:6px;border-style:solid;left:50%;transform:translateX(-6px)}.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before{content:"";position:absolute;border-color:transparent;border-width:5px;border-style:solid;left:-5px}.vxe-table--tooltip-wrapper.placement--top.is--enterable:after{bottom:-6px}.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow{bottom:-12px}.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before{top:-7px}.vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after{top:-6px}.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow{top:-12px}.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before{top:-4px}.vxe-table--tooltip-wrapper.theme--light{background-color:var(--vxe-tooltip-light-background-color);border:1px solid var(--vxe-input-border-color)}.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow{border-top-color:var(--vxe-input-border-color)}.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before{border-top-color:var(--vxe-tooltip-light-background-color)}.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow{border-bottom-color:var(--vxe-input-border-color)}.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before{border-bottom-color:var(--vxe-tooltip-light-background-color)}.vxe-table--tooltip-wrapper.theme--dark{background:var(--vxe-tooltip-dark-background-color);color:var(--vxe-tooltip-dark-color)}.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow,.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before{border-top-color:var(--vxe-tooltip-dark-background-color)}.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow,.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before{border-bottom-color:var(--vxe-tooltip-dark-background-color)}.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-font-size);color:var(--vxe-font-color);font-family:var(--vxe-font-family);background-color:var(--vxe-form-background-color);text-align:left}.vxe-form-slots{display:none}.vxe-form--item-content,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form--item-valid{position:absolute;width:100%;font-size:12px;line-height:1.2em;color:var(--vxe-form-validate-error-color);background-color:var(--vxe-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form .vxe-form--gather{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none;padding:.5em .8em .5em 0}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item.is--colon .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before{content:"*";color:var(--vxe-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--vertical .vxe-form--item-inner{flex-direction:column;align-items:normal}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title{height:2.2em;line-height:2.2em;padding-right:0;max-width:none}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title-content{flex-grow:0}.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea{width:100%}.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input>.vxe-input--inner,.vxe-form--item.is--error .vxe-input>.vxe-input--inner:focus,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-select.is--active>.vxe-input .vxe-input--inner,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-form-validate-error-color)}.vxe-form--item.is--error .vxe-form--item-valid{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-form--item-inner{display:flex;flex-direction:row;align-items:center;flex-grow:1}.vxe-form--item .vxe-form--item-inner .vxe-form--item-title{flex-shrink:0}.vxe-form--item .vxe-form--item-inner .vxe-form--item-content{position:relative;flex-grow:1;word-break:break-all}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-input-border-color);border-radius:var(--vxe-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-form .vxe-form--item-inner{min-height:var(--vxe-form-item-min-height-default)}.vxe-form .vxe-form--item-inner>.align--center{text-align:center}.vxe-form .vxe-form--item-inner>.align--left{text-align:left}.vxe-form .vxe-form--item-inner>.align--right{text-align:right}.vxe-form.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-form.size--medium .vxe-form--item-inner{min-height:var(--vxe-form-item-min-height-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-button-height-medium)}.vxe-form.size--small{font-size:var(--vxe-font-size-small)}.vxe-form.size--small .vxe-form--item-inner{min-height:var(--vxe-form-item-min-height-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-button-height-small)}.vxe-form.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-form.size--mini .vxe-form--item-inner{min-height:var(--vxe-form-item-min-height-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-button-height-mini)}.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input .vxe-input--inner{border:1px solid var(--vxe-primary-color)}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-select--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-select-filter--wrapper{display:block}.vxe-select-filter--wrapper .vxe-select-filter--input{width:100%}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;padding:4px 0;max-height:200px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-table-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);background-color:var(--vxe-select-panel-background-color)}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:var(--vxe-optgroup-title-color);font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option.is--selected{font-weight:700;color:var(--vxe-primary-color)}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-select-option-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-font-disabled-color);cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-font-size)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:var(--vxe-select-option-height-default)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-select-option-height-default)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-select-option-height-medium)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-select-option-height-small)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-select-option-height-small)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-select-option-height-mini)}.vxe-switch{display:inline-block;color:var(--vxe-font-color);vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:var(--vxe-switch-open-background-color)}.vxe-switch.is--on .vxe-switch--icon{left:100%;transform:translateX(-1.4em)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:var(--vxe-switch-close-background-color)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;transform:translateX(0)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{box-shadow:0 0 .4em 0 var(--vxe-primary-color)}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:var(--vxe-primary-lighten-color)}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:var(--vxe-switch-disabled-background-color)}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:var(--vxe-switch-font-color);font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:var(--vxe-switch-icon-background-color)}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch{font-size:var(--vxe-font-size)}.vxe-switch.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-switch.size--small{font-size:var(--vxe-font-size-small)}.vxe-switch.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-list{position:relative;display:block;padding:0;color:var(--vxe-font-color);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow:auto}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--virtual-wrapper{height:100px}.vxe-pulldown{position:relative;display:inline-block}.vxe-pulldown,.vxe-pulldown--panel{color:var(--vxe-font-color);text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-pulldown--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--wrapper{background-color:var(--vxe-pulldown-panel-background-color)}.vxe-pulldown,.vxe-pulldown--panel{font-size:var(--vxe-font-size)}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:var(--vxe-font-size-small)}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:var(--vxe-font-size-mini)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-webkit-font-smoothing: antialiased;
/* chrome、safari */
-moz-osx-font-smoothing: grayscale;
/* firefox */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
margin: 0.67em 0;
font-size: 2em;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-size: 1em;
/* 2 */
font-family: monospace, monospace;
/* 1 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
border-bottom: none;
/* 1 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-size: 1em;
/* 2 */
font-family: monospace, monospace;
/* 1 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
margin: 0;
/* 2 */
font-size: 100%;
/* 1 */
font-family: inherit;
/* 1 */
line-height: 1.15;
/* 1 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
display: table;
/* 1 */
box-sizing: border-box;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
color: inherit;
/* 2 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type='checkbox'],
[type='radio'] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type='search'] {
outline-offset: -2px;
/* 2 */
-webkit-appearance: textfield;
/* 1 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
font: inherit;
/* 2 */
-webkit-appearance: button;
/* 1 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
.arco-icon {
display: inline-block;
width: 1em;
height: 1em;
color: inherit;
font-style: normal;
vertical-align: -2px;
outline: none;
stroke: currentColor;
}
.arco-icon-loading,
.arco-icon-spin {
animation: arco-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1);
}
@keyframes arco-loading-circle {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.arco-icon-hover {
position: relative;
display: inline-block;
cursor: pointer;
line-height: 12px;
}
.arco-icon-hover .arco-icon {
position: relative;
}
.arco-icon-hover::before {
position: absolute;
display: block;
box-sizing: border-box;
background-color: transparent;
border-radius: var(--border-radius-circle);
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
content: '';
}
.arco-icon-hover:hover::before {
background-color: var(--color-fill-2);
}
.arco-icon-hover.arco-icon-hover-disabled::before {
opacity: 0;
}
.arco-icon-hover::before {
top: 50%;
left: 50%;
width: 20px;
height: 20px;
transform: translate(-50%, -50%);
}
.arco-icon-hover-size-mini {
line-height: 12px;
}
.arco-icon-hover-size-mini::before {
top: 50%;
left: 50%;
width: 20px;
height: 20px;
transform: translate(-50%, -50%);
}
.arco-icon-hover-size-small {
line-height: 12px;
}
.arco-icon-hover-size-small::before {
top: 50%;
left: 50%;
width: 20px;
height: 20px;
transform: translate(-50%, -50%);
}
.arco-icon-hover-size-large {
line-height: 12px;
}
.arco-icon-hover-size-large::before {
top: 50%;
left: 50%;
width: 24px;
height: 24px;
transform: translate(-50%, -50%);
}
.arco-icon-hover-size-huge {
line-height: 12px;
}
.arco-icon-hover-size-huge::before {
top: 50%;
left: 50%;
width: 24px;
height: 24px;
transform: translate(-50%, -50%);
}
.fade-in-standard-enter-from,
.fade-in-standard-appear-from {
opacity: 0;
}
.fade-in-standard-enter-to,
.fade-in-standard-appear-to {
opacity: 1;
}
.fade-in-standard-enter-active,
.fade-in-standard-appear-active {
transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.fade-in-standard-leave-from {
opacity: 1;
}
.fade-in-standard-leave-to {
opacity: 0;
}
.fade-in-standard-leave-active {
transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.fade-in-enter-from,
.fade-in-appear-from {
opacity: 0;
}
.fade-in-enter-to,
.fade-in-appear-to {
opacity: 1;
}
.fade-in-enter-active,
.fade-in-appear-active {
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}
.fade-in-leave-from {
opacity: 1;
}
.fade-in-leave-to {
opacity: 0;
}
.fade-in-leave-active {
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}
.zoom-in-enter-from,
.zoom-in-appear-from {
transform: scale(0.5, 0.5);
opacity: 0;
}
.zoom-in-enter-to,
.zoom-in-appear-to {
transform: scale(1, 1);
opacity: 1;
}
.zoom-in-enter-active,
.zoom-in-appear-active {
transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.zoom-in-leave-from {
transform: scale(1, 1);
opacity: 1;
}
.zoom-in-leave-to {
transform: scale(0.5, 0.5);
opacity: 0;
}
.zoom-in-leave-active {
transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.zoom-in-fade-out-enter-from,
.zoom-in-fade-out-appear-from {
transform: scale(0.5, 0.5);
opacity: 0;
}
.zoom-in-fade-out-enter-to,
.zoom-in-fade-out-appear-to {
transform: scale(1, 1);
opacity: 1;
}
.zoom-in-fade-out-enter-active,
.zoom-in-fade-out-appear-active {
transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoom-in-fade-out-leave-from {
transform: scale(1, 1);
opacity: 1;
}
.zoom-in-fade-out-leave-to {
transform: scale(0.5, 0.5);
opacity: 0;
}
.zoom-in-fade-out-leave-active {
transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoom-in-big-enter-from,
.zoom-in-big-appear-from {
transform: scale(0.5, 0.5);
opacity: 0;
}
.zoom-in-big-enter-to,
.zoom-in-big-appear-to {
transform: scale(1, 1);
opacity: 1;
}
.zoom-in-big-enter-active,
.zoom-in-big-appear-active {
transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1);
}
.zoom-in-big-leave-from {
transform: scale(1, 1);
opacity: 1;
}
.zoom-in-big-leave-to {
transform: scale(0.2, 0.2);
opacity: 0;
}
.zoom-in-big-leave-active {
transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1);
}
.zoom-in-left-enter-from,
.zoom-in-left-appear-from {
transform: scale(0.1, 0.1);
opacity: 0.1;
}
.zoom-in-left-enter-to,
.zoom-in-left-appear-to {
transform: scale(1, 1);
opacity: 1;
}
.zoom-in-left-enter-active,
.zoom-in-left-appear-active {
transform-origin: 0 50%;
transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoom-in-left-leave-from {
transform: scale(1, 1);
opacity: 1;
}
.zoom-in-left-leave-to {
transform: scale(0.1, 0.1);
opacity: 0.1;
}
.zoom-in-left-leave-active {
transform-origin: 0 50%;
transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoom-in-top-enter-from,
.zoom-in-top-appear-from {
transform: scaleY(0.8) translateZ(0);
opacity: 0;
}
.zoom-in-top-enter-to,
.zoom-in-top-appear-to {
transform: scaleY(1) translateZ(0);
opacity: 1;
}
.zoom-in-top-enter-active,
.zoom-in-top-appear-active {
transform-origin: 0 0;
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoom-in-top-leave-from {
transform: scaleY(1) translateZ(0);
opacity: 1;
}
.zoom-in-top-leave-to {
transform: scaleY(0.8) translateZ(0);
opacity: 0;
}
.zoom-in-top-leave-active {
transform-origin: 0 0;
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoom-in-bottom-enter-from,
.zoom-in-bottom-appear-from {
transform: scaleY(0.8) translateZ(0);
opacity: 0;
}
.zoom-in-bottom-enter-to,
.zoom-in-bottom-appear-to {
transform: scaleY(1) translateZ(0);
opacity: 1;
}
.zoom-in-bottom-enter-active,
.zoom-in-bottom-appear-active {
transform-origin: 100% 100%;
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoom-in-bottom-leave-from {
transform: scaleY(1) translateZ(0);
opacity: 1;
}
.zoom-in-bottom-leave-to {
transform: scaleY(0.8) translateZ(0);
opacity: 0;
}
.zoom-in-bottom-leave-active {
transform-origin: 100% 100%;
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.slide-dynamic-origin-enter-from,
.slide-dynamic-origin-appear-from {
transform: scaleY(0.9);
transform-origin: 0 0;
opacity: 0;
}
.slide-dynamic-origin-enter-to,
.slide-dynamic-origin-appear-to {
transform: scaleY(1);
transform-origin: 0 0;
opacity: 1;
}
.slide-dynamic-origin-enter-active,
.slide-dynamic-origin-appear-active {
transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-dynamic-origin-leave-from {
transform: scaleY(1);
transform-origin: 0 0;
opacity: 1;
}
.slide-dynamic-origin-leave-to {
transform: scaleY(0.9);
transform-origin: 0 0;
opacity: 0;
}
.slide-dynamic-origin-leave-active {
transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-left-enter-from,
.slide-left-appear-from {
transform: translateX(-100%);
}
.slide-left-enter-to,
.slide-left-appear-to {
transform: translateX(0);
}
.slide-left-enter-active,
.slide-left-appear-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-left-leave-from {
transform: translateX(0);
}
.slide-left-leave-to {
transform: translateX(-100%);
}
.slide-left-leave-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-right-enter-from,
.slide-right-appear-from {
transform: translateX(100%);
}
.slide-right-enter-to,
.slide-right-appear-to {
transform: translateX(0);
}
.slide-right-enter-active,
.slide-right-appear-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-right-leave-from {
transform: translateX(0);
}
.slide-right-leave-to {
transform: translateX(100%);
}
.slide-right-leave-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-top-enter-from,
.slide-top-appear-from {
transform: translateY(-100%);
}
.slide-top-enter-to,
.slide-top-appear-to {
transform: translateY(0);
}
.slide-top-enter-active,
.slide-top-appear-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-top-leave-from {
transform: translateY(0);
}
.slide-top-leave-to {
transform: translateY(-100%);
}
.slide-top-leave-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-bottom-enter-from,
.slide-bottom-appear-from {
transform: translateY(100%);
}
.slide-bottom-enter-to,
.slide-bottom-appear-to {
transform: translateY(0);
}
.slide-bottom-enter-active,
.slide-bottom-appear-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-bottom-leave-from {
transform: translateY(0);
}
.slide-bottom-leave-to {
transform: translateY(100%);
}
.slide-bottom-leave-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
body {
--red-1: 255,236,232;
--red-2: 253,205,197;
--red-3: 251,172,163;
--red-4: 249,137,129;
--red-5: 247,101,96;
--red-6: 245,63,63;
--red-7: 203,39,45;
--red-8: 161,21,30;
--red-9: 119,8,19;
--red-10: 77,0,10;
--orangered-1: 255,243,232;
--orangered-2: 253,221,195;
--orangered-3: 252,197,159;
--orangered-4: 250,172,123;
--orangered-5: 249,144,87;
--orangered-6: 247,114,52;
--orangered-7: 204,81,32;
--orangered-8: 162,53,17;
--orangered-9: 119,31,6;
--orangered-10: 77,14,0;
--orange-1: 255,247,232;
--orange-2: 255,228,186;
--orange-3: 255,207,139;
--orange-4: 255,182,93;
--orange-5: 255,154,46;
--orange-6: 255,125,0;
--orange-7: 210,95,0;
--orange-8: 166,69,0;
--orange-9: 121,46,0;
--orange-10: 77,27,0;
--gold-1: 255,252,232;
--gold-2: 253,244,191;
--gold-3: 252,233,150;
--gold-4: 250,220,109;
--gold-5: 249,204,69;
--gold-6: 247,186,30;
--gold-7: 204,146,19;
--gold-8: 162,109,10;
--gold-9: 119,75,4;
--gold-10: 77,45,0;
--yellow-1: 254,255,232;
--yellow-2: 254,254,190;
--yellow-3: 253,250,148;
--yellow-4: 252,242,107;
--yellow-5: 251,232,66;
--yellow-6: 250,220,25;
--yellow-7: 207,175,15;
--yellow-8: 163,132,8;
--yellow-9: 120,93,3;
--yellow-10: 77,56,0;
--lime-1: 252,255,232;
--lime-2: 237,248,187;
--lime-3: 220,241,144;
--lime-4: 201,233,104;
--lime-5: 181,226,65;
--lime-6: 159,219,29;
--lime-7: 126,183,18;
--lime-8: 95,148,10;
--lime-9: 67,112,4;
--lime-10: 42,77,0;
--green-1: 232,255,234;
--green-2: 175,240,181;
--green-3: 123,225,136;
--green-4: 76,210,99;
--green-5: 35,195,67;
--green-6: 0,180,42;
--green-7: 0,154,41;
--green-8: 0,128,38;
--green-9: 0,102,34;
--green-10: 0,77,28;
--cyan-1: 232,255,251;
--cyan-2: 183,244,236;
--cyan-3: 137,233,224;
--cyan-4: 94,223,214;
--cyan-5: 55,212,207;
--cyan-6: 20,201,201;
--cyan-7: 13,165,170;
--cyan-8: 7,130,139;
--cyan-9: 3,97,108;
--cyan-10: 0,66,77;
--blue-1: 232,247,255;
--blue-2: 195,231,254;
--blue-3: 159,212,253;
--blue-4: 123,192,252;
--blue-5: 87,169,251;
--blue-6: 52,145,250;
--blue-7: 32,108,207;
--blue-8: 17,75,163;
--blue-9: 6,48,120;
--blue-10: 0,26,77;
--arcoblue-1: 232,247,255;
--arcoblue-2: 172,212,236;
--arcoblue-3: 119,177,218;
--arcoblue-4: 73,142,199;
--arcoblue-5: 33,109,181;
--arcoblue-6: 0,78,162;
--arcoblue-7: 0,63,141;
--arcoblue-8: 0,50,119;
--arcoblue-9: 0,38,98;
--arcoblue-10: 0,27,77;
--purple-1: 245,232,255;
--purple-2: 221,190,246;
--purple-3: 195,150,237;
--purple-4: 168,113,227;
--purple-5: 141,78,218;
--purple-6: 114,46,209;
--purple-7: 85,29,176;
--purple-8: 60,16,143;
--purple-9: 39,6,110;
--purple-10: 22,0,77;
--pinkpurple-1: 255,232,251;
--pinkpurple-2: 247,186,239;
--pinkpurple-3: 240,142,230;
--pinkpurple-4: 232,101,223;
--pinkpurple-5: 225,62,219;
--pinkpurple-6: 217,26,217;
--pinkpurple-7: 176,16,182;
--pinkpurple-8: 138,9,147;
--pinkpurple-9: 101,3,112;
--pinkpurple-10: 66,0,77;
--magenta-1: 255,232,241;
--magenta-2: 253,194,219;
--magenta-3: 251,157,199;
--magenta-4: 249,121,183;
--magenta-5: 247,84,168;
--magenta-6: 245,49,157;
--magenta-7: 203,30,131;
--magenta-8: 161,16,105;
--magenta-9: 119,6,79;
--magenta-10: 77,0,52;
--gray-1: 247,248,250;
--gray-2: 242,243,245;
--gray-3: 229,230,235;
--gray-4: 201,205,212;
--gray-5: 169,174,184;
--gray-6: 134,144,156;
--gray-7: 107,119,133;
--gray-8: 78,89,105;
--gray-9: 39,46,59;
--gray-10: 29,33,41;
--success-1: var(--green-1);
--success-2: var(--green-2);
--success-3: var(--green-3);
--success-4: var(--green-4);
--success-5: var(--green-5);
--success-6: var(--green-6);
--success-7: var(--green-7);
--success-8: var(--green-8);
--success-9: var(--green-9);
--success-10: var(--green-10);
--primary-1: var(--arcoblue-1);
--primary-2: var(--arcoblue-2);
--primary-3: var(--arcoblue-3);
--primary-4: var(--arcoblue-4);
--primary-5: var(--arcoblue-5);
--primary-6: var(--arcoblue-6);
--primary-7: var(--arcoblue-7);
--primary-8: var(--arcoblue-8);
--primary-9: var(--arcoblue-9);
--primary-10: var(--arcoblue-10);
--danger-1: var(--red-1);
--danger-2: var(--red-2);
--danger-3: var(--red-3);
--danger-4: var(--red-4);
--danger-5: var(--red-5);
--danger-6: var(--red-6);
--danger-7: var(--red-7);
--danger-8: var(--red-8);
--danger-9: var(--red-9);
--danger-10: var(--red-10);
--warning-1: var(--orange-1);
--warning-2: var(--orange-2);
--warning-3: var(--orange-3);
--warning-4: var(--orange-4);
--warning-5: var(--orange-5);
--warning-6: var(--orange-6);
--warning-7: var(--orange-7);
--warning-8: var(--orange-8);
--warning-9: var(--orange-9);
--warning-10: var(--orange-10);
--link-1: var(--arcoblue-1);
--link-2: var(--arcoblue-2);
--link-3: var(--arcoblue-3);
--link-4: var(--arcoblue-4);
--link-5: var(--arcoblue-5);
--link-6: var(--arcoblue-6);
--link-7: var(--arcoblue-7);
--link-8: var(--arcoblue-8);
--link-9: var(--arcoblue-9);
--link-10: var(--arcoblue-10);
}
body[arco-theme='dark'] {
--red-1: 77,0,10;
--red-2: 119,6,17;
--red-3: 161,22,31;
--red-4: 203,46,52;
--red-5: 245,78,78;
--red-6: 247,105,101;
--red-7: 249,141,134;
--red-8: 251,176,167;
--red-9: 253,209,202;
--red-10: 255,240,236;
--orangered-1: 77,14,0;
--orangered-2: 119,30,5;
--orangered-3: 162,55,20;
--orangered-4: 204,87,41;
--orangered-5: 247,126,69;
--orangered-6: 249,146,90;
--orangered-7: 250,173,125;
--orangered-8: 252,198,161;
--orangered-9: 253,222,197;
--orangered-10: 255,244,235;
--orange-1: 77,27,0;
--orange-2: 121,48,4;
--orange-3: 166,75,10;
--orange-4: 210,105,19;
--orange-5: 255,141,31;
--orange-6: 255,150,38;
--orange-7: 255,179,87;
--orange-8: 255,205,135;
--orange-9: 255,227,184;
--orange-10: 255,247,232;
--gold-1: 77,45,0;
--gold-2: 119,75,4;
--gold-3: 162,111,15;
--gold-4: 204,150,31;
--gold-5: 247,192,52;
--gold-6: 249,204,68;
--gold-7: 250,220,108;
--gold-8: 252,233,149;
--gold-9: 253,244,190;
--gold-10: 255,252,232;
--yellow-1: 77,56,0;
--yellow-2: 120,94,7;
--yellow-3: 163,134,20;
--yellow-4: 207,179,37;
--yellow-5: 250,225,60;
--yellow-6: 251,233,75;
--yellow-7: 252,243,116;
--yellow-8: 253,250,157;
--yellow-9: 254,254,198;
--yellow-10: 254,255,240;
--lime-1: 42,77,0;
--lime-2: 68,112,6;
--lime-3: 98,148,18;
--lime-4: 132,183,35;
--lime-5: 168,219,57;
--lime-6: 184,226,75;
--lime-7: 203,233,112;
--lime-8: 222,241,152;
--lime-9: 238,248,194;
--lime-10: 253,255,238;
--green-1: 0,77,28;
--green-2: 4,102,37;
--green-3: 10,128,45;
--green-4: 18,154,55;
--green-5: 29,180,64;
--green-6: 39,195,70;
--green-7: 80,210,102;
--green-8: 126,225,139;
--green-9: 178,240,183;
--green-10: 235,255,236;
--cyan-1: 0,66,77;
--cyan-2: 6,97,108;
--cyan-3: 17,131,139;
--cyan-4: 31,166,170;
--cyan-5: 48,201,201;
--cyan-6: 63,212,207;
--cyan-7: 102,223,215;
--cyan-8: 144,233,225;
--cyan-9: 190,244,237;
--cyan-10: 240,255,252;
--blue-1: 0,26,77;
--blue-2: 5,47,120;
--blue-3: 19,76,163;
--blue-4: 41,113,207;
--blue-5: 70,154,250;
--blue-6: 90,170,251;
--blue-7: 125,193,252;
--blue-8: 161,213,253;
--blue-9: 198,232,254;
--blue-10: 234,248,255;
--arcoblue-1: 0,27,77;
--arcoblue-2: 3,40,98;
--arcoblue-3: 7,54,119;
--arcoblue-4: 13,70,141;
--arcoblue-5: 19,88,162;
--arcoblue-6: 27,106,181;
--arcoblue-7: 68,140,199;
--arcoblue-8: 116,176,218;
--arcoblue-9: 170,211,236;
--arcoblue-10: 232,247,255;
--purple-1: 22,0,77;
--purple-2: 39,6,110;
--purple-3: 62,19,143;
--purple-4: 90,37,176;
--purple-5: 123,61,209;
--purple-6: 142,81,218;
--purple-7: 169,116,227;
--purple-8: 197,154,237;
--purple-9: 223,194,246;
--purple-10: 247,237,255;
--pinkpurple-1: 66,0,77;
--pinkpurple-2: 101,3,112;
--pinkpurple-3: 138,13,147;
--pinkpurple-4: 176,27,182;
--pinkpurple-5: 217,46,217;
--pinkpurple-6: 225,61,219;
--pinkpurple-7: 232,102,223;
--pinkpurple-8: 240,146,230;
--pinkpurple-9: 247,193,240;
--pinkpurple-10: 255,242,253;
--magenta-1: 77,0,52;
--magenta-2: 119,8,80;
--magenta-3: 161,23,108;
--magenta-4: 203,43,136;
--magenta-5: 245,69,166;
--magenta-6: 247,86,169;
--magenta-7: 249,122,184;
--magenta-8: 251,158,200;
--magenta-9: 253,195,219;
--magenta-10: 255,232,241;
--gray-1: 23,23,26;
--gray-2: 46,46,48;
--gray-3: 72,72,73;
--gray-4: 95,95,96;
--gray-5: 120,120,122;
--gray-6: 146,146,147;
--gray-7: 171,171,172;
--gray-8: 197,197,197;
--gray-9: 223,223,223;
--gray-10: 246,246,246;
--primary-1: var(--arcoblue-1);
--primary-2: var(--arcoblue-2);
--primary-3: var(--arcoblue-3);
--primary-4: var(--arcoblue-4);
--primary-5: var(--arcoblue-5);
--primary-6: var(--arcoblue-6);
--primary-7: var(--arcoblue-7);
--primary-8: var(--arcoblue-8);
--primary-9: var(--arcoblue-9);
--primary-10: var(--arcoblue-10);
--success-1: var(--green-1);
--success-2: var(--green-2);
--success-3: var(--green-3);
--success-4: var(--green-4);
--success-5: var(--green-5);
--success-6: var(--green-6);
--success-7: var(--green-7);
--success-8: var(--green-8);
--success-9: var(--green-9);
--success-10: var(--green-10);
--danger-1: var(--red-1);
--danger-2: var(--red-2);
--danger-3: var(--red-3);
--danger-4: var(--red-4);
--danger-5: var(--red-5);
--danger-6: var(--red-6);
--danger-7: var(--red-7);
--danger-8: var(--red-8);
--danger-9: var(--red-9);
--danger-10: var(--red-10);
--warning-1: var(--orange-1);
--warning-2: var(--orange-2);
--warning-3: var(--orange-3);
--warning-4: var(--orange-4);
--warning-5: var(--orange-5);
--warning-6: var(--orange-6);
--warning-7: var(--orange-7);
--warning-8: var(--orange-8);
--warning-9: var(--orange-9);
--warning-10: var(--orange-10);
--link-1: var(--arcoblue-1);
--link-2: var(--arcoblue-2);
--link-3: var(--arcoblue-3);
--link-4: var(--arcoblue-4);
--link-5: var(--arcoblue-5);
--link-6: var(--arcoblue-6);
--link-7: var(--arcoblue-7);
--link-8: var(--arcoblue-8);
--link-9: var(--arcoblue-9);
--link-10: var(--arcoblue-10);
}
body {
--color-white: #ffffff;
--color-black: #000000;
--color-border: rgb(var(--gray-3));
--color-bg-popup: var(--color-bg-5);
--color-bg-1: #fff;
--color-bg-2: #fff;
--color-bg-3: #fff;
--color-bg-4: #fff;
--color-bg-5: #fff;
--color-bg-white: #fff;
--color-neutral-1: rgb(var(--gray-1));
--color-neutral-2: rgb(var(--gray-2));
--color-neutral-3: rgb(var(--gray-3));
--color-neutral-4: rgb(var(--gray-4));
--color-neutral-5: rgb(var(--gray-5));
--color-neutral-6: rgb(var(--gray-6));
--color-neutral-7: rgb(var(--gray-7));
--color-neutral-8: rgb(var(--gray-8));
--color-neutral-9: rgb(var(--gray-9));
--color-neutral-10: rgb(var(--gray-10));
--color-text-1: var(--color-neutral-10);
--color-text-2: var(--color-neutral-8);
--color-text-3: var(--color-neutral-6);
--color-text-4: var(--color-neutral-4);
--color-border-1: var(--color-neutral-2);
--color-border-2: var(--color-neutral-3);
--color-border-3: var(--color-neutral-4);
--color-border-4: var(--color-neutral-6);
--color-fill-1: var(--color-neutral-1);
--color-fill-2: var(--color-neutral-2);
--color-fill-3: var(--color-neutral-3);
--color-fill-4: var(--color-neutral-4);
--color-primary-light-1: rgb(var(--primary-1));
--color-primary-light-2: rgb(var(--primary-2));
--color-primary-light-3: rgb(var(--primary-3));
--color-primary-light-4: rgb(var(--primary-4));
--color-link-light-1: rgb(var(--link-1));
--color-link-light-2: rgb(var(--link-2));
--color-link-light-3: rgb(var(--link-3));
--color-link-light-4: rgb(var(--link-4));
--color-secondary: var(--color-neutral-2);
--color-secondary-hover: var(--color-neutral-3);
--color-secondary-active: var(--color-neutral-4);
--color-secondary-disabled: var(--color-neutral-1);
--color-danger-light-1: rgb(var(--danger-1));
--color-danger-light-2: rgb(var(--danger-2));
--color-danger-light-3: rgb(var(--danger-3));
--color-danger-light-4: rgb(var(--danger-4));
--color-success-light-1: rgb(var(--success-1));
--color-success-light-2: rgb(var(--success-2));
--color-success-light-3: rgb(var(--success-3));
--color-success-light-4: rgb(var(--success-4));
--color-warning-light-1: rgb(var(--warning-1));
--color-warning-light-2: rgb(var(--warning-2));
--color-warning-light-3: rgb(var(--warning-3));
--color-warning-light-4: rgb(var(--warning-4));
--border-radius-none: 0;
--border-radius-small: 2px;
--border-radius-medium: 4px;
--border-radius-large: 8px;
--border-radius-circle: 50%;
--color-tooltip-bg: rgb(var(--gray-10));
--color-spin-layer-bg: rgba(255, 255, 255, 0.6);
--color-menu-dark-bg: #232324;
--color-menu-light-bg: #ffffff;
--color-menu-dark-hover: rgba(255, 255, 255, 0.04);
--color-mask-bg: rgba(29, 33, 41, 0.6);
}
body[arco-theme='dark'] {
--color-white: rgba(255, 255, 255, 0.9);
--color-black: #000000;
--color-border: #333335;
--color-bg-1: #17171a;
--color-bg-2: #232324;
--color-bg-3: #2a2a2b;
--color-bg-4: #313132;
--color-bg-5: #373739;
--color-bg-white: #f6f6f6;
--color-text-1: rgba(255, 255, 255, 0.9);
--color-text-2: rgba(255, 255, 255, 0.7);
--color-text-3: rgba(255, 255, 255, 0.5);
--color-text-4: rgba(255, 255, 255, 0.3);
--color-fill-1: rgba(255, 255, 255, 0.04);
--color-fill-2: rgba(255, 255, 255, 0.08);
--color-fill-3: rgba(255, 255, 255, 0.12);
--color-fill-4: rgba(255, 255, 255, 0.16);
--color-primary-light-1: rgba(var(--primary-6), 0.2);
--color-primary-light-2: rgba(var(--primary-6), 0.35);
--color-primary-light-3: rgba(var(--primary-6), 0.5);
--color-primary-light-4: rgba(var(--primary-6), 0.65);
--color-secondary: rgba(var(--gray-9), 0.08);
--color-secondary-hover: rgba(var(--gray-8), 0.16);
--color-secondary-active: rgba(var(--gray-7), 0.24);
--color-secondary-disabled: rgba(var(--gray-9), 0.08);
--color-danger-light-1: rgba(var(--danger-6), 0.2);
--color-danger-light-2: rgba(var(--danger-6), 0.35);
--color-danger-light-3: rgba(var(--danger-6), 0.5);
--color-danger-light-4: rgba(var(--danger-6), 0.65);
--color-success-light-1: rgb(var(--success-6), 0.2);
--color-success-light-2: rgb(var(--success-6), 0.35);
--color-success-light-3: rgb(var(--success-6), 0.5);
--color-success-light-4: rgb(var(--success-6), 0.65);
--color-warning-light-1: rgb(var(--warning-6), 0.2);
--color-warning-light-2: rgb(var(--warning-6), 0.35);
--color-warning-light-3: rgb(var(--warning-6), 0.5);
--color-warning-light-4: rgb(var(--warning-6), 0.65);
--color-link-light-1: rgb(var(--link-6), 0.2);
--color-link-light-2: rgb(var(--link-6), 0.35);
--color-link-light-3: rgb(var(--link-6), 0.5);
--color-link-light-4: rgb(var(--link-6), 0.65);
--color-tooltip-bg: #373739;
--color-spin-layer-bg: rgba(51, 51, 51, 0.6);
--color-menu-dark-bg: #232324;
--color-menu-light-bg: #232324;
--color-menu-dark-hover: var(--color-fill-2);
--color-mask-bg: rgba(23, 23, 26, 0.6);
}
body {
font-size: 14px;
font-family: Inter, "-apple-system", BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.arco-trigger-wrapper {
display: inline-block;
}
.arco-trigger-popup {
position: absolute;
z-index: 1000;
}
.arco-trigger-arrow {
position: absolute;
z-index: -1;
display: block;
box-sizing: border-box;
width: 8px;
height: 8px;
background-color: var(--color-bg-5);
content: '';
}
.arco-trigger-popup[trigger-placement='top'] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement='tl'] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement='tr'] .arco-trigger-arrow {
border-top: none;
border-left: none;
border-bottom-right-radius: var(--border-radius-small);
}
.arco-trigger-popup[trigger-placement='bottom'] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement='bl'] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement='br'] .arco-trigger-arrow {
border-right: none;
border-bottom: none;
border-top-left-radius: var(--border-radius-small);
}
.arco-trigger-popup[trigger-placement='left'] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement='lt'] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement='lb'] .arco-trigger-arrow {
border-bottom: none;
border-left: none;
border-top-right-radius: var(--border-radius-small);
}
.arco-trigger-popup[trigger-placement='right'] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement='rt'] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement='rb'] .arco-trigger-arrow {
border-top: none;
border-right: none;
border-bottom-left-radius: var(--border-radius-small);
}
.arco-auto-tooltip {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-input-label {
display: inline-flex;
box-sizing: border-box;
width: 100%;
padding-right: 12px;
padding-left: 12px;
color: var(--color-text-1);
font-size: 14px;
background-color: var(--color-fill-2);
border: 1px solid transparent;
border-radius: var(--border-radius-small);
cursor: text;
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
cursor: pointer;
}
.arco-input-label.arco-input-label-search {
cursor: text;
}
.arco-input-label.arco-input-label-search .arco-input-label-value {
pointer-events: none;
}
.arco-input-label:hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-input-label:focus-within,
.arco-input-label.arco-input-label-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--primary-6));
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-input-label.arco-input-label-disabled {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
cursor: not-allowed;
}
.arco-input-label.arco-input-label-disabled:hover {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-input-label.arco-input-label-disabled .arco-input-label-prefix,
.arco-input-label.arco-input-label-disabled .arco-input-label-suffix {
color: inherit;
}
.arco-input-label.arco-input-label-error {
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-input-label.arco-input-label-error:hover {
background-color: var(--color-danger-light-2);
border-color: transparent;
}
.arco-input-label.arco-input-label-error:focus-within,
.arco-input-label.arco-input-label-error.arco-input-label-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--danger-6));
box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-input-label .arco-input-label-prefix,
.arco-input-label .arco-input-label-suffix {
display: inline-flex;
flex-shrink: 0;
align-items: center;
white-space: nowrap;
user-select: none;
}
.arco-input-label .arco-input-label-prefix > svg,
.arco-input-label .arco-input-label-suffix > svg {
font-size: 14px;
}
.arco-input-label .arco-input-label-prefix {
padding-right: 12px;
color: var(--color-text-2);
}
.arco-input-label .arco-input-label-suffix {
padding-left: 12px;
color: var(--color-text-2);
}
.arco-input-label .arco-input-label-suffix .arco-feedback-icon {
display: inline-flex;
}
.arco-input-label .arco-input-label-suffix .arco-feedback-icon-status-validating {
color: rgb(var(--primary-6));
}
.arco-input-label .arco-input-label-suffix .arco-feedback-icon-status-success {
color: rgb(var(--success-6));
}
.arco-input-label .arco-input-label-suffix .arco-feedback-icon-status-warning {
color: rgb(var(--warning-6));
}
.arco-input-label .arco-input-label-suffix .arco-feedback-icon-status-error {
color: rgb(var(--danger-6));
}
.arco-input-label .arco-input-label-clear-btn {
align-self: center;
color: var(--color-text-2);
font-size: 12px;
visibility: hidden;
cursor: pointer;
}
.arco-input-label .arco-input-label-clear-btn > svg {
position: relative;
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-input-label:hover .arco-input-label-clear-btn {
visibility: visible;
}
.arco-input-label:not(.arco-input-label-focus) .arco-input-label-icon-hover:hover::before {
background-color: var(--color-fill-4);
}
.arco-input-label .arco-input-label-input {
width: 100%;
padding-right: 0;
padding-left: 0;
color: inherit;
line-height: 1.5715;
background: none;
border: none;
border-radius: 0;
outline: none;
cursor: inherit;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.arco-input-label .arco-input-label-input::placeholder {
color: var(--color-text-3);
}
.arco-input-label .arco-input-label-input[disabled]::placeholder {
color: var(--color-text-4);
}
.arco-input-label .arco-input-label-input[disabled] {
-webkit-text-fill-color: var(--color-text-4);
}
.arco-input-label .arco-input-label-input-hidden {
position: absolute;
width: 0 !important;
}
.arco-input-label .arco-input-label-value {
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-input-label .arco-input-label-value::after {
font-size: 0;
line-height: 0;
visibility: hidden;
content: '.';
}
.arco-input-label .arco-input-label-value-hidden {
display: none;
}
.arco-input-label.arco-input-label-size-mini .arco-input-label-input,
.arco-input-label.arco-input-label-size-mini .arco-input-label-value {
/* prettier-ignore */
padding-top: 1px;
/* prettier-ignore */
padding-bottom: 1px;
font-size: 12px;
line-height: 1.667;
}
.arco-input-label.arco-input-label-size-mini .arco-input-label-value {
min-height: 22px;
}
.arco-input-label.arco-input-label-size-medium .arco-input-label-input,
.arco-input-label.arco-input-label-size-medium .arco-input-label-value {
/* prettier-ignore */
padding-top: 4px;
/* prettier-ignore */
padding-bottom: 4px;
font-size: 14px;
line-height: 1.5715;
}
.arco-input-label.arco-input-label-size-medium .arco-input-label-value {
min-height: 30px;
}
.arco-input-label.arco-input-label-size-small .arco-input-label-input,
.arco-input-label.arco-input-label-size-small .arco-input-label-value {
/* prettier-ignore */
padding-top: 2px;
/* prettier-ignore */
padding-bottom: 2px;
font-size: 14px;
line-height: 1.5715;
}
.arco-input-label.arco-input-label-size-small .arco-input-label-value {
min-height: 26px;
}
.arco-input-label.arco-input-label-size-large .arco-input-label-input,
.arco-input-label.arco-input-label-size-large .arco-input-label-value {
/* prettier-ignore */
padding-top: 6px;
/* prettier-ignore */
padding-bottom: 6px;
font-size: 14px;
line-height: 1.5715;
}
.arco-input-label.arco-input-label-size-large .arco-input-label-value {
min-height: 34px;
}
.arco-picker {
position: relative;
display: inline-flex;
align-items: center;
box-sizing: border-box;
padding: 4px 11px 4px 4px;
line-height: 1.5715;
background-color: var(--color-fill-2);
border: 1px solid transparent;
border-radius: var(--border-radius-small);
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-picker-input {
display: inline-flex;
flex: 1;
}
.arco-picker input {
width: 100%;
padding: 0;
padding-left: 8px;
color: var(--color-text-2);
line-height: 1.5715;
text-align: left;
background-color: transparent;
border: none;
outline: none;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-picker input::placeholder {
color: var(--color-text-3);
}
.arco-picker input[disabled] {
-webkit-text-fill-color: var(--color-text-4);
}
.arco-picker-has-prefix {
padding-left: 12px;
}
.arco-picker-prefix {
padding-right: 4px;
color: var(--color-text-2);
font-size: 14px;
}
.arco-picker-suffix {
display: inline-flex;
align-items: center;
margin-left: 4px;
}
.arco-picker-suffix .arco-feedback-icon {
display: inline-flex;
}
.arco-picker-suffix .arco-feedback-icon-status-validating {
color: rgb(var(--primary-6));
}
.arco-picker-suffix .arco-feedback-icon-status-success {
color: rgb(var(--success-6));
}
.arco-picker-suffix .arco-feedback-icon-status-warning {
color: rgb(var(--warning-6));
}
.arco-picker-suffix .arco-feedback-icon-status-error {
color: rgb(var(--danger-6));
}
.arco-picker-suffix .arco-feedback-icon {
margin-left: 4px;
}
.arco-picker-suffix-icon {
color: var(--color-text-2);
}
.arco-picker .arco-picker-clear-icon {
display: none;
color: var(--color-text-2);
font-size: 12px;
}
.arco-picker:hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-picker:not(.arco-picker-disabled):hover .arco-picker-clear-icon {
display: inline-block;
}
.arco-picker:not(.arco-picker-disabled):hover .arco-picker-suffix .arco-picker-clear-icon + span {
display: none;
}
.arco-picker input[disabled] {
color: var(--color-text-4);
cursor: not-allowed;
}
.arco-picker input[disabled]::placeholder {
color: var(--color-text-4);
}
.arco-picker-error {
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-picker-error:hover {
background-color: var(--color-danger-light-2);
border-color: transparent;
}
.arco-picker-focused {
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-picker-focused,
.arco-picker-focused:hover {
background-color: var(--color-bg-2);
border-color: rgb(var(--primary-6));
}
.arco-picker-focused.arco-picker-error {
border-color: rgb(var(--danger-6));
box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-picker-focused .arco-picker-input-active input,
.arco-picker-focused:hover .arco-picker-input-active input {
background: var(--color-fill-2);
}
.arco-picker-disabled,
.arco-picker-disabled:hover {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
cursor: not-allowed;
}
.arco-picker-disabled input[disabled],
.arco-picker-disabled:hover input[disabled] {
color: var(--color-text-4);
cursor: not-allowed;
}
.arco-picker-disabled input[disabled]::placeholder,
.arco-picker-disabled:hover input[disabled]::placeholder {
color: var(--color-text-4);
}
.arco-picker-separator {
min-width: 10px;
padding: 0 8px;
color: var(--color-text-3);
}
.arco-picker-disabled .arco-picker-separator {
color: var(--color-text-4);
}
.arco-picker-disabled .arco-picker-suffix-icon {
color: var(--color-text-4);
}
.arco-picker-size-mini {
height: 24px;
}
.arco-picker-size-mini input {
font-size: 12px;
}
.arco-picker-size-small {
height: 28px;
}
.arco-picker-size-small input {
font-size: 14px;
}
.arco-picker-size-medium {
height: 32px;
}
.arco-picker-size-medium input {
font-size: 14px;
}
.arco-picker-size-large {
height: 36px;
}
.arco-picker-size-large input {
font-size: 14px;
}
/**********************************************
* size: mini / small / default / large
**********************************************/
/****************************************************
* status: default / error / disabled _ (hover / focus)
****************************************************/
.arco-select-view-single {
display: inline-flex;
box-sizing: border-box;
width: 100%;
padding-right: 12px;
padding-left: 12px;
color: var(--color-text-1);
font-size: 14px;
background-color: var(--color-fill-2);
border: 1px solid transparent;
border-radius: var(--border-radius-small);
cursor: text;
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
cursor: pointer;
}
.arco-select-view-single.arco-select-view-search {
cursor: text;
}
.arco-select-view-single.arco-select-view-search .arco-select-view-value {
pointer-events: none;
}
.arco-select-view-single:hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-select-view-single:focus-within,
.arco-select-view-single.arco-select-view-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--primary-6));
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-select-view-single.arco-select-view-disabled {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
cursor: not-allowed;
}
.arco-select-view-single.arco-select-view-disabled:hover {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-select-view-single.arco-select-view-disabled .arco-select-view-prefix,
.arco-select-view-single.arco-select-view-disabled .arco-select-view-suffix {
color: inherit;
}
.arco-select-view-single.arco-select-view-error {
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-select-view-single.arco-select-view-error:hover {
background-color: var(--color-danger-light-2);
border-color: transparent;
}
.arco-select-view-single.arco-select-view-error:focus-within,
.arco-select-view-single.arco-select-view-error.arco-select-view-single-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--danger-6));
box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-select-view-single .arco-select-view-prefix,
.arco-select-view-single .arco-select-view-suffix {
display: inline-flex;
flex-shrink: 0;
align-items: center;
white-space: nowrap;
user-select: none;
}
.arco-select-view-single .arco-select-view-prefix > svg,
.arco-select-view-single .arco-select-view-suffix > svg {
font-size: 14px;
}
.arco-select-view-single .arco-select-view-prefix {
padding-right: 12px;
color: var(--color-text-2);
}
.arco-select-view-single .arco-select-view-suffix {
padding-left: 12px;
color: var(--color-text-2);
}
.arco-select-view-single .arco-select-view-suffix .arco-feedback-icon {
display: inline-flex;
}
.arco-select-view-single .arco-select-view-suffix .arco-feedback-icon-status-validating {
color: rgb(var(--primary-6));
}
.arco-select-view-single .arco-select-view-suffix .arco-feedback-icon-status-success {
color: rgb(var(--success-6));
}
.arco-select-view-single .arco-select-view-suffix .arco-feedback-icon-status-warning {
color: rgb(var(--warning-6));
}
.arco-select-view-single .arco-select-view-suffix .arco-feedback-icon-status-error {
color: rgb(var(--danger-6));
}
.arco-select-view-single .arco-select-view-clear-btn {
align-self: center;
color: var(--color-text-2);
font-size: 12px;
visibility: hidden;
cursor: pointer;
}
.arco-select-view-single .arco-select-view-clear-btn > svg {
position: relative;
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-select-view-single:hover .arco-select-view-clear-btn {
visibility: visible;
}
.arco-select-view-single:not(.arco-select-view-focus) .arco-select-view-icon-hover:hover::before {
background-color: var(--color-fill-4);
}
.arco-select-view-single .arco-select-view-input {
width: 100%;
padding-right: 0;
padding-left: 0;
color: inherit;
line-height: 1.5715;
background: none;
border: none;
border-radius: 0;
outline: none;
cursor: inherit;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.arco-select-view-single .arco-select-view-input::placeholder {
color: var(--color-text-3);
}
.arco-select-view-single .arco-select-view-input[disabled]::placeholder {
color: var(--color-text-4);
}
.arco-select-view-single .arco-select-view-input[disabled] {
-webkit-text-fill-color: var(--color-text-4);
}
.arco-select-view-single .arco-select-view-input-hidden {
position: absolute;
width: 0 !important;
}
.arco-select-view-single .arco-select-view-value {
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-select-view-single .arco-select-view-value::after {
font-size: 0;
line-height: 0;
visibility: hidden;
content: '.';
}
.arco-select-view-single .arco-select-view-value-hidden {
display: none;
}
.arco-select-view-single.arco-select-view-size-mini .arco-select-view-input,
.arco-select-view-single.arco-select-view-size-mini .arco-select-view-value {
/* prettier-ignore */
padding-top: 1px;
/* prettier-ignore */
padding-bottom: 1px;
font-size: 12px;
line-height: 1.667;
}
.arco-select-view-single.arco-select-view-size-mini .arco-select-view-value {
min-height: 22px;
}
.arco-select-view-single.arco-select-view-size-medium .arco-select-view-input,
.arco-select-view-single.arco-select-view-size-medium .arco-select-view-value {
/* prettier-ignore */
padding-top: 4px;
/* prettier-ignore */
padding-bottom: 4px;
font-size: 14px;
line-height: 1.5715;
}
.arco-select-view-single.arco-select-view-size-medium .arco-select-view-value {
min-height: 30px;
}
.arco-select-view-single.arco-select-view-size-small .arco-select-view-input,
.arco-select-view-single.arco-select-view-size-small .arco-select-view-value {
/* prettier-ignore */
padding-top: 2px;
/* prettier-ignore */
padding-bottom: 2px;
font-size: 14px;
line-height: 1.5715;
}
.arco-select-view-single.arco-select-view-size-small .arco-select-view-value {
min-height: 26px;
}
.arco-select-view-single.arco-select-view-size-large .arco-select-view-input,
.arco-select-view-single.arco-select-view-size-large .arco-select-view-value {
/* prettier-ignore */
padding-top: 6px;
/* prettier-ignore */
padding-bottom: 6px;
font-size: 14px;
line-height: 1.5715;
}
.arco-select-view-single.arco-select-view-size-large .arco-select-view-value {
min-height: 34px;
}
.arco-select-view-multiple {
display: inline-flex;
box-sizing: border-box;
width: 100%;
padding-right: 12px;
padding-left: 12px;
color: var(--color-text-1);
font-size: 14px;
background-color: var(--color-fill-2);
border: 1px solid transparent;
border-radius: var(--border-radius-small);
cursor: text;
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-select-view-multiple:hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-select-view-multiple:focus-within,
.arco-select-view-multiple.arco-select-view-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--primary-6));
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-select-view-multiple.arco-select-view-disabled {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
cursor: not-allowed;
}
.arco-select-view-multiple.arco-select-view-disabled:hover {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-select-view-multiple.arco-select-view-disabled .arco-select-view-prefix,
.arco-select-view-multiple.arco-select-view-disabled .arco-select-view-suffix {
color: inherit;
}
.arco-select-view-multiple.arco-select-view-error {
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-select-view-multiple.arco-select-view-error:hover {
background-color: var(--color-danger-light-2);
border-color: transparent;
}
.arco-select-view-multiple.arco-select-view-error:focus-within,
.arco-select-view-multiple.arco-select-view-error.arco-select-view-multiple-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--danger-6));
box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-select-view-multiple .arco-select-view-prefix,
.arco-select-view-multiple .arco-select-view-suffix {
display: inline-flex;
flex-shrink: 0;
align-items: center;
white-space: nowrap;
user-select: none;
}
.arco-select-view-multiple .arco-select-view-prefix > svg,
.arco-select-view-multiple .arco-select-view-suffix > svg {
font-size: 14px;
}
.arco-select-view-multiple .arco-select-view-prefix {
padding-right: 12px;
color: var(--color-text-2);
}
.arco-select-view-multiple .arco-select-view-suffix {
padding-left: 12px;
color: var(--color-text-2);
}
.arco-select-view-multiple .arco-select-view-suffix .arco-feedback-icon {
display: inline-flex;
}
.arco-select-view-multiple .arco-select-view-suffix .arco-feedback-icon-status-validating {
color: rgb(var(--primary-6));
}
.arco-select-view-multiple .arco-select-view-suffix .arco-feedback-icon-status-success {
color: rgb(var(--success-6));
}
.arco-select-view-multiple .arco-select-view-suffix .arco-feedback-icon-status-warning {
color: rgb(var(--warning-6));
}
.arco-select-view-multiple .arco-select-view-suffix .arco-feedback-icon-status-error {
color: rgb(var(--danger-6));
}
.arco-select-view-multiple .arco-select-view-clear-btn {
align-self: center;
color: var(--color-text-2);
font-size: 12px;
visibility: hidden;
cursor: pointer;
}
.arco-select-view-multiple .arco-select-view-clear-btn > svg {
position: relative;
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-select-view-multiple:hover .arco-select-view-clear-btn {
visibility: visible;
}
.arco-select-view-multiple:not(.arco-select-view-focus) .arco-select-view-icon-hover:hover::before {
background-color: var(--color-fill-4);
}
.arco-select-view-multiple.arco-select-view-has-tag {
padding-right: 4px;
padding-left: 4px;
}
.arco-select-view-multiple.arco-select-view-has-prefix {
padding-left: 12px;
}
.arco-select-view-multiple.arco-select-view-has-suffix {
padding-right: 12px;
}
.arco-select-view-multiple .arco-select-view-inner {
flex: 1;
overflow: hidden;
line-height: 0;
}
.arco-select-view-multiple .arco-select-view-inner .arco-select-view-tag {
display: inline-flex;
align-items: center;
margin-right: 4px;
color: var(--color-text-1);
font-size: 12px;
white-space: pre-wrap;
word-break: break-word;
background-color: var(--color-bg-2);
border-color: var(--color-fill-3);
}
.arco-select-view-multiple .arco-select-view-inner .arco-select-view-tag .arco-icon-hover:hover::before {
background-color: var(--color-fill-2);
}
.arco-select-view-multiple .arco-select-view-inner .arco-select-view-tag.arco-tag-custom-color {
color: var(--color-white);
}
.arco-select-view-multiple .arco-select-view-inner .arco-select-view-tag.arco-tag-custom-color .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(255, 255, 255, 0.2);
}
.arco-select-view-multiple .arco-select-view-inner .arco-select-view-input {
width: 100%;
padding-right: 0;
padding-left: 0;
color: inherit;
line-height: 1.5715;
background: none;
border: none;
border-radius: 0;
outline: none;
cursor: inherit;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
box-sizing: border-box;
}
.arco-select-view-multiple .arco-select-view-inner .arco-select-view-input::placeholder {
color: var(--color-text-3);
}
.arco-select-view-multiple .arco-select-view-inner .arco-select-view-input[disabled]::placeholder {
color: var(--color-text-4);
}
.arco-select-view-multiple .arco-select-view-inner .arco-select-view-input[disabled] {
-webkit-text-fill-color: var(--color-text-4);
}
.arco-select-view-multiple .arco-select-view-mirror {
position: absolute;
top: 0;
left: 0;
white-space: pre;
visibility: hidden;
pointer-events: none;
}
.arco-select-view-multiple.arco-select-view-focus .arco-select-view-tag {
background-color: var(--color-fill-2);
border-color: var(--color-fill-2);
}
.arco-select-view-multiple.arco-select-view-focus .arco-select-view-tag .arco-icon-hover:hover::before {
background-color: var(--color-fill-3);
}
.arco-select-view-multiple.arco-select-view-disabled .arco-select-view-tag {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: var(--color-fill-3);
}
.arco-select-view-multiple.arco-select-view-readonly,
.arco-select-view-multiple.arco-select-view-disabled-input {
cursor: default;
}
.arco-select-view-multiple.arco-select-view-size-mini {
font-size: 12px;
}
.arco-select-view-multiple.arco-select-view-size-mini .arco-select-view-inner {
padding-top: 0px;
padding-bottom: 0px;
}
.arco-select-view-multiple.arco-select-view-size-mini .arco-select-view-tag,
.arco-select-view-multiple.arco-select-view-size-mini .arco-select-view-input {
margin-top: 1px;
margin-bottom: 1px;
line-height: 18px;
vertical-align: middle;
}
.arco-select-view-multiple.arco-select-view-size-mini .arco-select-view-tag,
.arco-select-view-multiple.arco-select-view-size-mini .arco-select-view-input {
height: auto;
min-height: 20px;
}
.arco-select-view-multiple.arco-select-view-size-medium {
font-size: 14px;
}
.arco-select-view-multiple.arco-select-view-size-medium .arco-select-view-inner {
padding-top: 2px;
padding-bottom: 2px;
}
.arco-select-view-multiple.arco-select-view-size-medium .arco-select-view-tag,
.arco-select-view-multiple.arco-select-view-size-medium .arco-select-view-input {
margin-top: 1px;
margin-bottom: 1px;
line-height: 22px;
vertical-align: middle;
}
.arco-select-view-multiple.arco-select-view-size-medium .arco-select-view-tag,
.arco-select-view-multiple.arco-select-view-size-medium .arco-select-view-input {
height: auto;
min-height: 24px;
}
.arco-select-view-multiple.arco-select-view-size-small {
font-size: 14px;
}
.arco-select-view-multiple.arco-select-view-size-small .arco-select-view-inner {
padding-top: 2px;
padding-bottom: 2px;
}
.arco-select-view-multiple.arco-select-view-size-small .arco-select-view-tag,
.arco-select-view-multiple.arco-select-view-size-small .arco-select-view-input {
margin-top: 1px;
margin-bottom: 1px;
line-height: 18px;
vertical-align: middle;
}
.arco-select-view-multiple.arco-select-view-size-small .arco-select-view-tag,
.arco-select-view-multiple.arco-select-view-size-small .arco-select-view-input {
height: auto;
min-height: 20px;
}
.arco-select-view-multiple.arco-select-view-size-large {
font-size: 14px;
}
.arco-select-view-multiple.arco-select-view-size-large .arco-select-view-inner {
padding-top: 2px;
padding-bottom: 2px;
}
.arco-select-view-multiple.arco-select-view-size-large .arco-select-view-tag,
.arco-select-view-multiple.arco-select-view-size-large .arco-select-view-input {
margin-top: 1px;
margin-bottom: 1px;
line-height: 26px;
vertical-align: middle;
}
.arco-select-view-multiple.arco-select-view-size-large .arco-select-view-tag,
.arco-select-view-multiple.arco-select-view-size-large .arco-select-view-input {
height: auto;
min-height: 28px;
}
.arco-select-view-multiple.arco-select-view-disabled-input {
cursor: pointer;
}
.arco-select-view.arco-select-view-borderless {
background: none !important;
border: none !important;
box-shadow: none !important;
}
.arco-select-view-suffix .arco-feedback-icon {
margin-left: 4px;
}
.arco-select-view-clear-btn svg,
.arco-select-view-icon svg {
display: block;
font-size: 12px;
}
.arco-select-view-opened .arco-select-view-arrow-icon {
transform: rotateZ(180deg);
}
.arco-select-view-expand-icon {
transform: rotate(-45deg);
}
.arco-select-view-clear-btn {
display: none;
cursor: pointer;
}
.arco-select-view:hover .arco-select-view-clear-btn {
display: block;
}
.arco-select-view:hover .arco-select-view-clear-btn ~ * {
display: none;
}
.arco-affix {
position: fixed;
z-index: 999;
}
/*****************************************************
* type: info / warning / error /success
*****************************************************/
.arco-alert {
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
padding: 8px 15px;
overflow: hidden;
font-size: 14px;
line-height: 1.5715;
text-align: left;
border-radius: var(--border-radius-small);
}
.arco-alert-with-title {
align-items: flex-start;
padding: 15px 15px;
}
.arco-alert-center {
justify-content: center;
}
.arco-alert-center .arco-alert-body {
flex: initial;
}
.arco-alert-normal {
background-color: var(--color-neutral-2);
border: 1px solid transparent;
}
.arco-alert-info {
background-color: var(--color-primary-light-1);
border: 1px solid transparent;
}
.arco-alert-success {
background-color: var(--color-success-light-1);
border: 1px solid transparent;
}
.arco-alert-warning {
background-color: var(--color-warning-light-1);
border: 1px solid transparent;
}
.arco-alert-error {
background-color: var(--color-danger-light-1);
border: 1px solid transparent;
}
.arco-alert-banner {
border: none;
border-radius: 0;
}
.arco-alert-body {
position: relative;
flex: 1;
}
.arco-alert-title {
margin-bottom: 4px;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
}
.arco-alert-normal .arco-alert-title {
color: var(--color-text-1);
}
.arco-alert-normal .arco-alert-content {
color: var(--color-text-1);
}
.arco-alert-normal.arco-alert-with-title .arco-alert-content {
color: var(--color-text-2);
}
.arco-alert-info .arco-alert-title {
color: var(--color-text-1);
}
.arco-alert-info .arco-alert-content {
color: var(--color-text-1);
}
.arco-alert-info.arco-alert-with-title .arco-alert-content {
color: var(--color-text-2);
}
.arco-alert-success .arco-alert-title {
color: var(--color-text-1);
}
.arco-alert-success .arco-alert-content {
color: var(--color-text-1);
}
.arco-alert-success.arco-alert-with-title .arco-alert-content {
color: var(--color-text-2);
}
.arco-alert-warning .arco-alert-title {
color: var(--color-text-1);
}
.arco-alert-warning .arco-alert-content {
color: var(--color-text-1);
}
.arco-alert-warning.arco-alert-with-title .arco-alert-content {
color: var(--color-text-2);
}
.arco-alert-error .arco-alert-title {
color: var(--color-text-1);
}
.arco-alert-error .arco-alert-content {
color: var(--color-text-1);
}
.arco-alert-error.arco-alert-with-title .arco-alert-content {
color: var(--color-text-2);
}
.arco-alert-icon {
margin-right: 8px;
}
.arco-alert-icon svg {
font-size: 16px;
vertical-align: -3px;
}
.arco-alert-with-title .arco-alert-icon svg {
font-size: 18px;
vertical-align: -5px;
}
.arco-alert-normal .arco-alert-icon svg {
color: var(--color-neutral-4);
}
.arco-alert-info .arco-alert-icon svg {
color: rgb(var(--primary-6));
}
.arco-alert-success .arco-alert-icon svg {
color: rgb(var(--success-6));
}
.arco-alert-warning .arco-alert-icon svg {
color: rgb(var(--warning-6));
}
.arco-alert-error .arco-alert-icon svg {
color: rgb(var(--danger-6));
}
.arco-alert-close-btn {
top: 4px;
right: 0;
box-sizing: border-box;
margin-left: 8px;
padding: 0;
color: var(--color-text-2);
font-size: 12px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-alert-close-btn:hover {
color: var(--color-text-1);
}
.arco-alert-action + .arco-alert-close-btn {
margin-left: 8px;
}
.arco-alert-action {
margin-left: 8px;
}
.arco-alert-with-title .arco-alert-close-btn {
margin-top: 0;
margin-right: 0;
}
.arco-anchor {
position: relative;
width: 150px;
overflow: auto;
}
.arco-anchor-line-slider {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 2px;
height: 12px;
margin-top: 9.0005px;
background-color: rgb(var(--primary-6));
transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-anchor-list {
position: relative;
margin-top: 0;
margin-bottom: 0;
margin-left: 4px;
padding-left: 0;
list-style: none;
}
.arco-anchor-list::before {
position: absolute;
left: -4px;
width: 2px;
height: 100%;
background-color: var(--color-fill-3);
content: '';
}
.arco-anchor-sublist {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.arco-anchor-link-item {
margin-bottom: 2px;
}
.arco-anchor-link-item .arco-anchor-link {
display: block;
margin-bottom: 2px;
padding: 4px 8px;
overflow: hidden;
color: var(--color-text-2);
font-size: 14px;
line-height: 1.5715;
white-space: nowrap;
text-decoration: none;
text-overflow: ellipsis;
border-radius: var(--border-radius-small);
cursor: pointer;
}
.arco-anchor-link-item .arco-anchor-link:hover {
color: var(--color-text-1);
font-weight: 500;
background-color: var(--color-fill-2);
}
.arco-anchor-link-active > .arco-anchor-link {
color: var(--color-text-1);
font-weight: 500;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-anchor-link-item .arco-anchor-link-item {
margin-left: 16px;
}
.arco-anchor-line-less .arco-anchor-list {
margin-left: 0;
}
.arco-anchor-line-less .arco-anchor-list::before {
display: none;
}
.arco-anchor-line-less .arco-anchor-link-active > .arco-anchor-link {
color: rgb(var(--primary-6));
font-weight: 500;
background-color: var(--color-fill-2);
}
/**********************************************
* Popup Box
**********************************************/
/**********************************************
* Popup Options
* status: default / disabled / selected / hover
**********************************************/
.arco-autocomplete-popup .arco-select-popup {
background-color: var(--color-bg-popup);
border: 1px solid var(--color-fill-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.arco-autocomplete-popup .arco-select-popup .arco-select-popup-inner {
max-height: 200px;
padding: 4px 0;
}
.arco-autocomplete-popup .arco-select-popup .arco-select-option {
height: 36px;
padding: 0 12px;
font-size: 14px;
line-height: 36px;
color: var(--color-text-1);
background-color: var(--color-bg-popup);
}
.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected {
color: var(--color-text-1);
background-color: var(--color-bg-popup);
}
.arco-autocomplete-popup .arco-select-popup .arco-select-option-hover {
color: var(--color-text-1);
background-color: var(--color-fill-2);
}
.arco-autocomplete-popup .arco-select-popup .arco-select-option-disabled {
color: var(--color-text-4);
background-color: var(--color-bg-popup);
}
.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected {
font-weight: 500;
}
.arco-avatar {
position: relative;
display: inline-flex;
align-items: center;
box-sizing: border-box;
width: 40px;
height: 40px;
color: var(--color-white);
font-size: 20px;
white-space: nowrap;
vertical-align: middle;
background-color: var(--color-fill-4);
}
.arco-avatar-circle {
border-radius: var(--border-radius-circle);
}
.arco-avatar-circle .arco-avatar-image {
overflow: hidden;
border-radius: var(--border-radius-circle);
}
.arco-avatar-square {
border-radius: var(--border-radius-medium);
}
.arco-avatar-square .arco-avatar-image {
overflow: hidden;
border-radius: var(--border-radius-medium);
}
.arco-avatar-text {
position: absolute;
left: 50%;
font-weight: 500;
line-height: 1;
transform: translateX(-50%);
transform-origin: 0 center;
}
.arco-avatar-image {
display: inline-block;
width: 100%;
height: 100%;
}
.arco-avatar-image-icon {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.arco-avatar-image img,
.arco-avatar-image picture {
width: 100%;
height: 100%;
}
.arco-avatar-trigger-icon-button {
position: absolute;
right: -4px;
bottom: -4px;
z-index: 1;
width: 20px;
height: 20px;
color: var(--color-fill-4);
font-size: 12px;
line-height: 20px;
text-align: center;
background-color: var(--color-neutral-2);
border-radius: var(--border-radius-circle);
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-avatar-trigger-icon-mask {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: var(--color-white);
font-size: 16px;
background-color: rgba(29, 33, 41, 0.6);
border-radius: var(--border-radius-medium);
opacity: 0;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-avatar-circle .arco-avatar-trigger-icon-mask {
border-radius: var(--border-radius-circle);
}
.arco-avatar-with-trigger-icon {
cursor: pointer;
}
.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-mask {
z-index: 2;
opacity: 1;
}
.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-button {
background-color: var(--color-neutral-3);
}
.arco-avatar-group {
display: inline-block;
line-height: 0;
}
.arco-avatar-group-max-count-avatar {
color: var(--color-white);
font-size: 20px;
cursor: default;
}
.arco-avatar-group .arco-avatar {
border: 2px solid var(--color-bg-2);
}
.arco-avatar-group .arco-avatar:not(:first-child) {
margin-left: -10px;
}
.arco-avatar-group-popover .arco-avatar:not(:first-child) {
margin-left: 4px;
}
.arco-back-top {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 100;
}
.arco-back-top-btn {
width: 40px;
height: 40px;
color: var(--color-white);
font-size: 12px;
text-align: center;
background-color: rgb(var(--primary-6));
border: none;
border-radius: var(--border-radius-circle);
outline: none;
cursor: pointer;
transition: all 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-back-top-btn:hover {
background-color: rgb(var(--primary-5));
}
.arco-back-top-btn svg {
font-size: 14px;
}
.arco-badge {
position: relative;
display: inline-block;
line-height: 1;
}
.arco-badge-number,
.arco-badge-dot,
.arco-badge-text,
.arco-badge-custom-dot {
position: absolute;
top: 2px;
right: 2px;
z-index: 2;
box-sizing: border-box;
overflow: hidden;
text-align: center;
border-radius: 20px;
transform: translate(50%, -50%);
transform-origin: 100% 0%;
}
.arco-badge-custom-dot {
background-color: var(--color-bg-2);
}
.arco-badge-number,
.arco-badge-text {
min-width: 20px;
height: 20px;
padding: 0 6px;
color: var(--color-white);
font-weight: 500;
font-size: 12px;
line-height: 20px;
background-color: rgb(var(--danger-6));
box-shadow: 0 0 0 2px var(--color-bg-2);
}
.arco-badge-dot {
width: 6px;
height: 6px;
background-color: rgb(var(--danger-6));
border-radius: var(--border-radius-circle);
box-shadow: 0 0 0 2px var(--color-bg-2);
}
.arco-badge-no-children .arco-badge-dot,
.arco-badge-no-children .arco-badge-number,
.arco-badge-no-children .arco-badge-text {
position: relative;
top: unset;
right: unset;
display: inline-block;
transform: none;
}
.arco-badge-status-wrapper {
display: inline-flex;
align-items: center;
}
.arco-badge-status-dot {
display: inline-block;
width: 6px;
height: 6px;
border-radius: var(--border-radius-circle);
}
.arco-badge-status-normal {
background-color: var(--color-fill-4);
}
.arco-badge-status-processing {
background-color: rgb(var(--primary-6));
}
.arco-badge-status-success {
background-color: rgb(var(--success-6));
}
.arco-badge-status-warning {
background-color: rgb(var(--warning-6));
}
.arco-badge-status-danger {
background-color: rgb(var(--danger-6));
}
.arco-badge-color-red {
background-color: rgb(var(--danger-6));
}
.arco-badge-color-orangered {
background-color: #f77234;
}
.arco-badge-color-orange {
background-color: rgb(var(--orange-6));
}
.arco-badge-color-gold {
background-color: rgb(var(--gold-6));
}
.arco-badge-color-lime {
background-color: rgb(var(--lime-6));
}
.arco-badge-color-green {
background-color: rgb(var(--success-6));
}
.arco-badge-color-cyan {
background-color: rgb(var(--cyan-6));
}
.arco-badge-color-arcoblue {
background-color: rgb(var(--primary-6));
}
.arco-badge-color-purple {
background-color: rgb(var(--purple-6));
}
.arco-badge-color-pinkpurple {
background-color: rgb(var(--pinkpurple-6));
}
.arco-badge-color-magenta {
background-color: rgb(var(--magenta-6));
}
.arco-badge-color-gray {
background-color: rgb(var(--gray-4));
}
.arco-badge .arco-badge-status-text {
margin-left: 8px;
color: var(--color-text-1);
font-size: 12px;
line-height: 1.5715;
}
.arco-badge-number-text {
display: inline-block;
animation: arco-badge-scale 0.5s cubic-bezier(0.3, 1.3, 0.3, 1);
}
@keyframes arco-badge-scale {
from {
transform: scale(0, 0);
}
to {
transform: scale(1, 1);
}
}
.badge-zoom-enter,
.badge-zoom-appear {
transform: translate(50%, -50%) scale(0.2, 0.2);
transform-origin: center;
}
.badge-zoom-enter-active,
.badge-zoom-appear-active {
transform: translate(50%, -50%) scale(1, 1);
transform-origin: center;
opacity: 1;
transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.badge-zoom-exit {
transform: translate(50%, -50%) scale(1, 1);
transform-origin: center;
opacity: 1;
}
.badge-zoom-exit-active {
transform: translate(50%, -50%) scale(0.2, 0.2);
transform-origin: center;
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.arco-breadcrumb {
display: inline-flex;
align-items: center;
color: var(--color-text-2);
font-size: 14px;
}
.arco-breadcrumb-icon {
color: var(--color-text-2);
}
.arco-breadcrumb-item {
display: inline-block;
padding: 0 4px;
color: var(--color-text-2);
line-height: 24px;
vertical-align: middle;
}
.arco-breadcrumb-item > .arco-icon {
color: var(--color-text-3);
}
.arco-breadcrumb-item a {
display: inline-block;
margin: 0 -4px;
padding: 0 4px;
color: var(--color-text-2);
text-decoration: none;
border-radius: var(--border-radius-small);
background-color: transparent;
}
.arco-breadcrumb-item a:hover {
color: rgb(var(--link-6));
background-color: var(--color-fill-2);
}
.arco-breadcrumb-item:last-child {
color: var(--color-text-1);
font-weight: 500;
}
.arco-breadcrumb-item-ellipses {
position: relative;
top: -3px;
display: inline-block;
padding: 0 4px;
color: var(--color-text-2);
}
.arco-breadcrumb-item-separator {
display: inline-block;
margin: 0 4px;
color: var(--color-text-4);
line-height: 24px;
vertical-align: middle;
}
.arco-breadcrumb-item-with-dropdown {
cursor: pointer;
}
.arco-breadcrumb-item-dropdown-icon {
margin-left: 4px;
color: var(--color-text-2);
font-size: 12px;
}
.arco-breadcrumb-item-dropdown-icon-active svg {
transform: rotate(180deg);
}
/***** Outline *****/
/***** Primary *****/
/***** Secondary *****/
/***** Dashed *****/
/***** Text *****/
/***** focus-visible *****/
.arco-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
font-weight: 400;
line-height: 1.5715;
white-space: nowrap;
outline: none;
cursor: pointer;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
-webkit-appearance: none;
user-select: none;
}
.arco-btn > a:only-child {
color: currentColor;
}
.arco-btn:active {
transition: none;
}
.arco-btn-long {
display: flex;
width: 100%;
}
.arco-btn-link {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.arco-btn-link:not([href]) {
color: var(--color-text-4);
}
.arco-btn-link:hover {
text-decoration: none;
}
.arco-btn-link.arco-btn-only-icon {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: top;
}
.arco-btn.arco-btn-only-icon .arco-btn-icon {
display: flex;
justify-content: center;
}
.arco-btn-loading {
position: relative;
cursor: default;
}
.arco-btn-loading::before {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
display: block;
background: #fff;
border-radius: inherit;
opacity: 0.4;
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
content: '';
pointer-events: none;
}
.arco-btn-loading-fixed-width {
transition: none;
}
.arco-btn-two-chinese-chars > *:not(svg) {
margin-right: -0.3em;
letter-spacing: 0.3em;
}
.arco-btn-outline,
.arco-btn-outline[type='button'],
.arco-btn-outline[type='submit'] {
color: rgb(var(--primary-6));
background-color: transparent;
border: 1px solid rgb(var(--primary-6));
}
.arco-btn-outline:hover,
.arco-btn-outline[type='button']:hover,
.arco-btn-outline[type='submit']:hover {
color: rgb(var(--primary-5));
background-color: transparent;
border-color: rgb(var(--primary-5));
}
.arco-btn-outline:focus-visible,
.arco-btn-outline[type='button']:focus-visible,
.arco-btn-outline[type='submit']:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--primary-3));
}
.arco-btn-outline:active,
.arco-btn-outline[type='button']:active,
.arco-btn-outline[type='submit']:active {
color: rgb(var(--primary-7));
background-color: transparent;
border-color: rgb(var(--primary-7));
}
.arco-btn-outline.arco-btn-loading,
.arco-btn-outline[type='button'].arco-btn-loading,
.arco-btn-outline[type='submit'].arco-btn-loading {
color: rgb(var(--primary-6));
background-color: transparent;
border: 1px solid rgb(var(--primary-6));
}
.arco-btn-outline.arco-btn-disabled,
.arco-btn-outline[type='button'].arco-btn-disabled,
.arco-btn-outline[type='submit'].arco-btn-disabled {
color: var(--color-primary-light-3);
background-color: transparent;
border: 1px solid var(--color-primary-light-3);
cursor: not-allowed;
}
.arco-btn-outline.arco-btn-status-warning {
color: rgb(var(--warning-6));
background-color: transparent;
border-color: rgb(var(--warning-6));
}
.arco-btn-outline.arco-btn-status-warning:hover {
color: rgb(var(--warning-5));
background-color: transparent;
border-color: rgb(var(--warning-5));
}
.arco-btn-outline.arco-btn-status-warning:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
}
.arco-btn-outline.arco-btn-status-warning:active {
color: rgb(var(--warning-7));
background-color: transparent;
border-color: rgb(var(--warning-7));
}
.arco-btn-outline.arco-btn-status-warning.arco-btn-loading {
color: rgb(var(--warning-6));
background-color: transparent;
border-color: rgb(var(--warning-6));
}
.arco-btn-outline.arco-btn-status-warning.arco-btn-disabled {
color: var(--color-warning-light-3);
background-color: transparent;
border: 1px solid var(--color-warning-light-3);
}
.arco-btn-outline.arco-btn-status-danger {
color: rgb(var(--danger-6));
background-color: transparent;
border-color: rgb(var(--danger-6));
}
.arco-btn-outline.arco-btn-status-danger:hover {
color: rgb(var(--danger-5));
background-color: transparent;
border-color: rgb(var(--danger-5));
}
.arco-btn-outline.arco-btn-status-danger:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
}
.arco-btn-outline.arco-btn-status-danger:active {
color: rgb(var(--danger-7));
background-color: transparent;
border-color: rgb(var(--danger-7));
}
.arco-btn-outline.arco-btn-status-danger.arco-btn-loading {
color: rgb(var(--danger-6));
background-color: transparent;
border-color: rgb(var(--danger-6));
}
.arco-btn-outline.arco-btn-status-danger.arco-btn-disabled {
color: var(--color-danger-light-3);
background-color: transparent;
border: 1px solid var(--color-danger-light-3);
}
.arco-btn-outline.arco-btn-status-success {
color: rgb(var(--success-6));
background-color: transparent;
border-color: rgb(var(--success-6));
}
.arco-btn-outline.arco-btn-status-success:hover {
color: rgb(var(--success-5));
background-color: transparent;
border-color: rgb(var(--success-5));
}
.arco-btn-outline.arco-btn-status-success:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--success-3));
}
.arco-btn-outline.arco-btn-status-success:active {
color: rgb(var(--success-7));
background-color: transparent;
border-color: rgb(var(--success-7));
}
.arco-btn-outline.arco-btn-status-success.arco-btn-loading {
color: rgb(var(--success-6));
background-color: transparent;
border-color: rgb(var(--success-6));
}
.arco-btn-outline.arco-btn-status-success.arco-btn-disabled {
color: var(--color-success-light-3);
background-color: transparent;
border: 1px solid var(--color-success-light-3);
}
.arco-btn-primary,
.arco-btn-primary[type='button'],
.arco-btn-primary[type='submit'] {
color: #fff;
background-color: rgb(var(--primary-6));
border: 1px solid transparent;
}
.arco-btn-primary:hover,
.arco-btn-primary[type='button']:hover,
.arco-btn-primary[type='submit']:hover {
color: #fff;
background-color: rgb(var(--primary-5));
border-color: transparent;
}
.arco-btn-primary:focus-visible,
.arco-btn-primary[type='button']:focus-visible,
.arco-btn-primary[type='submit']:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--primary-3));
}
.arco-btn-primary:active,
.arco-btn-primary[type='button']:active,
.arco-btn-primary[type='submit']:active {
color: #fff;
background-color: rgb(var(--primary-7));
border-color: transparent;
}
.arco-btn-primary.arco-btn-loading,
.arco-btn-primary[type='button'].arco-btn-loading,
.arco-btn-primary[type='submit'].arco-btn-loading {
color: #fff;
background-color: rgb(var(--primary-6));
border: 1px solid transparent;
}
.arco-btn-primary.arco-btn-disabled,
.arco-btn-primary[type='button'].arco-btn-disabled,
.arco-btn-primary[type='submit'].arco-btn-disabled {
color: #fff;
background-color: var(--color-primary-light-3);
border: 1px solid transparent;
cursor: not-allowed;
}
.arco-btn-primary.arco-btn-status-warning {
color: #fff;
background-color: rgb(var(--warning-6));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-warning:hover {
color: #fff;
background-color: rgb(var(--warning-5));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-warning:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
}
.arco-btn-primary.arco-btn-status-warning:active {
color: #fff;
background-color: rgb(var(--warning-7));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-warning.arco-btn-loading {
color: #fff;
background-color: rgb(var(--warning-6));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-warning.arco-btn-disabled {
color: #fff;
background-color: var(--color-warning-light-3);
border: 1px solid transparent;
}
.arco-btn-primary.arco-btn-status-danger {
color: #fff;
background-color: rgb(var(--danger-6));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-danger:hover {
color: #fff;
background-color: rgb(var(--danger-5));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-danger:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
}
.arco-btn-primary.arco-btn-status-danger:active {
color: #fff;
background-color: rgb(var(--danger-7));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-danger.arco-btn-loading {
color: #fff;
background-color: rgb(var(--danger-6));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-danger.arco-btn-disabled {
color: #fff;
background-color: var(--color-danger-light-3);
border: 1px solid transparent;
}
.arco-btn-primary.arco-btn-status-success {
color: #fff;
background-color: rgb(var(--success-6));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-success:hover {
color: #fff;
background-color: rgb(var(--success-5));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-success:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--success-3));
}
.arco-btn-primary.arco-btn-status-success:active {
color: #fff;
background-color: rgb(var(--success-7));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-success.arco-btn-loading {
color: #fff;
background-color: rgb(var(--success-6));
border-color: transparent;
}
.arco-btn-primary.arco-btn-status-success.arco-btn-disabled {
color: #fff;
background-color: var(--color-success-light-3);
border: 1px solid transparent;
}
.arco-btn-secondary,
.arco-btn-secondary[type='button'],
.arco-btn-secondary[type='submit'] {
color: var(--color-text-2);
background-color: var(--color-secondary);
border: 1px solid transparent;
}
.arco-btn-secondary:hover,
.arco-btn-secondary[type='button']:hover,
.arco-btn-secondary[type='submit']:hover {
color: var(--color-text-2);
background-color: var(--color-secondary-hover);
border-color: transparent;
}
.arco-btn-secondary:focus-visible,
.arco-btn-secondary[type='button']:focus-visible,
.arco-btn-secondary[type='submit']:focus-visible {
box-shadow: 0 0 0 0.25em var(--color-neutral-4);
}
.arco-btn-secondary:active,
.arco-btn-secondary[type='button']:active,
.arco-btn-secondary[type='submit']:active {
color: var(--color-text-2);
background-color: var(--color-secondary-active);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-loading,
.arco-btn-secondary[type='button'].arco-btn-loading,
.arco-btn-secondary[type='submit'].arco-btn-loading {
color: var(--color-text-2);
background-color: var(--color-secondary);
border: 1px solid transparent;
}
.arco-btn-secondary.arco-btn-disabled,
.arco-btn-secondary[type='button'].arco-btn-disabled,
.arco-btn-secondary[type='submit'].arco-btn-disabled {
color: var(--color-text-4);
background-color: var(--color-secondary-disabled);
border: 1px solid transparent;
cursor: not-allowed;
}
.arco-btn-secondary.arco-btn-status-warning {
color: rgb(var(--warning-6));
background-color: var(--color-warning-light-1);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-warning:hover {
color: rgb(var(--warning-6));
background-color: var(--color-warning-light-2);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-warning:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
}
.arco-btn-secondary.arco-btn-status-warning:active {
color: rgb(var(--warning-6));
background-color: var(--color-warning-light-3);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-warning.arco-btn-loading {
color: rgb(var(--warning-6));
background-color: var(--color-warning-light-1);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled {
color: var(--color-warning-light-3);
background-color: var(--color-warning-light-1);
border: 1px solid transparent;
}
.arco-btn-secondary.arco-btn-status-danger {
color: rgb(var(--danger-6));
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-danger:hover {
color: rgb(var(--danger-6));
background-color: var(--color-danger-light-2);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-danger:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
}
.arco-btn-secondary.arco-btn-status-danger:active {
color: rgb(var(--danger-6));
background-color: var(--color-danger-light-3);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-danger.arco-btn-loading {
color: rgb(var(--danger-6));
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled {
color: var(--color-danger-light-3);
background-color: var(--color-danger-light-1);
border: 1px solid transparent;
}
.arco-btn-secondary.arco-btn-status-success {
color: rgb(var(--success-6));
background-color: var(--color-success-light-1);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-success:hover {
color: rgb(var(--success-6));
background-color: var(--color-success-light-2);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-success:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--success-3));
}
.arco-btn-secondary.arco-btn-status-success:active {
color: rgb(var(--success-6));
background-color: var(--color-success-light-3);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-success.arco-btn-loading {
color: rgb(var(--success-6));
background-color: var(--color-success-light-1);
border-color: transparent;
}
.arco-btn-secondary.arco-btn-status-success.arco-btn-disabled {
color: var(--color-success-light-3);
background-color: var(--color-success-light-1);
border: 1px solid transparent;
}
.arco-btn-dashed,
.arco-btn-dashed[type='button'],
.arco-btn-dashed[type='submit'] {
color: var(--color-text-2);
background-color: var(--color-fill-2);
border: 1px dashed var(--color-neutral-3);
}
.arco-btn-dashed:hover,
.arco-btn-dashed[type='button']:hover,
.arco-btn-dashed[type='submit']:hover {
color: var(--color-text-2);
background-color: var(--color-fill-3);
border-color: var(--color-neutral-4);
}
.arco-btn-dashed:focus-visible,
.arco-btn-dashed[type='button']:focus-visible,
.arco-btn-dashed[type='submit']:focus-visible {
box-shadow: 0 0 0 0.25em var(--color-neutral-4);
}
.arco-btn-dashed:active,
.arco-btn-dashed[type='button']:active,
.arco-btn-dashed[type='submit']:active {
color: var(--color-text-2);
background-color: var(--color-fill-4);
border-color: var(--color-neutral-5);
}
.arco-btn-dashed.arco-btn-loading,
.arco-btn-dashed[type='button'].arco-btn-loading,
.arco-btn-dashed[type='submit'].arco-btn-loading {
color: var(--color-text-2);
background-color: var(--color-fill-2);
border: 1px dashed var(--color-neutral-3);
}
.arco-btn-dashed.arco-btn-disabled,
.arco-btn-dashed[type='button'].arco-btn-disabled,
.arco-btn-dashed[type='submit'].arco-btn-disabled {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border: 1px dashed var(--color-neutral-3);
cursor: not-allowed;
}
.arco-btn-dashed.arco-btn-status-warning {
color: rgb(var(--warning-6));
background-color: var(--color-warning-light-1);
border-color: var(--color-warning-light-2);
}
.arco-btn-dashed.arco-btn-status-warning:hover {
color: rgb(var(--warning-6));
background-color: var(--color-warning-light-2);
border-color: var(--color-warning-light-3);
}
.arco-btn-dashed.arco-btn-status-warning:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
}
.arco-btn-dashed.arco-btn-status-warning:active {
color: rgb(var(--warning-6));
background-color: var(--color-warning-light-3);
border-color: var(--color-warning-light-4);
}
.arco-btn-dashed.arco-btn-status-warning.arco-btn-loading {
color: rgb(var(--warning-6));
background-color: var(--color-warning-light-1);
border-color: var(--color-warning-light-2);
}
.arco-btn-dashed.arco-btn-status-warning.arco-btn-disabled {
color: var(--color-warning-light-3);
background-color: var(--color-warning-light-1);
border: 1px dashed var(--color-warning-light-2);
}
.arco-btn-dashed.arco-btn-status-danger {
color: rgb(var(--danger-6));
background-color: var(--color-danger-light-1);
border-color: var(--color-danger-light-2);
}
.arco-btn-dashed.arco-btn-status-danger:hover {
color: rgb(var(--danger-6));
background-color: var(--color-danger-light-2);
border-color: var(--color-danger-light-3);
}
.arco-btn-dashed.arco-btn-status-danger:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
}
.arco-btn-dashed.arco-btn-status-danger:active {
color: rgb(var(--danger-6));
background-color: var(--color-danger-light-3);
border-color: var(--color-danger-light-4);
}
.arco-btn-dashed.arco-btn-status-danger.arco-btn-loading {
color: rgb(var(--danger-6));
background-color: var(--color-danger-light-1);
border-color: var(--color-danger-light-2);
}
.arco-btn-dashed.arco-btn-status-danger.arco-btn-disabled {
color: var(--color-danger-light-3);
background-color: var(--color-danger-light-1);
border: 1px dashed var(--color-danger-light-2);
}
.arco-btn-dashed.arco-btn-status-success {
color: rgb(var(--success-6));
background-color: var(--color-success-light-1);
border-color: var(--color-success-light-2);
}
.arco-btn-dashed.arco-btn-status-success:hover {
color: rgb(var(--success-6));
background-color: var(--color-success-light-2);
border-color: var(--color-success-light-3);
}
.arco-btn-dashed.arco-btn-status-success:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--success-3));
}
.arco-btn-dashed.arco-btn-status-success:active {
color: rgb(var(--success-6));
background-color: var(--color-success-light-3);
border-color: var(--color-success-light-4);
}
.arco-btn-dashed.arco-btn-status-success.arco-btn-loading {
color: rgb(var(--success-6));
background-color: var(--color-success-light-1);
border-color: var(--color-success-light-2);
}
.arco-btn-dashed.arco-btn-status-success.arco-btn-disabled {
color: var(--color-success-light-3);
background-color: var(--color-success-light-1);
border: 1px dashed var(--color-success-light-2);
}
.arco-btn-text,
.arco-btn-text[type='button'],
.arco-btn-text[type='submit'] {
color: rgb(var(--primary-6));
background-color: transparent;
border: 1px solid transparent;
}
.arco-btn-text:hover,
.arco-btn-text[type='button']:hover,
.arco-btn-text[type='submit']:hover {
color: rgb(var(--primary-6));
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-btn-text:focus-visible,
.arco-btn-text[type='button']:focus-visible,
.arco-btn-text[type='submit']:focus-visible {
box-shadow: 0 0 0 0.25em var(--color-neutral-4);
}
.arco-btn-text:active,
.arco-btn-text[type='button']:active,
.arco-btn-text[type='submit']:active {
color: rgb(var(--primary-6));
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-btn-text.arco-btn-loading,
.arco-btn-text[type='button'].arco-btn-loading,
.arco-btn-text[type='submit'].arco-btn-loading {
color: rgb(var(--primary-6));
background-color: transparent;
border: 1px solid transparent;
}
.arco-btn-text.arco-btn-disabled,
.arco-btn-text[type='button'].arco-btn-disabled,
.arco-btn-text[type='submit'].arco-btn-disabled {
color: var(--color-primary-light-3);
background-color: transparent;
border: 1px solid transparent;
cursor: not-allowed;
}
.arco-btn-text.arco-btn-status-warning {
color: rgb(var(--warning-6));
background-color: transparent;
border-color: transparent;
}
.arco-btn-text.arco-btn-status-warning:hover {
color: rgb(var(--warning-6));
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-btn-text.arco-btn-status-warning:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
}
.arco-btn-text.arco-btn-status-warning:active {
color: rgb(var(--warning-6));
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-btn-text.arco-btn-status-warning.arco-btn-loading {
color: rgb(var(--warning-6));
background-color: transparent;
border-color: transparent;
}
.arco-btn-text.arco-btn-status-warning.arco-btn-disabled {
color: var(--color-warning-light-3);
background-color: transparent;
border: 1px solid transparent;
}
.arco-btn-text.arco-btn-status-danger {
color: rgb(var(--danger-6));
background-color: transparent;
border-color: transparent;
}
.arco-btn-text.arco-btn-status-danger:hover {
color: rgb(var(--danger-6));
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-btn-text.arco-btn-status-danger:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
}
.arco-btn-text.arco-btn-status-danger:active {
color: rgb(var(--danger-6));
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-btn-text.arco-btn-status-danger.arco-btn-loading {
color: rgb(var(--danger-6));
background-color: transparent;
border-color: transparent;
}
.arco-btn-text.arco-btn-status-danger.arco-btn-disabled {
color: var(--color-danger-light-3);
background-color: transparent;
border: 1px solid transparent;
}
.arco-btn-text.arco-btn-status-success {
color: rgb(var(--success-6));
background-color: transparent;
border-color: transparent;
}
.arco-btn-text.arco-btn-status-success:hover {
color: rgb(var(--success-6));
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-btn-text.arco-btn-status-success:focus-visible {
box-shadow: 0 0 0 0.25em rgb(var(--success-3));
}
.arco-btn-text.arco-btn-status-success:active {
color: rgb(var(--success-6));
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-btn-text.arco-btn-status-success.arco-btn-loading {
color: rgb(var(--success-6));
background-color: transparent;
border-color: transparent;
}
.arco-btn-text.arco-btn-status-success.arco-btn-disabled {
color: var(--color-success-light-3);
background-color: transparent;
border: 1px solid transparent;
}
.arco-btn-size-mini {
height: 24px;
padding: 0 11px;
font-size: 12px;
border-radius: var(--border-radius-small);
}
.arco-btn-size-mini:not(.arco-btn-only-icon) .arco-btn-icon {
margin-right: 4px;
}
.arco-btn-size-mini svg {
vertical-align: -1px;
}
.arco-btn-size-mini.arco-btn-loading-fixed-width.arco-btn-loading {
padding-right: 3px;
padding-left: 3px;
}
.arco-btn-size-mini.arco-btn-only-icon {
width: 24px;
height: 24px;
padding: 0;
}
.arco-btn-size-mini.arco-btn-shape-circle {
width: 24px;
height: 24px;
padding: 0;
text-align: center;
border-radius: var(--border-radius-circle);
}
.arco-btn-size-mini.arco-btn-shape-round {
border-radius: calc(24px * 0.5);
}
.arco-btn-size-small {
height: 28px;
padding: 0 15px;
font-size: 14px;
border-radius: var(--border-radius-small);
}
.arco-btn-size-small:not(.arco-btn-only-icon) .arco-btn-icon {
margin-right: 6px;
}
.arco-btn-size-small svg {
vertical-align: -2px;
}
.arco-btn-size-small.arco-btn-loading-fixed-width.arco-btn-loading {
padding-right: 5px;
padding-left: 5px;
}
.arco-btn-size-small.arco-btn-only-icon {
width: 28px;
height: 28px;
padding: 0;
}
.arco-btn-size-small.arco-btn-shape-circle {
width: 28px;
height: 28px;
padding: 0;
text-align: center;
border-radius: var(--border-radius-circle);
}
.arco-btn-size-small.arco-btn-shape-round {
border-radius: calc(28px * 0.5);
}
.arco-btn-size-medium {
height: 32px;
padding: 0 15px;
font-size: 14px;
border-radius: var(--border-radius-small);
}
.arco-btn-size-medium:not(.arco-btn-only-icon) .arco-btn-icon {
margin-right: 8px;
}
.arco-btn-size-medium svg {
vertical-align: -2px;
}
.arco-btn-size-medium.arco-btn-loading-fixed-width.arco-btn-loading {
padding-right: 4px;
padding-left: 4px;
}
.arco-btn-size-medium.arco-btn-only-icon {
width: 32px;
height: 32px;
padding: 0;
}
.arco-btn-size-medium.arco-btn-shape-circle {
width: 32px;
height: 32px;
padding: 0;
text-align: center;
border-radius: var(--border-radius-circle);
}
.arco-btn-size-medium.arco-btn-shape-round {
border-radius: calc(32px * 0.5);
}
.arco-btn-size-large {
height: 36px;
padding: 0 19px;
font-size: 14px;
border-radius: var(--border-radius-small);
}
.arco-btn-size-large:not(.arco-btn-only-icon) .arco-btn-icon {
margin-right: 8px;
}
.arco-btn-size-large svg {
vertical-align: -2px;
}
.arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading {
padding-right: 8px;
padding-left: 8px;
}
.arco-btn-size-large.arco-btn-only-icon {
width: 36px;
height: 36px;
padding: 0;
}
.arco-btn-size-large.arco-btn-shape-circle {
width: 36px;
height: 36px;
padding: 0;
text-align: center;
border-radius: var(--border-radius-circle);
}
.arco-btn-size-large.arco-btn-shape-round {
border-radius: calc(36px * 0.5);
}
.arco-btn-group {
display: inline-flex;
align-items: center;
}
.arco-btn-group .arco-btn-outline:not(:first-child),
.arco-btn-group .arco-btn-dashed:not(:first-child) {
margin-left: -1px;
}
.arco-btn-group .arco-btn-primary:not(:last-child) {
border-right: 1px solid rgb(var(--primary-5));
}
.arco-btn-group .arco-btn-secondary:not(:last-child) {
border-right: 1px solid var(--color-secondary-hover);
}
.arco-btn-group .arco-btn-status-warning:not(:last-child) {
border-right: 1px solid rgb(var(--warning-5));
}
.arco-btn-group .arco-btn-status-danger:not(:last-child) {
border-right: 1px solid rgb(var(--danger-5));
}
.arco-btn-group .arco-btn-status-success:not(:last-child) {
border-right: 1px solid rgb(var(--success-5));
}
.arco-btn-group .arco-btn-outline:hover,
.arco-btn-group .arco-btn-dashed:hover,
.arco-btn-group .arco-btn-outline:active,
.arco-btn-group .arco-btn-dashed:active {
z-index: 2;
}
.arco-btn-group .arco-btn:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.arco-btn-group .arco-btn:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.arco-btn-group .arco-btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
body[arco-theme='dark'] .arco-btn-primary.arco-btn-disabled {
color: rgba(255, 255, 255, 0.3);
}
.arco-calendar {
box-sizing: border-box;
border: 1px solid var(--color-neutral-3);
}
.arco-calendar-header {
display: flex;
padding: 24px 24px;
}
.arco-calendar-header-left {
position: relative;
display: flex;
flex: 1;
align-items: center;
height: 28px;
line-height: 28px;
}
.arco-calendar-header-right {
position: relative;
height: 28px;
}
.arco-calendar-header-value {
color: var(--color-text-1);
font-weight: 500;
font-size: 20px;
}
.arco-calendar-header-icon {
width: 28px;
height: 28px;
margin-right: 12px;
color: var(--color-text-2);
font-size: 12px;
line-height: 28px;
text-align: center;
background-color: var(--color-bg-5);
border-radius: 50%;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
user-select: none;
}
.arco-calendar-header-icon:not(:first-child) {
margin: 0 12px;
}
.arco-calendar-header-icon:focus-visible {
box-shadow: 0 0 0 2px var(--color-primary-light-3);
}
.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden) {
cursor: pointer;
}
.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover {
background-color: var(--color-fill-3);
}
.arco-calendar .arco-calendar-header-value-year {
width: 100px;
margin-right: 8px;
}
.arco-calendar .arco-calendar-header-value-month {
width: 76px;
margin-right: 32px;
}
.arco-calendar-month {
width: 100%;
}
.arco-calendar-month-row {
display: flex;
height: 100px;
}
.arco-calendar-month-row .arco-calendar-cell {
flex: 1;
overflow: hidden;
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-calendar-month-row:last-child .arco-calendar-cell {
border-bottom: unset;
}
.arco-calendar-month-cell-body {
box-sizing: border-box;
}
.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child) {
border-right: 1px solid var(--color-neutral-3);
}
.arco-calendar-week-list {
display: flex;
box-sizing: border-box;
width: 100%;
padding: 0;
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-calendar-week-list-item {
flex: 1;
padding: 20px 16px;
color: #7d7d7f;
text-align: left;
}
.arco-calendar-cell .arco-calendar-date {
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 10px;
cursor: pointer;
}
.arco-calendar-cell .arco-calendar-date-circle {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
}
.arco-calendar-date-content {
height: 70px;
overflow-y: auto;
}
.arco-calendar-cell-today .arco-calendar-date-circle {
box-sizing: border-box;
border: 1px solid rgb(var(--primary-6));
}
.arco-calendar-date-value {
color: var(--color-text-4);
font-weight: 500;
font-size: 16px;
}
.arco-calendar-cell-in-view .arco-calendar-date-value {
color: var(--color-text-1);
}
.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle {
box-sizing: border-box;
color: #fff;
background-color: rgb(var(--primary-6));
border: 1px solid rgb(var(--primary-6));
}
.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle {
box-sizing: border-box;
color: #fff;
background-color: rgb(var(--primary-6));
border: 1px solid rgb(var(--primary-6));
}
.arco-calendar-mode-year:not(.arco-calendar-panel) {
min-width: 820px;
}
.arco-calendar-mode-year .arco-calendar-header {
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-calendar-mode-year .arco-calendar-body {
padding: 12px;
}
.arco-calendar-mode-year .arco-calendar-year-row {
display: flex;
}
.arco-calendar-year-row > .arco-calendar-cell {
flex: 1;
padding: 20px 8px;
}
.arco-calendar-year-row > .arco-calendar-cell:not(:last-child) {
border-right: 1px solid var(--color-neutral-3);
}
.arco-calendar-year-row:not(:last-child) > .arco-calendar-cell {
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-calendar-month-with-days .arco-calendar-month-row {
height: 26px;
}
.arco-calendar-month-with-days .arco-calendar-cell {
border-bottom: 0;
}
.arco-calendar-month-with-days .arco-calendar-month-cell-body {
padding: 0;
}
.arco-calendar-month-with-days .arco-calendar-month-title {
padding: 10px 6px;
color: var(--color-text-1);
font-weight: 500;
font-size: 16px;
}
.arco-calendar-month-cell {
width: 100%;
font-size: 12px;
}
.arco-calendar-month-cell .arco-calendar-week-list {
padding: 0;
border-bottom: unset;
}
.arco-calendar-month-cell .arco-calendar-week-list-item {
padding: 6px;
color: #7d7d7f;
text-align: center;
}
.arco-calendar-month-cell .arco-calendar-cell {
text-align: center;
}
.arco-calendar-month-cell .arco-calendar-date {
padding: 2px;
}
.arco-calendar-month-cell .arco-calendar-date-value {
font-size: 14px;
}
.arco-calendar-month-cell .arco-calendar-date-circle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
}
.arco-calendar-panel {
background-color: var(--color-bg-5);
border: 1px solid var(--color-neutral-3);
}
.arco-calendar-panel .arco-calendar-header {
padding: 8px 16px;
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-calendar-panel .arco-calendar-header-value {
flex: 1;
font-size: 14px;
line-height: 24px;
text-align: center;
}
.arco-calendar-panel .arco-calendar-header-icon {
width: 24px;
height: 24px;
margin-right: 2px;
margin-left: 2px;
line-height: 24px;
}
.arco-calendar-panel .arco-calendar-body {
padding: 14px 16px;
}
.arco-calendar-panel .arco-calendar-month-cell-body {
padding: 0;
}
.arco-calendar-panel .arco-calendar-month-row {
height: unset;
}
.arco-calendar-panel .arco-calendar-week-list {
padding: 0;
border-bottom: unset;
}
.arco-calendar-panel .arco-calendar-week-list-item {
height: 32px;
padding: 0;
font-weight: 400;
line-height: 32px;
text-align: center;
}
.arco-calendar-panel .arco-calendar-cell,
.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell {
box-sizing: border-box;
padding: 2px 0;
text-align: center;
border-right: 0;
border-bottom: 0;
}
.arco-calendar-panel .arco-calendar-cell .arco-calendar-date {
display: flex;
justify-content: center;
padding: 4px 0;
}
.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value {
min-width: 24px;
height: 24px;
font-size: 14px;
line-height: 24px;
cursor: pointer;
}
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell {
padding: 4px 0;
}
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date {
padding: 4px;
}
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value {
width: 100%;
border-radius: 12px;
}
.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value {
color: var(--color-white);
background-color: rgb(var(--primary-6));
border-radius: 50%;
}
.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover {
color: rgb(var(--primary-6));
background-color: var(--color-primary-light-1);
border-radius: 50%;
}
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover {
border-radius: 12px;
}
.arco-calendar-panel .arco-calendar-cell-today {
position: relative;
}
.arco-calendar-panel .arco-calendar-cell-today::after {
position: absolute;
bottom: 0;
left: 50%;
display: block;
width: 4px;
height: 4px;
margin-left: -2px;
background-color: rgb(var(--primary-6));
border-radius: 50%;
content: '';
}
.arco-calendar-cell-in-range .arco-calendar-date {
background-color: var(--color-primary-light-1);
}
.arco-calendar-cell-range-start .arco-calendar-date {
border-radius: 16px 0 0 16px;
}
.arco-calendar-cell-range-end .arco-calendar-date {
border-radius: 0 16px 16px 0;
}
.arco-calendar-cell-in-range-near-hover .arco-calendar-date {
border-radius: 0;
}
.arco-calendar-cell-range-start .arco-calendar-date-value,
.arco-calendar-cell-range-end .arco-calendar-date-value {
color: var(--color-white);
background-color: rgb(var(--primary-6));
border-radius: 50%;
}
.arco-calendar-cell-hover-in-range .arco-calendar-date {
background-color: var(--color-primary-light-1);
}
.arco-calendar-cell-hover-range-start .arco-calendar-date {
border-radius: 16px 0 0 16px;
}
.arco-calendar-cell-hover-range-end .arco-calendar-date {
border-radius: 0 16px 16px 0;
}
.arco-calendar-cell-hover-range-start .arco-calendar-date-value,
.arco-calendar-cell-hover-range-end .arco-calendar-date-value {
color: var(--color-text-1);
background-color: var(--color-primary-light-2);
border-radius: 50%;
}
.arco-calendar-panel .arco-calendar-cell-disabled > .arco-calendar-date {
background-color: var(--color-fill-1);
cursor: not-allowed;
}
.arco-calendar-panel .arco-calendar-cell-disabled > .arco-calendar-date > .arco-calendar-date-value {
color: var(--color-text-4);
background-color: var(--color-fill-1);
cursor: not-allowed;
}
.arco-calendar-panel .arco-calendar-footer-btn-wrapper {
height: 38px;
color: var(--color-text-1);
line-height: 38px;
text-align: center;
border-top: 1px solid var(--color-neutral-3);
cursor: pointer;
}
.arco-calendar-rtl {
direction: rtl;
}
.arco-calendar-rtl .arco-calendar-header-icon {
margin-right: 0;
margin-left: 12px;
transform: scaleX(-1);
}
.arco-calendar-rtl .arco-calendar-week-list-item {
text-align: right;
}
.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child) {
border-right: 0;
border-left: 1px solid var(--color-neutral-3);
}
.arco-calendar-rtl .arco-calendar-header-value-year {
margin-right: 0;
margin-left: 8px;
}
.arco-calendar-rtl .arco-calendar-header-value-month {
margin-right: 0;
margin-left: 32px;
}
.arco-card {
position: relative;
background: var(--color-bg-2);
border-radius: var(--border-radius-none);
transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-card-header {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
overflow: hidden;
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-card-header-no-title::before {
display: block;
content: ' ';
}
.arco-card-header-title {
flex: 1;
color: var(--color-text-1);
font-weight: 500;
line-height: 1.5715;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-card-header-extra {
color: rgb(var(--primary-6));
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-card-body {
color: var(--color-text-2);
}
.arco-card-cover {
overflow: hidden;
}
.arco-card-cover > * {
display: block;
width: 100%;
}
.arco-card-actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.arco-card-actions::before {
visibility: hidden;
content: '';
}
.arco-card-actions-right {
display: flex;
align-items: center;
}
.arco-card-actions-item {
display: flex;
align-items: center;
justify-content: center;
color: var(--color-text-2);
cursor: pointer;
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-card-actions-item:hover {
color: rgb(var(--primary-6));
}
.arco-card-actions-item:not(:last-child) {
margin-right: 12px;
}
.arco-card-meta-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.arco-card-meta-footer:last-child {
margin-top: 20px;
}
.arco-card-meta-footer-only-actions::before {
visibility: hidden;
content: '';
}
.arco-card-meta-footer .arco-card-actions {
margin-top: 0;
}
.arco-card-meta-title {
color: var(--color-text-1);
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-card-meta-description:not(:first-child) {
margin-top: 4px;
}
.arco-card-grid {
position: relative;
box-sizing: border-box;
width: 33.33%;
box-shadow: 1px 0 0 0 var(--color-neutral-3), 0 1px 0 0 var(--color-neutral-3), 1px 1px 0 0 var(--color-neutral-3), 1px 0 0 0 var(--color-neutral-3) inset, 0 1px 0 0 var(--color-neutral-3) inset;
}
.arco-card-grid::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
content: '';
pointer-events: none;
}
.arco-card-grid-hoverable:hover {
z-index: 1;
}
.arco-card-grid-hoverable:hover::before {
box-shadow: 0 4px 10px rgb(var(--gray-2));
}
.arco-card-grid .arco-card {
background: none;
box-shadow: none;
}
.arco-card-contain-grid:not(.arco-card-loading) > .arco-card-body {
display: flex;
flex-wrap: wrap;
margin: 0 -1px;
padding: 0;
}
.arco-card-hoverable:hover {
box-shadow: 0 4px 10px rgb(var(--gray-2));
}
.arco-card-bordered {
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-small);
}
.arco-card-bordered .arco-card-cover {
border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}
.arco-card-loading .arco-card-body {
overflow: hidden;
text-align: center;
}
.arco-card-size-medium {
font-size: 14px;
}
.arco-card-size-medium .arco-card-header {
height: 46px;
padding: 10px 16px;
}
.arco-card-size-medium .arco-card-header-title,
.arco-card-size-medium .arco-card-meta-title {
font-size: 16px;
}
.arco-card-size-medium .arco-card-header-extra {
font-size: 14px;
}
.arco-card-size-medium .arco-card-body {
padding: 16px 16px;
}
.arco-card-size-small {
font-size: 14px;
}
.arco-card-size-small .arco-card-header {
height: 40px;
padding: 8px 16px;
}
.arco-card-size-small .arco-card-header-title,
.arco-card-size-small .arco-card-meta-title {
font-size: 16px;
}
.arco-card-size-small .arco-card-header-extra {
font-size: 14px;
}
.arco-card-size-small .arco-card-body {
padding: 12px 16px;
}
body[arco-theme='dark'] .arco-card-grid-hoverable:hover::before,
body[arco-theme='dark'] .arco-card-hoverable:hover {
box-shadow: 0 4px 10px rgba(var(--gray-1), 40%);
}
@keyframes arco-carousel-slide-x-in {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
@keyframes arco-carousel-slide-x-out {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes arco-carousel-slide-x-in-reverse {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes arco-carousel-slide-x-out-reverse {
from {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
}
@keyframes arco-carousel-slide-y-in {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@keyframes arco-carousel-slide-y-out {
from {
transform: translateY(0);
}
to {
transform: translateY(-100%);
}
}
@keyframes arco-carousel-slide-y-in-reverse {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@keyframes arco-carousel-slide-y-out-reverse {
from {
transform: translateY(0);
}
to {
transform: translateY(100%);
}
}
@keyframes arco-carousel-card-bottom-to-middle {
from {
transform: translateX(0%) translateZ(-400px);
opacity: 0;
}
to {
transform: translateX(0%) translateZ(-200px);
opacity: 0.4;
}
}
@keyframes arco-carousel-card-middle-to-bottom {
from {
transform: translateX(-100%) translateZ(-200px);
opacity: 0.4;
}
to {
transform: translateX(-100%) translateZ(-400px);
opacity: 0;
}
}
@keyframes arco-carousel-card-top-to-middle {
from {
transform: translateX(-50%) translateZ(0);
opacity: 1;
}
to {
transform: translateX(-100%) translateZ(-200px);
opacity: 0.4;
}
}
@keyframes arco-carousel-card-middle-to-top {
from {
transform: translateX(0) translateZ(-200px);
opacity: 0.4;
}
to {
transform: translateX(-50%) translateZ(0);
opacity: 1;
}
}
@keyframes arco-carousel-card-bottom-to-middle-reverse {
from {
transform: translateX(-100%) translateZ(-400px);
opacity: 0;
}
to {
transform: translateX(-100%) translateZ(-200px);
opacity: 0.4;
}
}
@keyframes arco-carousel-card-middle-to-bottom-reverse {
from {
transform: translateX(0%) translateZ(-200px);
opacity: 0.4;
}
to {
transform: translateX(0%) translateZ(-400px);
opacity: 0;
}
}
@keyframes arco-carousel-card-top-to-middle-reverse {
from {
transform: translateX(-50%) translateZ(0);
opacity: 1;
}
to {
transform: translateX(0%) translateZ(-200px);
opacity: 0.4;
}
}
@keyframes arco-carousel-card-middle-to-top-reverse {
from {
transform: translateX(-100%) translateZ(-200px);
opacity: 0.4;
}
to {
transform: translateX(-50%) translateZ(0);
opacity: 1;
}
}
.arco-carousel {
position: relative;
}
.arco-carousel-indicator-position-outer {
margin-bottom: 30px;
}
.arco-carousel-slide,
.arco-carousel-card,
.arco-carousel-fade {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.arco-carousel-slide > *,
.arco-carousel-card > *,
.arco-carousel-fade > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.arco-carousel-item-current {
z-index: 1;
}
.arco-carousel-slide > *:not(.arco-carousel-item-current) {
display: none;
visibility: hidden;
}
.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-out {
display: block;
animation: arco-carousel-slide-x-out;
}
.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-in {
display: block;
animation: arco-carousel-slide-x-in;
}
.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-out {
animation: arco-carousel-slide-x-out-reverse;
}
.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-in {
animation: arco-carousel-slide-x-in-reverse;
}
.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-out {
display: block;
animation: arco-carousel-slide-y-out;
}
.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-in {
display: block;
animation: arco-carousel-slide-y-in;
}
.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-out {
animation: arco-carousel-slide-y-out-reverse;
}
.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-in {
animation: arco-carousel-slide-y-in-reverse;
}
.arco-carousel-card {
perspective: 800px;
}
.arco-carousel-card > * {
left: 50%;
transform: translateX(-50%) translateZ(-400px);
opacity: 0;
animation: arco-carousel-card-middle-to-bottom;
}
.arco-carousel-card .arco-carousel-item-prev {
transform: translateX(-100%) translateZ(-200px);
opacity: 0.4;
animation: arco-carousel-card-top-to-middle;
}
.arco-carousel-card .arco-carousel-item-next {
transform: translateX(0%) translateZ(-200px);
opacity: 0.4;
animation: arco-carousel-card-bottom-to-middle;
}
.arco-carousel-card .arco-carousel-item-current {
transform: translateX(-50%) translateZ(0);
opacity: 1;
animation: arco-carousel-card-middle-to-top;
}
.arco-carousel-card.arco-carousel-negative > * {
animation: arco-carousel-card-middle-to-bottom-reverse;
}
.arco-carousel-card.arco-carousel-negative .arco-carousel-item-prev {
animation: arco-carousel-card-bottom-to-middle-reverse;
}
.arco-carousel-card.arco-carousel-negative .arco-carousel-item-next {
animation: arco-carousel-card-top-to-middle-reverse;
}
.arco-carousel-card.arco-carousel-negative .arco-carousel-item-current {
animation: arco-carousel-card-middle-to-top-reverse;
}
.arco-carousel-fade > * {
left: 50%;
transform: translateX(-50%);
opacity: 0;
}
.arco-carousel-fade .arco-carousel-item-current {
opacity: 1;
}
.arco-carousel-indicator {
position: absolute;
display: flex;
margin: 0;
padding: 0;
}
.arco-carousel-indicator-wrapper {
position: absolute;
z-index: 2;
}
.arco-carousel-indicator-wrapper-top {
top: 0;
right: 0;
left: 0;
height: 48px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 87%);
}
.arco-carousel-indicator-wrapper-bottom {
right: 0;
bottom: 0;
left: 0;
height: 48px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15) 100%);
}
.arco-carousel-indicator-wrapper-left {
top: 0;
left: 0;
width: 48px;
height: 100%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 87%);
}
.arco-carousel-indicator-wrapper-right {
top: 0;
right: 0;
width: 48px;
height: 100%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15) 100%);
}
.arco-carousel-indicator-wrapper-outer {
right: 0;
left: 0;
background: none;
}
.arco-carousel-indicator-bottom {
bottom: 12px;
left: 50%;
transform: translateX(-50%);
}
.arco-carousel-indicator-top {
top: 12px;
left: 50%;
transform: translateX(-50%);
}
.arco-carousel-indicator-left {
top: 50%;
left: 12px;
transform: translate(-50%, -50%) rotate(90deg);
}
.arco-carousel-indicator-right {
top: 50%;
right: 12px;
transform: translate(50%, -50%) rotate(90deg);
}
.arco-carousel-indicator-outer {
left: 50%;
padding: 4px;
background-color: transparent;
border-radius: 20px;
transform: translateX(-50%);
}
.arco-carousel-indicator-outer.arco-carousel-indicator-dot {
bottom: -22px;
}
.arco-carousel-indicator-outer.arco-carousel-indicator-line {
bottom: -20px;
}
.arco-carousel-indicator-outer.arco-carousel-indicator-slider {
bottom: -16px;
padding: 0;
background-color: rgba(var(--gray-4), 0.5);
}
.arco-carousel-indicator-outer .arco-carousel-indicator-item {
background-color: rgba(var(--gray-4), 0.5);
}
.arco-carousel-indicator-outer .arco-carousel-indicator-item:hover,
.arco-carousel-indicator-outer .arco-carousel-indicator-item-active {
background-color: var(--color-fill-4);
}
.arco-carousel-indicator-item {
display: inline-block;
background-color: rgba(255, 255, 255, 0.3);
border-radius: var(--border-radius-medium);
cursor: pointer;
}
.arco-carousel-indicator-item:hover,
.arco-carousel-indicator-item-active {
background-color: var(--color-white);
}
.arco-carousel-indicator-dot .arco-carousel-indicator-item {
width: 6px;
height: 6px;
border-radius: 50%;
}
.arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child) {
margin-right: 8px;
}
.arco-carousel-indicator-line .arco-carousel-indicator-item {
width: 12px;
height: 4px;
}
.arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child) {
margin-right: 8px;
}
.arco-carousel-indicator-slider {
width: 48px;
height: 4px;
background-color: rgba(255, 255, 255, 0.3);
border-radius: var(--border-radius-medium);
cursor: pointer;
}
.arco-carousel-indicator-slider .arco-carousel-indicator-item {
position: absolute;
top: 0;
height: 100%;
transition: left 0.3s;
}
.arco-carousel-arrow > div {
position: absolute;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
color: var(--color-white);
background-color: rgba(255, 255, 255, 0.3);
border-radius: 50%;
cursor: pointer;
}
.arco-carousel-arrow > div > svg {
color: var(--color-white);
font-size: 14px;
}
.arco-carousel-arrow > div:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.arco-carousel-arrow-left {
top: 50%;
left: 12px;
transform: translateY(-50%);
}
.arco-carousel-arrow-right {
top: 50%;
right: 12px;
transform: translateY(-50%);
}
.arco-carousel-arrow-top {
top: 12px;
left: 50%;
transform: translateX(-50%);
}
.arco-carousel-arrow-bottom {
bottom: 12px;
left: 50%;
transform: translateX(-50%);
}
.arco-carousel-arrow-hover div {
opacity: 0;
transition: all 0.3s;
}
.arco-carousel:hover .arco-carousel-arrow-hover div {
opacity: 1;
}
body[arco-theme='dark'] .arco-carousel-arrow > div {
background-color: rgba(23, 23, 26, 0.3);
}
body[arco-theme='dark'] .arco-carousel-arrow > div:hover {
background-color: rgba(23, 23, 26, 0.5);
}
body[arco-theme='dark'] .arco-carousel-indicator-item,
body[arco-theme='dark'] .arco-carousel-indicator-slider {
background-color: rgba(23, 23, 26, 0.3);
}
body[arco-theme='dark'] .arco-carousel-indicator-item-active,
body[arco-theme='dark'] .arco-carousel-indicator-item:hover {
background-color: var(--color-white);
}
body[arco-theme='dark'] .arco-carousel-indicator-outer.arco-carousel-indicator-slider {
background-color: rgba(var(--gray-4), 0.5);
}
body[arco-theme='dark'] .arco-carousel-indicator-outer .arco-carousel-indicator-item:hover,
body[arco-theme='dark'] .arco-carousel-indicator-outer .arco-carousel-indicator-item-active {
background-color: var(--color-fill-4);
}
.arco-cascader-panel {
display: inline-flex;
box-sizing: border-box;
height: 200px;
overflow: hidden;
white-space: nowrap;
list-style: none;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-fill-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.arco-cascader-search-panel {
justify-content: flex-start;
width: 100%;
overflow: auto;
}
.arco-cascader-popup-trigger-hover .arco-cascader-list-item {
transition: fontweight 0s;
}
.arco-cascader-highlight {
font-weight: 500;
}
.arco-cascader-panel-column {
position: relative;
display: inline-flex;
flex-direction: column;
min-width: 120px;
height: 100%;
max-height: 200px;
background-color: var(--color-bg-popup);
}
.arco-cascader-panel-column-loading {
display: inline-flex;
align-items: center;
justify-content: center;
}
.arco-cascader-panel-column:not(:last-of-type) {
border-right: 1px solid var(--color-fill-3);
}
.arco-cascader-column-content {
flex: 1;
max-height: 200px;
overflow-y: auto;
}
.arco-cascader-list-wrapper {
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
height: 100%;
padding: 4px 0;
}
.arco-cascader-list-wrapper-with-footer {
padding-bottom: 0;
}
.arco-cascader-list-empty {
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.arco-cascader-list {
flex: 1;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.arco-cascader-list-multiple .arco-cascader-option-label,
.arco-cascader-list-strictly .arco-cascader-option-label {
padding-left: 0;
}
.arco-cascader-list-multiple .arco-cascader-option,
.arco-cascader-list-strictly .arco-cascader-option {
padding-left: 12px;
}
.arco-cascader-list-multiple .arco-cascader-option .arco-checkbox,
.arco-cascader-list-strictly .arco-cascader-option .arco-checkbox,
.arco-cascader-list-multiple .arco-cascader-option .arco-radio,
.arco-cascader-list-strictly .arco-cascader-option .arco-radio {
margin-right: 8px;
padding-left: 0;
}
.arco-cascader-search-list.arco-cascader-list-multiple .arco-cascader-option-label {
padding-right: 12px;
}
.arco-cascader-list-footer {
box-sizing: border-box;
height: 36px;
padding-left: 12px;
line-height: 36px;
border-top: 1px solid var(--color-fill-3);
}
.arco-cascader-option,
.arco-cascader-search-option {
position: relative;
display: flex;
box-sizing: border-box;
min-width: 100px;
height: 36px;
color: var(--color-text-1);
font-size: 14px;
line-height: 36px;
background-color: transparent;
cursor: pointer;
}
.arco-cascader-option-label,
.arco-cascader-search-option-label {
flex-grow: 1;
padding-right: 34px;
padding-left: 12px;
}
.arco-cascader-option .arco-icon-right,
.arco-cascader-search-option .arco-icon-right,
.arco-cascader-option .arco-icon-check,
.arco-cascader-search-option .arco-icon-check {
position: absolute;
top: 50%;
right: 10px;
color: var(--color-text-2);
font-size: 12px;
transform: translateY(-50%);
}
.arco-cascader-option .arco-icon-check,
.arco-cascader-search-option .arco-icon-check {
color: rgb(var(--primary-6));
}
.arco-cascader-option .arco-icon-loading,
.arco-cascader-search-option .arco-icon-loading {
position: absolute;
top: 50%;
right: 10px;
margin-top: -6px;
color: rgb(var(--primary-6));
font-size: 12px;
}
.arco-cascader-option:hover,
.arco-cascader-search-option-hover {
color: var(--color-text-1);
background-color: var(--color-fill-2);
}
.arco-cascader-option:hover .arco-checkbox:not(.arco-checkbox-disabled):not(.arco-checkbox-checked):hover .arco-checkbox-icon-hover::before,
.arco-cascader-search-option-hover .arco-checkbox:not(.arco-checkbox-disabled):not(.arco-checkbox-checked):hover .arco-checkbox-icon-hover::before {
background-color: var(--color-fill-3);
}
.arco-cascader-option:hover .arco-radio:not(.arco-radio-disabled):not(.arco-radio-checked):hover .arco-radio-icon-hover::before,
.arco-cascader-search-option-hover .arco-radio:not(.arco-radio-disabled):not(.arco-radio-checked):hover .arco-radio-icon-hover::before {
background-color: var(--color-fill-3);
}
.arco-cascader-option-disabled,
.arco-cascader-search-option-disabled,
.arco-cascader-option-disabled:hover,
.arco-cascader-search-option-disabled:hover {
color: var(--color-text-4);
background-color: transparent;
cursor: not-allowed;
}
.arco-cascader-option-disabled .arco-icon-right,
.arco-cascader-search-option-disabled .arco-icon-right,
.arco-cascader-option-disabled:hover .arco-icon-right,
.arco-cascader-search-option-disabled:hover .arco-icon-right {
color: inherit;
}
.arco-cascader-option-disabled .arco-icon-check,
.arco-cascader-search-option-disabled .arco-icon-check,
.arco-cascader-option-disabled:hover .arco-icon-check,
.arco-cascader-search-option-disabled:hover .arco-icon-check {
color: var(--color-primary-light-3);
}
.arco-cascader-option-active {
color: var(--color-text-1);
background-color: var(--color-fill-2);
transition: all 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-cascader-option-active:hover {
color: var(--color-text-1);
background-color: var(--color-fill-2);
}
.arco-cascader-option-active.arco-cascader-option-disabled,
.arco-cascader-option-active.arco-cascader-option-disabled:hover {
color: var(--color-text-4);
background-color: var(--color-fill-2);
}
.cascader-slide-enter-active,
.cascader-slide-leave-active {
transition: margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.cascader-slide-enter-from,
.cascader-slide-leave-to {
margin-left: -120px;
}
.cascader-slide-enter-to,
.cascader-slide-leave-from {
margin-left: 0;
}
.arco-icon-hover.arco-checkbox-icon-hover::before {
width: 24px;
height: 24px;
}
.arco-checkbox {
position: relative;
display: inline-flex;
align-items: center;
box-sizing: border-box;
padding-left: 5px;
font-size: 14px;
line-height: unset;
cursor: pointer;
}
.arco-checkbox > input[type='checkbox'] {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
}
.arco-checkbox > input[type='checkbox']:focus-visible + .arco-checkbox-icon-hover::before {
background-color: var(--color-fill-2);
}
.arco-checkbox:hover .arco-checkbox-icon-hover::before {
background-color: var(--color-fill-2);
}
.arco-checkbox-label {
margin-left: 8px;
color: var(--color-text-1);
}
.arco-checkbox-icon {
position: relative;
box-sizing: border-box;
width: 14px;
height: 14px;
background-color: var(--color-bg-2);
border: 2px solid var(--color-fill-3);
border-radius: var(--border-radius-small);
user-select: none;
}
.arco-checkbox-icon::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 6px;
height: 2px;
background: var(--color-white);
border-radius: 0.5px;
transform: translateX(-50%) translateY(-50%) scale(0);
content: '';
}
.arco-checkbox-icon-check {
position: relative;
display: block;
width: 8px;
height: 100%;
margin: 0 auto;
color: var(--color-white);
transform: scale(0);
transform-origin: center 75%;
}
.arco-checkbox:hover .arco-checkbox-icon {
border-color: var(--color-fill-4);
transition: border-color 0.1s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.arco-checkbox-checked:hover .arco-checkbox-icon,
.arco-checkbox-indeterminate:hover .arco-checkbox-icon {
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.arco-checkbox-checked .arco-checkbox-icon {
background-color: rgb(var(--primary-6));
border-color: transparent;
}
.arco-checkbox-checked .arco-checkbox-icon-check {
transform: scale(1);
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.arco-checkbox-indeterminate .arco-checkbox-icon {
background-color: rgb(var(--primary-6));
border-color: transparent;
}
.arco-checkbox-indeterminate .arco-checkbox-icon svg {
transform: scale(0);
}
.arco-checkbox-indeterminate .arco-checkbox-icon::after {
transform: translateX(-50%) translateY(-50%) scale(1);
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.arco-checkbox.arco-checkbox-disabled {
cursor: not-allowed;
}
.arco-checkbox.arco-checkbox-disabled .arco-checkbox-icon-hover {
cursor: not-allowed;
}
.arco-checkbox.arco-checkbox-disabled:hover .arco-checkbox-mask {
border-color: var(--color-fill-3);
}
.arco-checkbox-checked:hover .arco-checkbox-icon,
.arco-checkbox-indeterminate:hover .arco-checkbox-icon {
border-color: transparent;
}
.arco-checkbox-disabled .arco-checkbox-icon {
background-color: var(--color-fill-2);
border-color: var(--color-fill-3);
}
.arco-checkbox-disabled.arco-checkbox-checked .arco-checkbox-icon,
.arco-checkbox-disabled.arco-checkbox-checked:hover .arco-checkbox-icon {
background-color: var(--color-primary-light-3);
border-color: transparent;
}
.arco-checkbox-disabled:hover .arco-checkbox-icon-hover::before,
.arco-checkbox-checked:hover .arco-checkbox-icon-hover::before,
.arco-checkbox-indeterminate:hover .arco-checkbox-icon-hover::before {
background-color: transparent;
}
.arco-checkbox-disabled:hover .arco-checkbox-icon {
border-color: var(--color-fill-3);
}
.arco-checkbox-disabled .arco-checkbox-label {
color: var(--color-text-4);
}
.arco-checkbox-disabled .arco-checkbox-icon-check {
color: var(--color-fill-3);
}
.arco-checkbox-group {
display: inline-block;
}
.arco-checkbox-group .arco-checkbox {
margin-right: 16px;
}
.arco-checkbox-group-direction-vertical .arco-checkbox {
display: flex;
margin-right: 0;
line-height: 32px;
}
.arco-icon-hover.arco-collapse-item-icon-hover::before {
width: 16px;
height: 16px;
}
.arco-icon-hover.arco-collapse-item-icon-hover:hover::before {
background-color: var(--color-fill-2);
}
.arco-collapse {
overflow: hidden;
line-height: 1.5715;
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-medium);
}
.arco-collapse-item {
box-sizing: border-box;
border-bottom: 1px solid var(--color-border-2);
}
.arco-collapse-item-active > .arco-collapse-item-header {
background-color: var(--color-bg-2);
border-color: var(--color-neutral-3);
transition: border-color 0s ease 0s;
}
.arco-collapse-item-active > .arco-collapse-item-header .arco-collapse-item-header-title {
font-weight: 500;
}
.arco-collapse-item-active > .arco-collapse-item-header .arco-collapse-item-expand-icon {
transform: rotate(90deg);
}
.arco-collapse-item-active > .arco-collapse-item-header .arco-collapse-item-icon-right .arco-collapse-item-expand-icon {
transform: rotate(-90deg);
}
.arco-collapse-item-header {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding-top: 8px;
padding-bottom: 8px;
overflow: hidden;
color: var(--color-text-1);
font-size: 14px;
line-height: 24px;
background-color: var(--color-bg-2);
border-bottom: 1px solid transparent;
cursor: pointer;
transition: border-color 0s ease 0.19s;
}
.arco-collapse-item-header-left {
padding-right: 13px;
padding-left: 34px;
}
.arco-collapse-item-header-right {
padding-right: 34px;
padding-left: 13px;
}
.arco-collapse-item-header-right + .arco-collapse-item-content {
padding-left: 13px;
}
.arco-collapse-item-header-disabled {
color: var(--color-text-4);
background-color: var(--color-bg-2);
cursor: not-allowed;
}
.arco-collapse-item-header-disabled .arco-collapse-item-header-icon {
color: var(--color-text-4);
}
.arco-collapse-item-header-title {
display: inline;
}
.arco-collapse-item-header-extra {
float: right;
}
.arco-collapse-item .arco-collapse-item-icon-hover {
position: absolute;
top: 50%;
left: 13px;
text-align: center;
transform: translateY(-50%);
}
.arco-collapse-item .arco-collapse-item-icon-right {
right: 13px;
left: unset;
}
.arco-collapse-item .arco-collapse-item-icon-right > .arco-collapse-item-header-icon-down {
transform: rotate(-90deg);
}
.arco-collapse-item .arco-collapse-item-expand-icon {
position: relative;
display: block;
color: var(--color-neutral-7);
font-size: 14px;
vertical-align: middle;
transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-collapse-item-content {
position: relative;
padding-right: 13px;
padding-left: 34px;
overflow: hidden;
color: var(--color-text-1);
font-size: 14px;
background-color: var(--color-fill-1);
}
.arco-collapse-item-content-expanded {
display: block;
height: auto;
}
.arco-collapse-item-content-box {
padding: 8px 0;
}
.arco-collapse-item.arco-collapse-item-disabled > .arco-collapse-item-content {
color: var(--color-text-4);
}
.arco-collapse-item-no-icon > .arco-collapse-item-header {
padding-right: 13px;
padding-left: 13px;
}
.arco-collapse-item:last-of-type {
border-bottom: none;
}
.arco-collapse.arco-collapse-borderless {
border: none;
}
.arco-collapse::after {
display: table;
clear: both;
content: '';
}
.collapse-slider-enter-from,
.collapse-slider-leave-to {
height: 0;
}
.collapse-slider-enter-active,
.collapse-slider-leave-active {
transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-comment {
display: flex;
flex-wrap: nowrap;
font-size: 14px;
line-height: 1.5715;
}
.arco-comment:not(:first-of-type),
.arco-comment-inner-comment {
margin-top: 20px;
}
.arco-comment-inner {
flex: 1;
}
.arco-comment-avatar {
flex-shrink: 0;
margin-right: 12px;
cursor: pointer;
}
.arco-comment-avatar > img {
width: 32px;
height: 32px;
border-radius: var(--border-radius-circle);
}
.arco-comment-author {
margin-right: 8px;
color: var(--color-text-2);
font-size: 14px;
}
.arco-comment-datetime {
color: var(--color-text-3);
font-size: 12px;
}
.arco-comment-content {
color: var(--color-text-1);
}
.arco-comment-title-align-right {
display: flex;
justify-content: space-between;
}
.arco-comment-actions {
margin-top: 8px;
color: var(--color-text-2);
font-size: 14px;
}
.arco-comment-actions > *:not(:last-child) {
margin-right: 8px;
}
.arco-comment-actions-align-right {
display: flex;
justify-content: flex-end;
}
.arco-picker-container,
.arco-picker-range-container {
box-sizing: border-box;
min-height: 60px;
overflow: hidden;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.arco-picker-container-shortcuts-placement-left,
.arco-picker-range-container-shortcuts-placement-left,
.arco-picker-container-shortcuts-placement-right,
.arco-picker-range-container-shortcuts-placement-right {
display: flex;
align-items: flex-start;
}
.arco-picker-container-shortcuts-placement-left > .arco-picker-shortcuts,
.arco-picker-range-container-shortcuts-placement-left > .arco-picker-shortcuts,
.arco-picker-container-shortcuts-placement-right > .arco-picker-shortcuts,
.arco-picker-range-container-shortcuts-placement-right > .arco-picker-shortcuts {
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 5px 8px;
overflow-x: hidden;
overflow-y: auto;
}
.arco-picker-container-shortcuts-placement-left > .arco-picker-shortcuts > *,
.arco-picker-range-container-shortcuts-placement-left > .arco-picker-shortcuts > *,
.arco-picker-container-shortcuts-placement-right > .arco-picker-shortcuts > *,
.arco-picker-range-container-shortcuts-placement-right > .arco-picker-shortcuts > * {
margin: 5px 0;
}
.arco-picker-container-shortcuts-placement-left .arco-picker-panel-wrapper,
.arco-picker-range-container-shortcuts-placement-left .arco-picker-panel-wrapper,
.arco-picker-container-shortcuts-placement-left .arco-picker-range-panel-wrapper,
.arco-picker-range-container-shortcuts-placement-left .arco-picker-range-panel-wrapper {
border-left: 1px solid var(--color-neutral-3);
}
.arco-picker-container-shortcuts-placement-right .arco-picker-panel-wrapper,
.arco-picker-range-container-shortcuts-placement-right .arco-picker-panel-wrapper,
.arco-picker-container-shortcuts-placement-right .arco-picker-range-panel-wrapper,
.arco-picker-range-container-shortcuts-placement-right .arco-picker-range-panel-wrapper {
border-right: 1px solid var(--color-neutral-3);
}
.arco-picker-container-panel-only,
.arco-picker-range-container-panel-only {
box-shadow: none;
}
.arco-picker-container-panel-only .arco-panel-date-inner,
.arco-picker-range-container-panel-only .arco-panel-date-inner {
width: 100%;
}
.arco-picker-range-container-panel-only .arco-panel-date {
width: 100%;
}
.arco-picker-header {
display: flex;
padding: 8px 16px;
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-picker-header-title {
flex: 1;
color: var(--color-text-1);
font-size: 14px;
line-height: 24px;
text-align: center;
}
.arco-picker-header-icon {
width: 24px;
height: 24px;
margin-right: 2px;
margin-left: 2px;
color: var(--color-text-2);
font-size: 12px;
line-height: 24px;
text-align: center;
background-color: var(--color-bg-popup);
border-radius: 50%;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
user-select: none;
}
.arco-picker-header-icon:not(.arco-picker-header-icon-hidden) {
cursor: pointer;
}
.arco-picker-header-icon:not(.arco-picker-header-icon-hidden):hover {
background-color: var(--color-fill-3);
}
.arco-picker-header-label {
padding: 2px;
border-radius: 2px;
cursor: pointer;
transition: all 0.1s;
}
.arco-picker-header-label:hover {
background-color: var(--color-fill-3);
}
.arco-picker-body {
padding: 14px 16px;
}
.arco-picker-week-list {
display: flex;
box-sizing: border-box;
width: 100%;
padding: 14px 16px 0 16px;
}
.arco-picker-week-list-item {
flex: 1;
height: 32px;
padding: 0;
color: #7d7d7f;
font-weight: 400;
line-height: 32px;
text-align: center;
}
.arco-picker-row {
display: flex;
padding: 2px 0;
}
.arco-picker-cell {
flex: 1;
}
.arco-picker-cell .arco-picker-date {
display: flex;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 4px 0;
cursor: pointer;
}
.arco-picker-date-value {
min-width: 24px;
height: 24px;
color: var(--color-text-4);
font-size: 14px;
line-height: 24px;
text-align: center;
border-radius: var(--border-radius-circle);
cursor: pointer;
}
.arco-picker-cell-in-view .arco-picker-date-value {
color: var(--color-text-1);
font-weight: 500;
}
.arco-picker-cell-selected .arco-picker-date-value {
color: var(--color-white);
background-color: rgb(var(--primary-6));
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-picker-cell-in-view:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover {
color: var(--color-text-1);
background-color: var(--color-fill-3);
}
.arco-picker-cell-today {
position: relative;
}
.arco-picker-cell-today::after {
position: absolute;
bottom: -2px;
left: 50%;
display: block;
width: 4px;
height: 4px;
margin-left: -2px;
background-color: rgb(var(--primary-6));
border-radius: 50%;
content: '';
}
.arco-picker-cell-in-range .arco-picker-date {
background-color: var(--color-primary-light-1);
}
.arco-picker-cell-range-start .arco-picker-date {
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
.arco-picker-cell-range-end .arco-picker-date {
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
.arco-picker-cell-in-range-near-hover .arco-picker-date {
border-radius: 0;
}
.arco-picker-cell-range-start .arco-picker-date-value,
.arco-picker-cell-range-end .arco-picker-date-value {
color: var(--color-white);
background-color: rgb(var(--primary-6));
border-radius: var(--border-radius-circle);
}
.arco-picker-cell-hover-in-range .arco-picker-date {
background-color: var(--color-primary-light-1);
}
.arco-picker-cell-hover-range-start .arco-picker-date {
border-radius: 24px 0 0 24px;
}
.arco-picker-cell-hover-range-end .arco-picker-date {
border-radius: 0 24px 24px 0;
}
.arco-picker-cell-hover-range-start .arco-picker-date-value,
.arco-picker-cell-hover-range-end .arco-picker-date-value {
color: var(--color-text-1);
background-color: var(--color-primary-light-2);
border-radius: 50%;
}
.arco-picker-cell-disabled .arco-picker-date {
background-color: var(--color-fill-1);
cursor: not-allowed;
}
.arco-picker-cell-disabled .arco-picker-date-value {
color: var(--color-text-4);
background-color: transparent;
cursor: not-allowed;
}
.arco-picker-footer {
width: min-content;
min-width: 100%;
}
.arco-picker-footer-btn-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 3px 8px;
border-top: 1px solid var(--color-neutral-3);
}
.arco-picker-footer-btn-wrapper :only-child {
margin-left: auto;
}
.arco-picker-footer-extra-wrapper {
box-sizing: border-box;
padding: 8px 24px;
color: var(--color-text-1);
font-size: 12px;
border-top: 1px solid var(--color-neutral-3);
}
.arco-picker-footer-now-wrapper {
box-sizing: border-box;
height: 36px;
line-height: 36px;
text-align: center;
border-top: 1px solid var(--color-neutral-3);
}
.arco-picker-btn-confirm {
margin: 5px 0;
}
.arco-picker-shortcuts {
flex: 1;
}
.arco-picker-shortcuts > * {
margin: 5px 10px 5px 0;
}
.arco-panel-date {
display: flex;
box-sizing: border-box;
}
.arco-panel-date-inner {
width: 265px;
}
.arco-panel-date-inner .arco-picker-body {
padding-top: 0;
}
.arco-panel-date-timepicker {
display: flex;
flex-direction: column;
border-left: 1px solid var(--color-neutral-3);
}
.arco-panel-date-timepicker-title {
width: 100%;
height: 40px;
color: var(--color-text-1);
font-weight: 400;
font-size: 14px;
line-height: 40px;
text-align: center;
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-panel-date-timepicker .arco-timepicker {
height: 276px;
padding: 0 6px;
overflow: hidden;
}
.arco-panel-date-timepicker .arco-timepicker-column {
box-sizing: border-box;
width: auto;
height: 100%;
padding: 0 4px;
}
.arco-panel-date-timepicker .arco-timepicker-column::-webkit-scrollbar {
width: 0;
}
.arco-panel-date-timepicker .arco-timepicker-column:not(:last-child) {
border-right: 0;
}
.arco-panel-date-timepicker .arco-timepicker ul::after {
height: 244px;
}
.arco-panel-date-timepicker .arco-timepicker-cell {
width: 36px;
}
.arco-panel-date-timepicker .arco-timepicker-cell-inner {
padding-left: 10px;
}
.arco-panel-date-footer {
border-right: 1px solid var(--color-neutral-3);
}
.arco-panel-date-with-view-tabs {
flex-direction: column;
min-width: 265px;
}
.arco-panel-date-with-view-tabs .arco-panel-date-timepicker .arco-timepicker-column {
flex: 1;
}
.arco-panel-date-with-view-tabs .arco-panel-date-timepicker .arco-timepicker-column::-webkit-scrollbar {
width: 0;
}
.arco-panel-date-with-view-tabs .arco-panel-date-timepicker .arco-timepicker-cell {
width: 100%;
text-align: center;
}
.arco-panel-date-with-view-tabs .arco-panel-date-timepicker .arco-timepicker-cell-inner {
padding-left: 0;
}
.arco-panel-date-view-tabs {
display: flex;
border-top: 1px solid var(--color-neutral-3);
}
.arco-panel-date-view-tab-pane {
flex: 1;
height: 50px;
color: var(--color-text-4);
font-size: 14px;
line-height: 50px;
text-align: center;
border-right: 1px solid var(--color-neutral-3);
cursor: pointer;
}
.arco-panel-date-view-tab-pane:last-child {
border-right: none;
}
.arco-panel-date-view-tab-pane-text {
margin-left: 8px;
}
.arco-panel-date-view-tab-pane-active {
color: var(--color-text-1);
}
.arco-panel-month,
.arco-panel-quarter,
.arco-panel-year {
box-sizing: border-box;
width: 265px;
}
.arco-panel-month .arco-picker-date,
.arco-panel-quarter .arco-picker-date,
.arco-panel-year .arco-picker-date {
padding: 4px;
}
.arco-panel-month .arco-picker-date-value,
.arco-panel-quarter .arco-picker-date-value,
.arco-panel-year .arco-picker-date-value {
width: 100%;
border-radius: 24px;
}
.arco-panel-month .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover,
.arco-panel-quarter .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover,
.arco-panel-year .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover {
border-radius: 24px;
}
.arco-panel-year {
box-sizing: border-box;
width: 265px;
}
.arco-panel-week {
box-sizing: border-box;
}
.arco-panel-week-wrapper {
display: flex;
}
.arco-panel-week-inner {
width: 298px;
}
.arco-panel-week-inner .arco-picker-body {
padding-top: 0;
}
.arco-panel-week .arco-picker-row-week {
cursor: pointer;
}
.arco-panel-week .arco-picker-row-week .arco-picker-date-value {
width: 100%;
border-radius: 0;
}
.arco-panel-week .arco-picker-cell .arco-picker-date {
border-radius: 0;
}
.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date {
padding-left: 4px;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value {
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date {
padding-right: 4px;
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value {
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
.arco-panel-week .arco-picker-row-week:hover .arco-picker-cell:not(.arco-picker-cell-week):not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value {
background-color: var(--color-fill-3);
}
.arco-panel-quarter {
box-sizing: border-box;
width: 265px;
}
.arco-picker-range-wrapper {
display: flex;
}
.arco-datepicker-shortcuts-wrapper {
box-sizing: border-box;
width: 106px;
height: 100%;
max-height: 300px;
margin: 10px 0 0 0;
padding: 0;
overflow-y: auto;
list-style: none;
}
.arco-datepicker-shortcuts-wrapper > li {
box-sizing: border-box;
width: 100%;
padding: 6px 16px;
cursor: pointer;
}
.arco-datepicker-shortcuts-wrapper > li:hover {
color: rgb(var(--primary-6));
}
.arco-descriptions-table {
width: 100%;
border-collapse: collapse;
}
.arco-descriptions-table-layout-fixed table {
table-layout: fixed;
}
.arco-descriptions-title {
margin-bottom: 16px;
color: var(--color-text-1);
font-weight: 500;
font-size: 16px;
line-height: 1.5715;
}
.arco-descriptions-item,
.arco-descriptions-item-label,
.arco-descriptions-item-value {
box-sizing: border-box;
font-size: 14px;
line-height: 1.5715;
text-align: left;
}
.arco-descriptions-table-layout-fixed .arco-descriptions-item-label {
width: auto;
}
.arco-descriptions-item-label-block {
width: 1px;
padding: 0 4px 12px 0;
color: var(--color-text-3);
font-weight: 500;
white-space: nowrap;
}
.arco-descriptions-item-value-block {
padding: 0 4px 12px 0;
color: var(--color-text-1);
font-weight: 400;
white-space: pre-wrap;
word-break: break-word;
}
.arco-descriptions-item-label-inline,
.arco-descriptions-item-value-inline {
box-sizing: border-box;
font-size: 14px;
line-height: 1.5715;
text-align: left;
}
.arco-descriptions-item-label-inline {
margin-bottom: 2px;
color: var(--color-text-3);
font-weight: 500;
}
.arco-descriptions-item-value-inline {
color: var(--color-text-1);
font-weight: 400;
}
.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline {
margin-right: 4px;
}
.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline,
.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-value-inline {
display: inline-block;
margin-bottom: 0;
}
.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
padding: 12px 20px;
}
.arco-descriptions-border .arco-descriptions-body {
overflow: hidden;
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-medium);
}
.arco-descriptions-border .arco-descriptions-row:not(:last-child) {
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-descriptions-border .arco-descriptions-item,
.arco-descriptions-border .arco-descriptions-item-label-block,
.arco-descriptions-border .arco-descriptions-item-value-block {
padding: 7px 20px;
border-right: 1px solid var(--color-neutral-3);
}
.arco-descriptions-border .arco-descriptions-item-label-block {
background-color: var(--color-fill-1);
}
.arco-descriptions-border .arco-descriptions-item-value-block:last-child {
border-right: none;
}
.arco-descriptions-border .arco-descriptions-item:last-child {
border-right: none;
}
.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label-block:last-child {
border-right: none;
}
.arco-descriptions-layout-vertical:not(.arco-descriptions-border) .arco-descriptions-item-value-block:first-child {
padding-left: 0;
}
.arco-descriptions-size-mini .arco-descriptions-title {
margin-bottom: 6px;
}
.arco-descriptions-size-mini .arco-descriptions-item-label-block,
.arco-descriptions-size-mini .arco-descriptions-item-value-block {
padding-right: 20px;
padding-bottom: 2px;
font-size: 12px;
}
.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-label-block,
.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-value-block {
padding: 3px 20px;
}
.arco-descriptions-size-mini.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
padding: 8px 20px;
}
.arco-descriptions-size-small .arco-descriptions-title {
margin-bottom: 8px;
}
.arco-descriptions-size-small .arco-descriptions-item-label-block,
.arco-descriptions-size-small .arco-descriptions-item-value-block {
padding-right: 20px;
padding-bottom: 4px;
font-size: 14px;
}
.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-label-block,
.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-value-block {
padding: 3px 20px;
}
.arco-descriptions-size-small.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
padding: 8px 20px;
}
.arco-descriptions-size-medium .arco-descriptions-title {
margin-bottom: 12px;
}
.arco-descriptions-size-medium .arco-descriptions-item-label-block,
.arco-descriptions-size-medium .arco-descriptions-item-value-block {
padding-right: 20px;
padding-bottom: 8px;
font-size: 14px;
}
.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-label-block,
.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-value-block {
padding: 5px 20px;
}
.arco-descriptions-size-medium.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
padding: 10px 20px;
}
.arco-descriptions-size-large .arco-descriptions-title {
margin-bottom: 20px;
}
.arco-descriptions-size-large .arco-descriptions-item-label-block,
.arco-descriptions-size-large .arco-descriptions-item-value-block {
padding-right: 20px;
padding-bottom: 16px;
font-size: 14px;
}
.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-label-block,
.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-value-block {
padding: 9px 20px;
}
.arco-descriptions-size-large.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
padding: 14px 20px;
}
.arco-divider-horizontal {
position: relative;
clear: both;
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 20px 0;
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-divider-horizontal.arco-divider-with-text {
margin: 20px 0;
}
.arco-divider-vertical {
display: inline-block;
min-width: 1px;
max-width: 1px;
min-height: 1em;
margin: 0 12px;
vertical-align: middle;
border-left: 1px solid var(--color-neutral-3);
}
.arco-divider-text {
position: absolute;
top: 50%;
box-sizing: border-box;
padding: 0 16px;
color: var(--color-text-1);
font-weight: 500;
font-size: 14px;
line-height: 2;
background: var(--color-bg-2);
transform: translateY(-50%);
}
.arco-divider-text-center {
left: 50%;
transform: translate(-50%, -50%);
}
.arco-divider-text-left {
left: 24px;
}
.arco-divider-text-right {
right: 24px;
}
.arco-drawer-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1001;
}
.arco-drawer-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--color-mask-bg);
}
.arco-drawer {
position: absolute;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
overflow: auto;
line-height: 1.5715;
background-color: var(--color-bg-3);
}
.arco-drawer-header {
display: flex;
flex-shrink: 0;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 48px;
padding: 0 16px;
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-drawer-header .arco-drawer-title {
margin-right: auto;
color: var(--color-text-1);
font-weight: 500;
font-size: 16px;
text-align: left;
}
.arco-drawer-header .arco-drawer-close-btn {
margin-left: 8px;
color: var(--color-text-1);
font-size: 12px;
cursor: pointer;
}
.arco-drawer-footer {
flex-shrink: 0;
box-sizing: border-box;
padding: 16px 16px;
text-align: right;
border-top: 1px solid var(--color-neutral-3);
}
.arco-drawer-footer > .arco-btn {
margin-left: 12px;
}
.arco-drawer-body {
position: relative;
flex: 1;
box-sizing: border-box;
height: 100%;
padding: 12px 16px;
overflow: auto;
color: var(--color-text-1);
}
.fade-drawer-enter-from,
.fade-drawer-appear-from {
opacity: 0;
}
.fade-drawer-enter-to,
.fade-drawer-appear-to {
opacity: 1;
}
.fade-drawer-enter-active,
.fade-drawer-appear-active {
transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.fade-drawer-leave-from {
opacity: 1;
}
.fade-drawer-leave-to {
opacity: 0;
}
.fade-drawer-leave-active {
transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-left-drawer-enter-from,
.slide-left-drawer-appear-from {
transform: translateX(-100%);
}
.slide-left-drawer-enter-to,
.slide-left-drawer-appear-to {
transform: translateX(0);
}
.slide-left-drawer-enter-active,
.slide-left-drawer-appear-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-left-drawer-leave-from {
transform: translateX(0);
}
.slide-left-drawer-leave-to {
transform: translateX(-100%);
}
.slide-left-drawer-leave-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-right-drawer-enter-from,
.slide-right-drawer-appear-from {
transform: translateX(100%);
}
.slide-right-drawer-enter-to,
.slide-right-drawer-appear-to {
transform: translateX(0);
}
.slide-right-drawer-enter-active,
.slide-right-drawer-appear-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-right-drawer-leave-from {
transform: translateX(0);
}
.slide-right-drawer-leave-to {
transform: translateX(100%);
}
.slide-right-drawer-leave-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-top-drawer-enter,
.slide-top-drawer-appear {
transform: translateY(-100%);
}
.slide-top-drawer-enter-from,
.slide-top-drawer-appear-from {
transform: translateY(-100%);
}
.slide-top-drawer-enter-to,
.slide-top-drawer-appear-to {
transform: translateY(0);
}
.slide-top-drawer-enter-active,
.slide-top-drawer-appear-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-top-drawer-leave-from {
transform: translateY(0);
}
.slide-top-drawer-leave-to {
transform: translateY(-100%);
}
.slide-top-drawer-leave-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-bottom-drawer-enter-from,
.slide-bottom-drawer-appear-from {
transform: translateY(100%);
}
.slide-bottom-drawer-enter-to,
.slide-bottom-drawer-appear-to {
transform: translateY(0);
}
.slide-bottom-drawer-enter-active,
.slide-bottom-drawer-appear-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-bottom-drawer-leave-from {
transform: translateY(0);
}
.slide-bottom-drawer-leave-to {
transform: translateY(100%);
}
.slide-bottom-drawer-leave-active {
transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
/**********************************************
* Popup Box
**********************************************/
/**********************************************
* Popup Options
* status: default / disabled / selected / hover
**********************************************/
.arco-dropdown {
box-sizing: border-box;
padding: 4px 0;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-fill-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.arco-dropdown-list {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.arco-dropdown-list-wrapper {
max-height: 200px;
overflow-y: auto;
}
.arco-dropdown-option {
position: relative;
z-index: 1;
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
padding: 0 12px;
color: var(--color-text-1);
font-size: 14px;
line-height: 36px;
text-align: left;
background-color: transparent;
cursor: pointer;
}
.arco-dropdown-option-content {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-dropdown-option-has-suffix {
justify-content: space-between;
}
.arco-dropdown-option-active,
.arco-dropdown-option:not(.arco-dropdown-option-disabled):hover {
color: var(--color-text-1);
background-color: var(--color-fill-2);
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-dropdown-option-disabled {
color: var(--color-text-4);
background-color: transparent;
cursor: not-allowed;
}
.arco-dropdown-option-icon {
display: inline-flex;
margin-right: 8px;
}
.arco-dropdown-option-suffix {
margin-left: 12px;
}
.arco-dropdown-group:first-child .arco-dropdown-group-title {
margin-top: 8px;
}
.arco-dropdown-group-title {
box-sizing: border-box;
width: 100%;
margin-top: 8px;
padding: 0 12px;
color: var(--color-text-3);
font-size: 12px;
line-height: 20px;
cursor: default;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-dropdown-submenu {
margin-top: -4px;
}
.arco-dropdown.arco-dropdown-has-footer {
padding-bottom: 0;
}
.arco-dropdown-footer {
border-top: 1px solid var(--color-fill-3);
}
.arco-empty {
box-sizing: border-box;
width: 100%;
padding: 10px 0;
text-align: center;
}
.arco-empty-image {
margin-bottom: 4px;
color: rgb(var(--gray-5));
font-size: 48px;
line-height: 1;
}
.arco-empty-image img {
height: 80px;
}
.arco-empty .arco-empty-description {
color: rgb(var(--gray-5));
font-size: 14px;
}
.arco-form-item-status-validating .arco-input-wrapper:not(.arco-input-disabled),
.arco-form-item-status-validating .arco-textarea-wrapper:not(.arco-textarea-disabled) {
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-form-item-status-validating .arco-input-wrapper:not(.arco-input-disabled):hover,
.arco-form-item-status-validating .arco-textarea-wrapper:not(.arco-textarea-disabled):hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-form-item-status-validating .arco-input-wrapper:not(.arco-input-disabled).arco-input-focus,
.arco-form-item-status-validating .arco-textarea-wrapper:not(.arco-textarea-disabled).arco-textarea-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--primary-6));
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-form-item-status-validating .arco-select-view:not(.arco-select-view-disabled),
.arco-form-item-status-validating .arco-input-tag:not(.arco-input-tag-disabled) {
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-form-item-status-validating .arco-select-view:not(.arco-select-view-disabled):hover,
.arco-form-item-status-validating .arco-input-tag:not(.arco-input-tag-disabled):hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-form-item-status-validating .arco-select-view:not(.arco-select-view-disabled).arco-select-view-focus,
.arco-form-item-status-validating .arco-input-tag:not(.arco-input-tag-disabled).arco-input-tag-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--primary-6));
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled) {
border-color: transparent;
background-color: var(--color-fill-2);
}
.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled):hover {
border-color: transparent;
background-color: var(--color-fill-3);
}
.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled),
.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled):hover {
border-color: rgb(var(--primary-6));
background-color: var(--color-bg-2);
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-form-item-status-validating .arco-form-item-message-help {
color: rgb(var(--primary-6));
}
.arco-form-item-status-validating .arco-form-item-feedback {
color: rgb(var(--primary-6));
}
.arco-form-item-status-success .arco-input-wrapper:not(.arco-input-disabled),
.arco-form-item-status-success .arco-textarea-wrapper:not(.arco-textarea-disabled) {
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-form-item-status-success .arco-input-wrapper:not(.arco-input-disabled):hover,
.arco-form-item-status-success .arco-textarea-wrapper:not(.arco-textarea-disabled):hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-form-item-status-success .arco-input-wrapper:not(.arco-input-disabled).arco-input-focus,
.arco-form-item-status-success .arco-textarea-wrapper:not(.arco-textarea-disabled).arco-textarea-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--success-6));
box-shadow: 0 0 0 0 var(--color-success-light-2);
}
.arco-form-item-status-success .arco-select-view:not(.arco-select-view-disabled),
.arco-form-item-status-success .arco-input-tag:not(.arco-input-tag-disabled) {
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-form-item-status-success .arco-select-view:not(.arco-select-view-disabled):hover,
.arco-form-item-status-success .arco-input-tag:not(.arco-input-tag-disabled):hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-form-item-status-success .arco-select-view:not(.arco-select-view-disabled).arco-select-view-focus,
.arco-form-item-status-success .arco-input-tag:not(.arco-input-tag-disabled).arco-input-tag-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--success-6));
box-shadow: 0 0 0 0 var(--color-success-light-2);
}
.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled) {
border-color: transparent;
background-color: var(--color-fill-2);
}
.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled):hover {
border-color: transparent;
background-color: var(--color-fill-3);
}
.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled),
.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled):hover {
border-color: rgb(var(--success-6));
background-color: var(--color-bg-2);
box-shadow: 0 0 0 0 var(--color-success-light-2);
}
.arco-form-item-status-success .arco-form-item-message-help {
color: rgb(var(--success-6));
}
.arco-form-item-status-success .arco-form-item-feedback {
color: rgb(var(--success-6));
}
.arco-form-item-status-warning .arco-input-wrapper:not(.arco-input-disabled),
.arco-form-item-status-warning .arco-textarea-wrapper:not(.arco-textarea-disabled) {
background-color: var(--color-warning-light-1);
border-color: transparent;
}
.arco-form-item-status-warning .arco-input-wrapper:not(.arco-input-disabled):hover,
.arco-form-item-status-warning .arco-textarea-wrapper:not(.arco-textarea-disabled):hover {
background-color: var(--color-warning-light-2);
border-color: transparent;
}
.arco-form-item-status-warning .arco-input-wrapper:not(.arco-input-disabled).arco-input-focus,
.arco-form-item-status-warning .arco-textarea-wrapper:not(.arco-textarea-disabled).arco-textarea-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--warning-6));
box-shadow: 0 0 0 0 var(--color-warning-light-2);
}
.arco-form-item-status-warning .arco-select-view:not(.arco-select-view-disabled),
.arco-form-item-status-warning .arco-input-tag:not(.arco-input-tag-disabled) {
background-color: var(--color-warning-light-1);
border-color: transparent;
}
.arco-form-item-status-warning .arco-select-view:not(.arco-select-view-disabled):hover,
.arco-form-item-status-warning .arco-input-tag:not(.arco-input-tag-disabled):hover {
background-color: var(--color-warning-light-2);
border-color: transparent;
}
.arco-form-item-status-warning .arco-select-view:not(.arco-select-view-disabled).arco-select-view-focus,
.arco-form-item-status-warning .arco-input-tag:not(.arco-input-tag-disabled).arco-input-tag-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--warning-6));
box-shadow: 0 0 0 0 var(--color-warning-light-2);
}
.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled) {
border-color: transparent;
background-color: var(--color-warning-light-1);
}
.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled):hover {
border-color: transparent;
background-color: var(--color-warning-light-2);
}
.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled),
.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled):hover {
border-color: rgb(var(--warning-6));
background-color: var(--color-bg-2);
box-shadow: 0 0 0 0 var(--color-warning-light-2);
}
.arco-form-item-status-warning .arco-form-item-message-help {
color: rgb(var(--warning-6));
}
.arco-form-item-status-warning .arco-form-item-feedback {
color: rgb(var(--warning-6));
}
.arco-form-item-status-error .arco-input-wrapper:not(.arco-input-disabled),
.arco-form-item-status-error .arco-textarea-wrapper:not(.arco-textarea-disabled) {
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-form-item-status-error .arco-input-wrapper:not(.arco-input-disabled):hover,
.arco-form-item-status-error .arco-textarea-wrapper:not(.arco-textarea-disabled):hover {
background-color: var(--color-danger-light-2);
border-color: transparent;
}
.arco-form-item-status-error .arco-input-wrapper:not(.arco-input-disabled).arco-input-focus,
.arco-form-item-status-error .arco-textarea-wrapper:not(.arco-textarea-disabled).arco-textarea-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--danger-6));
box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-form-item-status-error .arco-select-view:not(.arco-select-view-disabled),
.arco-form-item-status-error .arco-input-tag:not(.arco-input-tag-disabled) {
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-form-item-status-error .arco-select-view:not(.arco-select-view-disabled):hover,
.arco-form-item-status-error .arco-input-tag:not(.arco-input-tag-disabled):hover {
background-color: var(--color-danger-light-2);
border-color: transparent;
}
.arco-form-item-status-error .arco-select-view:not(.arco-select-view-disabled).arco-select-view-focus,
.arco-form-item-status-error .arco-input-tag:not(.arco-input-tag-disabled).arco-input-tag-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--danger-6));
box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled) {
border-color: transparent;
background-color: var(--color-danger-light-1);
}
.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled):hover {
border-color: transparent;
background-color: var(--color-danger-light-2);
}
.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled),
.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled):hover {
border-color: rgb(var(--danger-6));
background-color: var(--color-bg-2);
box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-form-item-status-error .arco-form-item-message-help {
color: rgb(var(--danger-6));
}
.arco-form-item-status-error .arco-form-item-feedback {
color: rgb(var(--danger-6));
}
.arco-form-item-control-children {
position: relative;
}
.arco-form-item-feedback {
position: absolute;
top: 50%;
right: 9px;
font-size: 14px;
transform: translateY(-50%);
}
.arco-form-item-feedback .arco-icon-loading {
font-size: 12px;
}
.arco-form-item-has-feedback .arco-input,
.arco-form-item-has-feedback .arco-input-inner-wrapper,
.arco-form-item-has-feedback .arco-textarea {
padding-right: 28px;
}
.arco-form-item-has-feedback .arco-input-number-mode-embed .arco-input-number-step-layer {
right: 24px;
}
.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-view,
.arco-form-item-has-feedback .arco-select.arco-select-single .arco-select-view {
padding-right: 28px;
}
.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-suffix {
padding-right: 0;
}
.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-view,
.arco-form-item-has-feedback .arco-cascader.arco-cascader-single .arco-cascader-view {
padding-right: 28px;
}
.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-suffix {
padding-right: 0;
}
.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-view,
.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-single .arco-tree-select-view {
padding-right: 28px;
}
.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-suffix {
padding-right: 0;
}
.arco-form-item-has-feedback .arco-picker {
padding-right: 28px;
}
.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-suffix-icon,
.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-clear-icon {
margin-right: 0;
margin-left: 0;
}
.arco-form {
display: flex;
flex-direction: column;
width: 100%;
/** size style **/
/** slider display: block **/
}
.arco-form-layout-inline {
flex-direction: row;
flex-wrap: wrap;
}
.arco-form-layout-inline .arco-form-item {
width: auto;
margin-bottom: 8px;
}
.arco-form-auto-label-width .arco-form-item-label-col > .arco-form-item-label {
white-space: nowrap;
}
.arco-form-item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
margin-bottom: 20px;
}
.arco-form-item-layout-vertical {
display: block;
}
.arco-form-item-layout-vertical > .arco-form-item-label-col {
justify-content: flex-start;
margin-bottom: 8px;
padding: 0;
line-height: 1.5715;
white-space: normal;
}
.arco-form-item-layout-inline {
margin-right: 24px;
}
.arco-form-item-label-col {
padding-right: 16px;
}
.arco-form-item.arco-form-item-error,
.arco-form-item.arco-form-item-has-help {
margin-bottom: 0;
}
.arco-form-item-wrapper-flex.arco-col {
flex: 1;
}
.arco-form-size-mini .arco-form-item-label-col {
line-height: 24px;
}
.arco-form-size-mini .arco-form-item-label-col > .arco-form-item-label {
font-size: 12px;
}
.arco-form-size-mini .arco-form-item-content {
min-height: 24px;
}
.arco-form-size-mini .arco-form-item-wrapper-col {
min-height: 24px;
}
.arco-form-size-small .arco-form-item-label-col {
line-height: 28px;
}
.arco-form-size-small .arco-form-item-label-col > .arco-form-item-label {
font-size: 14px;
}
.arco-form-size-small .arco-form-item-content {
min-height: 28px;
}
.arco-form-size-small .arco-form-item-wrapper-col {
min-height: 28px;
}
.arco-form-size-large .arco-form-item-label-col {
line-height: 36px;
}
.arco-form-size-large .arco-form-item-label-col > .arco-form-item-label {
font-size: 14px;
}
.arco-form-size-large .arco-form-item-content {
min-height: 36px;
}
.arco-form-size-large .arco-form-item-wrapper-col {
min-height: 36px;
}
.arco-form-item-extra {
margin-top: 4px;
color: var(--color-text-3);
font-size: 12px;
}
.arco-form-item-message {
min-height: 20px;
color: rgb(var(--danger-6));
font-size: 12px;
line-height: 20px;
}
.arco-form-item-message-help {
color: var(--color-text-3);
}
.arco-form-item-message + .arco-form-item-extra {
margin-top: 0;
margin-bottom: 4px;
}
.arco-form-item-label-col {
display: flex;
flex-shrink: 0;
justify-content: flex-end;
line-height: 32px;
white-space: nowrap;
}
.arco-form-item-label-col-left {
justify-content: flex-start;
}
.arco-form-item-label-col > .arco-form-item-label {
max-width: 100%;
color: var(--color-text-2);
font-size: 14px;
white-space: normal;
}
.arco-form-item-label-col.arco-form-item-label-col-flex {
box-sizing: content-box;
}
.arco-form-item-wrapper-col {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
min-width: 0;
min-height: 32px;
}
.arco-form-item-content {
flex: 1;
max-width: 100%;
min-height: 32px;
}
.arco-form-item-content-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.arco-form-item-content-flex {
display: flex;
align-items: center;
justify-content: flex-start;
}
.arco-form .arco-slider {
display: block;
}
.arco-form-item-label-required-symbol {
color: rgb(var(--danger-6));
font-size: 12px;
line-height: 1;
}
.arco-form-item-label-required-symbol svg {
display: inline-block;
transform: scale(0.5);
}
.arco-form-item-label-tooltip {
margin-left: 4px;
color: var(--color-text-4);
}
.form-blink-enter-from,
.form-blink-appear-from {
opacity: 0;
}
.form-blink-enter-to,
.form-blink-appear-to {
opacity: 1;
}
.form-blink-enter-active,
.form-blink-appear-active {
transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
animation: arco-form-blink 0.5s cubic-bezier(0, 0, 1, 1);
}
@keyframes arco-form-blink {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
.arco-row {
display: flex;
flex-flow: row wrap;
}
.arco-row-nowrap {
flex-wrap: nowrap;
}
.arco-row-align-start {
align-items: flex-start;
}
.arco-row-align-center {
align-items: center;
}
.arco-row-align-end {
align-items: flex-end;
}
.arco-row-justify-start {
justify-content: flex-start;
}
.arco-row-justify-center {
justify-content: center;
}
.arco-row-justify-end {
justify-content: flex-end;
}
.arco-row-justify-space-around {
justify-content: space-around;
}
.arco-row-justify-space-between {
justify-content: space-between;
}
.arco-col {
box-sizing: border-box;
}
.arco-col-1 {
flex: 0 0 4.16666667%;
width: 4.16666667%;
}
.arco-col-2 {
flex: 0 0 8.33333333%;
width: 8.33333333%;
}
.arco-col-3 {
flex: 0 0 12.5%;
width: 12.5%;
}
.arco-col-4 {
flex: 0 0 16.66666667%;
width: 16.66666667%;
}
.arco-col-5 {
flex: 0 0 20.83333333%;
width: 20.83333333%;
}
.arco-col-6 {
flex: 0 0 25%;
width: 25%;
}
.arco-col-7 {
flex: 0 0 29.16666667%;
width: 29.16666667%;
}
.arco-col-8 {
flex: 0 0 33.33333333%;
width: 33.33333333%;
}
.arco-col-9 {
flex: 0 0 37.5%;
width: 37.5%;
}
.arco-col-10 {
flex: 0 0 41.66666667%;
width: 41.66666667%;
}
.arco-col-11 {
flex: 0 0 45.83333333%;
width: 45.83333333%;
}
.arco-col-12 {
flex: 0 0 50%;
width: 50%;
}
.arco-col-13 {
flex: 0 0 54.16666667%;
width: 54.16666667%;
}
.arco-col-14 {
flex: 0 0 58.33333333%;
width: 58.33333333%;
}
.arco-col-15 {
flex: 0 0 62.5%;
width: 62.5%;
}
.arco-col-16 {
flex: 0 0 66.66666667%;
width: 66.66666667%;
}
.arco-col-17 {
flex: 0 0 70.83333333%;
width: 70.83333333%;
}
.arco-col-18 {
flex: 0 0 75%;
width: 75%;
}
.arco-col-19 {
flex: 0 0 79.16666667%;
width: 79.16666667%;
}
.arco-col-20 {
flex: 0 0 83.33333333%;
width: 83.33333333%;
}
.arco-col-21 {
flex: 0 0 87.5%;
width: 87.5%;
}
.arco-col-22 {
flex: 0 0 91.66666667%;
width: 91.66666667%;
}
.arco-col-23 {
flex: 0 0 95.83333333%;
width: 95.83333333%;
}
.arco-col-24 {
flex: 0 0 100%;
width: 100%;
}
.arco-col-offset-1 {
margin-left: 4.16666667%;
}
.arco-col-offset-2 {
margin-left: 8.33333333%;
}
.arco-col-offset-3 {
margin-left: 12.5%;
}
.arco-col-offset-4 {
margin-left: 16.66666667%;
}
.arco-col-offset-5 {
margin-left: 20.83333333%;
}
.arco-col-offset-6 {
margin-left: 25%;
}
.arco-col-offset-7 {
margin-left: 29.16666667%;
}
.arco-col-offset-8 {
margin-left: 33.33333333%;
}
.arco-col-offset-9 {
margin-left: 37.5%;
}
.arco-col-offset-10 {
margin-left: 41.66666667%;
}
.arco-col-offset-11 {
margin-left: 45.83333333%;
}
.arco-col-offset-12 {
margin-left: 50%;
}
.arco-col-offset-13 {
margin-left: 54.16666667%;
}
.arco-col-offset-14 {
margin-left: 58.33333333%;
}
.arco-col-offset-15 {
margin-left: 62.5%;
}
.arco-col-offset-16 {
margin-left: 66.66666667%;
}
.arco-col-offset-17 {
margin-left: 70.83333333%;
}
.arco-col-offset-18 {
margin-left: 75%;
}
.arco-col-offset-19 {
margin-left: 79.16666667%;
}
.arco-col-offset-20 {
margin-left: 83.33333333%;
}
.arco-col-offset-21 {
margin-left: 87.5%;
}
.arco-col-offset-22 {
margin-left: 91.66666667%;
}
.arco-col-offset-23 {
margin-left: 95.83333333%;
}
.arco-col-order-1 {
order: 1;
}
.arco-col-order-2 {
order: 2;
}
.arco-col-order-3 {
order: 3;
}
.arco-col-order-4 {
order: 4;
}
.arco-col-order-5 {
order: 5;
}
.arco-col-order-6 {
order: 6;
}
.arco-col-order-7 {
order: 7;
}
.arco-col-order-8 {
order: 8;
}
.arco-col-order-9 {
order: 9;
}
.arco-col-order-10 {
order: 10;
}
.arco-col-order-11 {
order: 11;
}
.arco-col-order-12 {
order: 12;
}
.arco-col-order-13 {
order: 13;
}
.arco-col-order-14 {
order: 14;
}
.arco-col-order-15 {
order: 15;
}
.arco-col-order-16 {
order: 16;
}
.arco-col-order-17 {
order: 17;
}
.arco-col-order-18 {
order: 18;
}
.arco-col-order-19 {
order: 19;
}
.arco-col-order-20 {
order: 20;
}
.arco-col-order-21 {
order: 21;
}
.arco-col-order-22 {
order: 22;
}
.arco-col-order-23 {
order: 23;
}
.arco-col-order-24 {
order: 24;
}
.arco-col-xs-1 {
flex: 0 0 4.16666667%;
width: 4.16666667%;
}
.arco-col-xs-2 {
flex: 0 0 8.33333333%;
width: 8.33333333%;
}
.arco-col-xs-3 {
flex: 0 0 12.5%;
width: 12.5%;
}
.arco-col-xs-4 {
flex: 0 0 16.66666667%;
width: 16.66666667%;
}
.arco-col-xs-5 {
flex: 0 0 20.83333333%;
width: 20.83333333%;
}
.arco-col-xs-6 {
flex: 0 0 25%;
width: 25%;
}
.arco-col-xs-7 {
flex: 0 0 29.16666667%;
width: 29.16666667%;
}
.arco-col-xs-8 {
flex: 0 0 33.33333333%;
width: 33.33333333%;
}
.arco-col-xs-9 {
flex: 0 0 37.5%;
width: 37.5%;
}
.arco-col-xs-10 {
flex: 0 0 41.66666667%;
width: 41.66666667%;
}
.arco-col-xs-11 {
flex: 0 0 45.83333333%;
width: 45.83333333%;
}
.arco-col-xs-12 {
flex: 0 0 50%;
width: 50%;
}
.arco-col-xs-13 {
flex: 0 0 54.16666667%;
width: 54.16666667%;
}
.arco-col-xs-14 {
flex: 0 0 58.33333333%;
width: 58.33333333%;
}
.arco-col-xs-15 {
flex: 0 0 62.5%;
width: 62.5%;
}
.arco-col-xs-16 {
flex: 0 0 66.66666667%;
width: 66.66666667%;
}
.arco-col-xs-17 {
flex: 0 0 70.83333333%;
width: 70.83333333%;
}
.arco-col-xs-18 {
flex: 0 0 75%;
width: 75%;
}
.arco-col-xs-19 {
flex: 0 0 79.16666667%;
width: 79.16666667%;
}
.arco-col-xs-20 {
flex: 0 0 83.33333333%;
width: 83.33333333%;
}
.arco-col-xs-21 {
flex: 0 0 87.5%;
width: 87.5%;
}
.arco-col-xs-22 {
flex: 0 0 91.66666667%;
width: 91.66666667%;
}
.arco-col-xs-23 {
flex: 0 0 95.83333333%;
width: 95.83333333%;
}
.arco-col-xs-24 {
flex: 0 0 100%;
width: 100%;
}
.arco-col-xs-offset-1 {
margin-left: 4.16666667%;
}
.arco-col-xs-offset-2 {
margin-left: 8.33333333%;
}
.arco-col-xs-offset-3 {
margin-left: 12.5%;
}
.arco-col-xs-offset-4 {
margin-left: 16.66666667%;
}
.arco-col-xs-offset-5 {
margin-left: 20.83333333%;
}
.arco-col-xs-offset-6 {
margin-left: 25%;
}
.arco-col-xs-offset-7 {
margin-left: 29.16666667%;
}
.arco-col-xs-offset-8 {
margin-left: 33.33333333%;
}
.arco-col-xs-offset-9 {
margin-left: 37.5%;
}
.arco-col-xs-offset-10 {
margin-left: 41.66666667%;
}
.arco-col-xs-offset-11 {
margin-left: 45.83333333%;
}
.arco-col-xs-offset-12 {
margin-left: 50%;
}
.arco-col-xs-offset-13 {
margin-left: 54.16666667%;
}
.arco-col-xs-offset-14 {
margin-left: 58.33333333%;
}
.arco-col-xs-offset-15 {
margin-left: 62.5%;
}
.arco-col-xs-offset-16 {
margin-left: 66.66666667%;
}
.arco-col-xs-offset-17 {
margin-left: 70.83333333%;
}
.arco-col-xs-offset-18 {
margin-left: 75%;
}
.arco-col-xs-offset-19 {
margin-left: 79.16666667%;
}
.arco-col-xs-offset-20 {
margin-left: 83.33333333%;
}
.arco-col-xs-offset-21 {
margin-left: 87.5%;
}
.arco-col-xs-offset-22 {
margin-left: 91.66666667%;
}
.arco-col-xs-offset-23 {
margin-left: 95.83333333%;
}
.arco-col-xs-order-1 {
order: 1;
}
.arco-col-xs-order-2 {
order: 2;
}
.arco-col-xs-order-3 {
order: 3;
}
.arco-col-xs-order-4 {
order: 4;
}
.arco-col-xs-order-5 {
order: 5;
}
.arco-col-xs-order-6 {
order: 6;
}
.arco-col-xs-order-7 {
order: 7;
}
.arco-col-xs-order-8 {
order: 8;
}
.arco-col-xs-order-9 {
order: 9;
}
.arco-col-xs-order-10 {
order: 10;
}
.arco-col-xs-order-11 {
order: 11;
}
.arco-col-xs-order-12 {
order: 12;
}
.arco-col-xs-order-13 {
order: 13;
}
.arco-col-xs-order-14 {
order: 14;
}
.arco-col-xs-order-15 {
order: 15;
}
.arco-col-xs-order-16 {
order: 16;
}
.arco-col-xs-order-17 {
order: 17;
}
.arco-col-xs-order-18 {
order: 18;
}
.arco-col-xs-order-19 {
order: 19;
}
.arco-col-xs-order-20 {
order: 20;
}
.arco-col-xs-order-21 {
order: 21;
}
.arco-col-xs-order-22 {
order: 22;
}
.arco-col-xs-order-23 {
order: 23;
}
.arco-col-xs-order-24 {
order: 24;
}
@media (min-width: 576px) {
.arco-col-sm-1 {
flex: 0 0 4.16666667%;
width: 4.16666667%;
}
.arco-col-sm-2 {
flex: 0 0 8.33333333%;
width: 8.33333333%;
}
.arco-col-sm-3 {
flex: 0 0 12.5%;
width: 12.5%;
}
.arco-col-sm-4 {
flex: 0 0 16.66666667%;
width: 16.66666667%;
}
.arco-col-sm-5 {
flex: 0 0 20.83333333%;
width: 20.83333333%;
}
.arco-col-sm-6 {
flex: 0 0 25%;
width: 25%;
}
.arco-col-sm-7 {
flex: 0 0 29.16666667%;
width: 29.16666667%;
}
.arco-col-sm-8 {
flex: 0 0 33.33333333%;
width: 33.33333333%;
}
.arco-col-sm-9 {
flex: 0 0 37.5%;
width: 37.5%;
}
.arco-col-sm-10 {
flex: 0 0 41.66666667%;
width: 41.66666667%;
}
.arco-col-sm-11 {
flex: 0 0 45.83333333%;
width: 45.83333333%;
}
.arco-col-sm-12 {
flex: 0 0 50%;
width: 50%;
}
.arco-col-sm-13 {
flex: 0 0 54.16666667%;
width: 54.16666667%;
}
.arco-col-sm-14 {
flex: 0 0 58.33333333%;
width: 58.33333333%;
}
.arco-col-sm-15 {
flex: 0 0 62.5%;
width: 62.5%;
}
.arco-col-sm-16 {
flex: 0 0 66.66666667%;
width: 66.66666667%;
}
.arco-col-sm-17 {
flex: 0 0 70.83333333%;
width: 70.83333333%;
}
.arco-col-sm-18 {
flex: 0 0 75%;
width: 75%;
}
.arco-col-sm-19 {
flex: 0 0 79.16666667%;
width: 79.16666667%;
}
.arco-col-sm-20 {
flex: 0 0 83.33333333%;
width: 83.33333333%;
}
.arco-col-sm-21 {
flex: 0 0 87.5%;
width: 87.5%;
}
.arco-col-sm-22 {
flex: 0 0 91.66666667%;
width: 91.66666667%;
}
.arco-col-sm-23 {
flex: 0 0 95.83333333%;
width: 95.83333333%;
}
.arco-col-sm-24 {
flex: 0 0 100%;
width: 100%;
}
.arco-col-sm-offset-1 {
margin-left: 4.16666667%;
}
.arco-col-sm-offset-2 {
margin-left: 8.33333333%;
}
.arco-col-sm-offset-3 {
margin-left: 12.5%;
}
.arco-col-sm-offset-4 {
margin-left: 16.66666667%;
}
.arco-col-sm-offset-5 {
margin-left: 20.83333333%;
}
.arco-col-sm-offset-6 {
margin-left: 25%;
}
.arco-col-sm-offset-7 {
margin-left: 29.16666667%;
}
.arco-col-sm-offset-8 {
margin-left: 33.33333333%;
}
.arco-col-sm-offset-9 {
margin-left: 37.5%;
}
.arco-col-sm-offset-10 {
margin-left: 41.66666667%;
}
.arco-col-sm-offset-11 {
margin-left: 45.83333333%;
}
.arco-col-sm-offset-12 {
margin-left: 50%;
}
.arco-col-sm-offset-13 {
margin-left: 54.16666667%;
}
.arco-col-sm-offset-14 {
margin-left: 58.33333333%;
}
.arco-col-sm-offset-15 {
margin-left: 62.5%;
}
.arco-col-sm-offset-16 {
margin-left: 66.66666667%;
}
.arco-col-sm-offset-17 {
margin-left: 70.83333333%;
}
.arco-col-sm-offset-18 {
margin-left: 75%;
}
.arco-col-sm-offset-19 {
margin-left: 79.16666667%;
}
.arco-col-sm-offset-20 {
margin-left: 83.33333333%;
}
.arco-col-sm-offset-21 {
margin-left: 87.5%;
}
.arco-col-sm-offset-22 {
margin-left: 91.66666667%;
}
.arco-col-sm-offset-23 {
margin-left: 95.83333333%;
}
.arco-col-sm-order-1 {
order: 1;
}
.arco-col-sm-order-2 {
order: 2;
}
.arco-col-sm-order-3 {
order: 3;
}
.arco-col-sm-order-4 {
order: 4;
}
.arco-col-sm-order-5 {
order: 5;
}
.arco-col-sm-order-6 {
order: 6;
}
.arco-col-sm-order-7 {
order: 7;
}
.arco-col-sm-order-8 {
order: 8;
}
.arco-col-sm-order-9 {
order: 9;
}
.arco-col-sm-order-10 {
order: 10;
}
.arco-col-sm-order-11 {
order: 11;
}
.arco-col-sm-order-12 {
order: 12;
}
.arco-col-sm-order-13 {
order: 13;
}
.arco-col-sm-order-14 {
order: 14;
}
.arco-col-sm-order-15 {
order: 15;
}
.arco-col-sm-order-16 {
order: 16;
}
.arco-col-sm-order-17 {
order: 17;
}
.arco-col-sm-order-18 {
order: 18;
}
.arco-col-sm-order-19 {
order: 19;
}
.arco-col-sm-order-20 {
order: 20;
}
.arco-col-sm-order-21 {
order: 21;
}
.arco-col-sm-order-22 {
order: 22;
}
.arco-col-sm-order-23 {
order: 23;
}
.arco-col-sm-order-24 {
order: 24;
}
}
@media (min-width: 768px) {
.arco-col-md-1 {
flex: 0 0 4.16666667%;
width: 4.16666667%;
}
.arco-col-md-2 {
flex: 0 0 8.33333333%;
width: 8.33333333%;
}
.arco-col-md-3 {
flex: 0 0 12.5%;
width: 12.5%;
}
.arco-col-md-4 {
flex: 0 0 16.66666667%;
width: 16.66666667%;
}
.arco-col-md-5 {
flex: 0 0 20.83333333%;
width: 20.83333333%;
}
.arco-col-md-6 {
flex: 0 0 25%;
width: 25%;
}
.arco-col-md-7 {
flex: 0 0 29.16666667%;
width: 29.16666667%;
}
.arco-col-md-8 {
flex: 0 0 33.33333333%;
width: 33.33333333%;
}
.arco-col-md-9 {
flex: 0 0 37.5%;
width: 37.5%;
}
.arco-col-md-10 {
flex: 0 0 41.66666667%;
width: 41.66666667%;
}
.arco-col-md-11 {
flex: 0 0 45.83333333%;
width: 45.83333333%;
}
.arco-col-md-12 {
flex: 0 0 50%;
width: 50%;
}
.arco-col-md-13 {
flex: 0 0 54.16666667%;
width: 54.16666667%;
}
.arco-col-md-14 {
flex: 0 0 58.33333333%;
width: 58.33333333%;
}
.arco-col-md-15 {
flex: 0 0 62.5%;
width: 62.5%;
}
.arco-col-md-16 {
flex: 0 0 66.66666667%;
width: 66.66666667%;
}
.arco-col-md-17 {
flex: 0 0 70.83333333%;
width: 70.83333333%;
}
.arco-col-md-18 {
flex: 0 0 75%;
width: 75%;
}
.arco-col-md-19 {
flex: 0 0 79.16666667%;
width: 79.16666667%;
}
.arco-col-md-20 {
flex: 0 0 83.33333333%;
width: 83.33333333%;
}
.arco-col-md-21 {
flex: 0 0 87.5%;
width: 87.5%;
}
.arco-col-md-22 {
flex: 0 0 91.66666667%;
width: 91.66666667%;
}
.arco-col-md-23 {
flex: 0 0 95.83333333%;
width: 95.83333333%;
}
.arco-col-md-24 {
flex: 0 0 100%;
width: 100%;
}
.arco-col-md-offset-1 {
margin-left: 4.16666667%;
}
.arco-col-md-offset-2 {
margin-left: 8.33333333%;
}
.arco-col-md-offset-3 {
margin-left: 12.5%;
}
.arco-col-md-offset-4 {
margin-left: 16.66666667%;
}
.arco-col-md-offset-5 {
margin-left: 20.83333333%;
}
.arco-col-md-offset-6 {
margin-left: 25%;
}
.arco-col-md-offset-7 {
margin-left: 29.16666667%;
}
.arco-col-md-offset-8 {
margin-left: 33.33333333%;
}
.arco-col-md-offset-9 {
margin-left: 37.5%;
}
.arco-col-md-offset-10 {
margin-left: 41.66666667%;
}
.arco-col-md-offset-11 {
margin-left: 45.83333333%;
}
.arco-col-md-offset-12 {
margin-left: 50%;
}
.arco-col-md-offset-13 {
margin-left: 54.16666667%;
}
.arco-col-md-offset-14 {
margin-left: 58.33333333%;
}
.arco-col-md-offset-15 {
margin-left: 62.5%;
}
.arco-col-md-offset-16 {
margin-left: 66.66666667%;
}
.arco-col-md-offset-17 {
margin-left: 70.83333333%;
}
.arco-col-md-offset-18 {
margin-left: 75%;
}
.arco-col-md-offset-19 {
margin-left: 79.16666667%;
}
.arco-col-md-offset-20 {
margin-left: 83.33333333%;
}
.arco-col-md-offset-21 {
margin-left: 87.5%;
}
.arco-col-md-offset-22 {
margin-left: 91.66666667%;
}
.arco-col-md-offset-23 {
margin-left: 95.83333333%;
}
.arco-col-md-order-1 {
order: 1;
}
.arco-col-md-order-2 {
order: 2;
}
.arco-col-md-order-3 {
order: 3;
}
.arco-col-md-order-4 {
order: 4;
}
.arco-col-md-order-5 {
order: 5;
}
.arco-col-md-order-6 {
order: 6;
}
.arco-col-md-order-7 {
order: 7;
}
.arco-col-md-order-8 {
order: 8;
}
.arco-col-md-order-9 {
order: 9;
}
.arco-col-md-order-10 {
order: 10;
}
.arco-col-md-order-11 {
order: 11;
}
.arco-col-md-order-12 {
order: 12;
}
.arco-col-md-order-13 {
order: 13;
}
.arco-col-md-order-14 {
order: 14;
}
.arco-col-md-order-15 {
order: 15;
}
.arco-col-md-order-16 {
order: 16;
}
.arco-col-md-order-17 {
order: 17;
}
.arco-col-md-order-18 {
order: 18;
}
.arco-col-md-order-19 {
order: 19;
}
.arco-col-md-order-20 {
order: 20;
}
.arco-col-md-order-21 {
order: 21;
}
.arco-col-md-order-22 {
order: 22;
}
.arco-col-md-order-23 {
order: 23;
}
.arco-col-md-order-24 {
order: 24;
}
}
@media (min-width: 992px) {
.arco-col-lg-1 {
flex: 0 0 4.16666667%;
width: 4.16666667%;
}
.arco-col-lg-2 {
flex: 0 0 8.33333333%;
width: 8.33333333%;
}
.arco-col-lg-3 {
flex: 0 0 12.5%;
width: 12.5%;
}
.arco-col-lg-4 {
flex: 0 0 16.66666667%;
width: 16.66666667%;
}
.arco-col-lg-5 {
flex: 0 0 20.83333333%;
width: 20.83333333%;
}
.arco-col-lg-6 {
flex: 0 0 25%;
width: 25%;
}
.arco-col-lg-7 {
flex: 0 0 29.16666667%;
width: 29.16666667%;
}
.arco-col-lg-8 {
flex: 0 0 33.33333333%;
width: 33.33333333%;
}
.arco-col-lg-9 {
flex: 0 0 37.5%;
width: 37.5%;
}
.arco-col-lg-10 {
flex: 0 0 41.66666667%;
width: 41.66666667%;
}
.arco-col-lg-11 {
flex: 0 0 45.83333333%;
width: 45.83333333%;
}
.arco-col-lg-12 {
flex: 0 0 50%;
width: 50%;
}
.arco-col-lg-13 {
flex: 0 0 54.16666667%;
width: 54.16666667%;
}
.arco-col-lg-14 {
flex: 0 0 58.33333333%;
width: 58.33333333%;
}
.arco-col-lg-15 {
flex: 0 0 62.5%;
width: 62.5%;
}
.arco-col-lg-16 {
flex: 0 0 66.66666667%;
width: 66.66666667%;
}
.arco-col-lg-17 {
flex: 0 0 70.83333333%;
width: 70.83333333%;
}
.arco-col-lg-18 {
flex: 0 0 75%;
width: 75%;
}
.arco-col-lg-19 {
flex: 0 0 79.16666667%;
width: 79.16666667%;
}
.arco-col-lg-20 {
flex: 0 0 83.33333333%;
width: 83.33333333%;
}
.arco-col-lg-21 {
flex: 0 0 87.5%;
width: 87.5%;
}
.arco-col-lg-22 {
flex: 0 0 91.66666667%;
width: 91.66666667%;
}
.arco-col-lg-23 {
flex: 0 0 95.83333333%;
width: 95.83333333%;
}
.arco-col-lg-24 {
flex: 0 0 100%;
width: 100%;
}
.arco-col-lg-offset-1 {
margin-left: 4.16666667%;
}
.arco-col-lg-offset-2 {
margin-left: 8.33333333%;
}
.arco-col-lg-offset-3 {
margin-left: 12.5%;
}
.arco-col-lg-offset-4 {
margin-left: 16.66666667%;
}
.arco-col-lg-offset-5 {
margin-left: 20.83333333%;
}
.arco-col-lg-offset-6 {
margin-left: 25%;
}
.arco-col-lg-offset-7 {
margin-left: 29.16666667%;
}
.arco-col-lg-offset-8 {
margin-left: 33.33333333%;
}
.arco-col-lg-offset-9 {
margin-left: 37.5%;
}
.arco-col-lg-offset-10 {
margin-left: 41.66666667%;
}
.arco-col-lg-offset-11 {
margin-left: 45.83333333%;
}
.arco-col-lg-offset-12 {
margin-left: 50%;
}
.arco-col-lg-offset-13 {
margin-left: 54.16666667%;
}
.arco-col-lg-offset-14 {
margin-left: 58.33333333%;
}
.arco-col-lg-offset-15 {
margin-left: 62.5%;
}
.arco-col-lg-offset-16 {
margin-left: 66.66666667%;
}
.arco-col-lg-offset-17 {
margin-left: 70.83333333%;
}
.arco-col-lg-offset-18 {
margin-left: 75%;
}
.arco-col-lg-offset-19 {
margin-left: 79.16666667%;
}
.arco-col-lg-offset-20 {
margin-left: 83.33333333%;
}
.arco-col-lg-offset-21 {
margin-left: 87.5%;
}
.arco-col-lg-offset-22 {
margin-left: 91.66666667%;
}
.arco-col-lg-offset-23 {
margin-left: 95.83333333%;
}
.arco-col-lg-order-1 {
order: 1;
}
.arco-col-lg-order-2 {
order: 2;
}
.arco-col-lg-order-3 {
order: 3;
}
.arco-col-lg-order-4 {
order: 4;
}
.arco-col-lg-order-5 {
order: 5;
}
.arco-col-lg-order-6 {
order: 6;
}
.arco-col-lg-order-7 {
order: 7;
}
.arco-col-lg-order-8 {
order: 8;
}
.arco-col-lg-order-9 {
order: 9;
}
.arco-col-lg-order-10 {
order: 10;
}
.arco-col-lg-order-11 {
order: 11;
}
.arco-col-lg-order-12 {
order: 12;
}
.arco-col-lg-order-13 {
order: 13;
}
.arco-col-lg-order-14 {
order: 14;
}
.arco-col-lg-order-15 {
order: 15;
}
.arco-col-lg-order-16 {
order: 16;
}
.arco-col-lg-order-17 {
order: 17;
}
.arco-col-lg-order-18 {
order: 18;
}
.arco-col-lg-order-19 {
order: 19;
}
.arco-col-lg-order-20 {
order: 20;
}
.arco-col-lg-order-21 {
order: 21;
}
.arco-col-lg-order-22 {
order: 22;
}
.arco-col-lg-order-23 {
order: 23;
}
.arco-col-lg-order-24 {
order: 24;
}
}
@media (min-width: 1200px) {
.arco-col-xl-1 {
flex: 0 0 4.16666667%;
width: 4.16666667%;
}
.arco-col-xl-2 {
flex: 0 0 8.33333333%;
width: 8.33333333%;
}
.arco-col-xl-3 {
flex: 0 0 12.5%;
width: 12.5%;
}
.arco-col-xl-4 {
flex: 0 0 16.66666667%;
width: 16.66666667%;
}
.arco-col-xl-5 {
flex: 0 0 20.83333333%;
width: 20.83333333%;
}
.arco-col-xl-6 {
flex: 0 0 25%;
width: 25%;
}
.arco-col-xl-7 {
flex: 0 0 29.16666667%;
width: 29.16666667%;
}
.arco-col-xl-8 {
flex: 0 0 33.33333333%;
width: 33.33333333%;
}
.arco-col-xl-9 {
flex: 0 0 37.5%;
width: 37.5%;
}
.arco-col-xl-10 {
flex: 0 0 41.66666667%;
width: 41.66666667%;
}
.arco-col-xl-11 {
flex: 0 0 45.83333333%;
width: 45.83333333%;
}
.arco-col-xl-12 {
flex: 0 0 50%;
width: 50%;
}
.arco-col-xl-13 {
flex: 0 0 54.16666667%;
width: 54.16666667%;
}
.arco-col-xl-14 {
flex: 0 0 58.33333333%;
width: 58.33333333%;
}
.arco-col-xl-15 {
flex: 0 0 62.5%;
width: 62.5%;
}
.arco-col-xl-16 {
flex: 0 0 66.66666667%;
width: 66.66666667%;
}
.arco-col-xl-17 {
flex: 0 0 70.83333333%;
width: 70.83333333%;
}
.arco-col-xl-18 {
flex: 0 0 75%;
width: 75%;
}
.arco-col-xl-19 {
flex: 0 0 79.16666667%;
width: 79.16666667%;
}
.arco-col-xl-20 {
flex: 0 0 83.33333333%;
width: 83.33333333%;
}
.arco-col-xl-21 {
flex: 0 0 87.5%;
width: 87.5%;
}
.arco-col-xl-22 {
flex: 0 0 91.66666667%;
width: 91.66666667%;
}
.arco-col-xl-23 {
flex: 0 0 95.83333333%;
width: 95.83333333%;
}
.arco-col-xl-24 {
flex: 0 0 100%;
width: 100%;
}
.arco-col-xl-offset-1 {
margin-left: 4.16666667%;
}
.arco-col-xl-offset-2 {
margin-left: 8.33333333%;
}
.arco-col-xl-offset-3 {
margin-left: 12.5%;
}
.arco-col-xl-offset-4 {
margin-left: 16.66666667%;
}
.arco-col-xl-offset-5 {
margin-left: 20.83333333%;
}
.arco-col-xl-offset-6 {
margin-left: 25%;
}
.arco-col-xl-offset-7 {
margin-left: 29.16666667%;
}
.arco-col-xl-offset-8 {
margin-left: 33.33333333%;
}
.arco-col-xl-offset-9 {
margin-left: 37.5%;
}
.arco-col-xl-offset-10 {
margin-left: 41.66666667%;
}
.arco-col-xl-offset-11 {
margin-left: 45.83333333%;
}
.arco-col-xl-offset-12 {
margin-left: 50%;
}
.arco-col-xl-offset-13 {
margin-left: 54.16666667%;
}
.arco-col-xl-offset-14 {
margin-left: 58.33333333%;
}
.arco-col-xl-offset-15 {
margin-left: 62.5%;
}
.arco-col-xl-offset-16 {
margin-left: 66.66666667%;
}
.arco-col-xl-offset-17 {
margin-left: 70.83333333%;
}
.arco-col-xl-offset-18 {
margin-left: 75%;
}
.arco-col-xl-offset-19 {
margin-left: 79.16666667%;
}
.arco-col-xl-offset-20 {
margin-left: 83.33333333%;
}
.arco-col-xl-offset-21 {
margin-left: 87.5%;
}
.arco-col-xl-offset-22 {
margin-left: 91.66666667%;
}
.arco-col-xl-offset-23 {
margin-left: 95.83333333%;
}
.arco-col-xl-order-1 {
order: 1;
}
.arco-col-xl-order-2 {
order: 2;
}
.arco-col-xl-order-3 {
order: 3;
}
.arco-col-xl-order-4 {
order: 4;
}
.arco-col-xl-order-5 {
order: 5;
}
.arco-col-xl-order-6 {
order: 6;
}
.arco-col-xl-order-7 {
order: 7;
}
.arco-col-xl-order-8 {
order: 8;
}
.arco-col-xl-order-9 {
order: 9;
}
.arco-col-xl-order-10 {
order: 10;
}
.arco-col-xl-order-11 {
order: 11;
}
.arco-col-xl-order-12 {
order: 12;
}
.arco-col-xl-order-13 {
order: 13;
}
.arco-col-xl-order-14 {
order: 14;
}
.arco-col-xl-order-15 {
order: 15;
}
.arco-col-xl-order-16 {
order: 16;
}
.arco-col-xl-order-17 {
order: 17;
}
.arco-col-xl-order-18 {
order: 18;
}
.arco-col-xl-order-19 {
order: 19;
}
.arco-col-xl-order-20 {
order: 20;
}
.arco-col-xl-order-21 {
order: 21;
}
.arco-col-xl-order-22 {
order: 22;
}
.arco-col-xl-order-23 {
order: 23;
}
.arco-col-xl-order-24 {
order: 24;
}
}
@media (min-width: 1600px) {
.arco-col-xxl-1 {
flex: 0 0 4.16666667%;
width: 4.16666667%;
}
.arco-col-xxl-2 {
flex: 0 0 8.33333333%;
width: 8.33333333%;
}
.arco-col-xxl-3 {
flex: 0 0 12.5%;
width: 12.5%;
}
.arco-col-xxl-4 {
flex: 0 0 16.66666667%;
width: 16.66666667%;
}
.arco-col-xxl-5 {
flex: 0 0 20.83333333%;
width: 20.83333333%;
}
.arco-col-xxl-6 {
flex: 0 0 25%;
width: 25%;
}
.arco-col-xxl-7 {
flex: 0 0 29.16666667%;
width: 29.16666667%;
}
.arco-col-xxl-8 {
flex: 0 0 33.33333333%;
width: 33.33333333%;
}
.arco-col-xxl-9 {
flex: 0 0 37.5%;
width: 37.5%;
}
.arco-col-xxl-10 {
flex: 0 0 41.66666667%;
width: 41.66666667%;
}
.arco-col-xxl-11 {
flex: 0 0 45.83333333%;
width: 45.83333333%;
}
.arco-col-xxl-12 {
flex: 0 0 50%;
width: 50%;
}
.arco-col-xxl-13 {
flex: 0 0 54.16666667%;
width: 54.16666667%;
}
.arco-col-xxl-14 {
flex: 0 0 58.33333333%;
width: 58.33333333%;
}
.arco-col-xxl-15 {
flex: 0 0 62.5%;
width: 62.5%;
}
.arco-col-xxl-16 {
flex: 0 0 66.66666667%;
width: 66.66666667%;
}
.arco-col-xxl-17 {
flex: 0 0 70.83333333%;
width: 70.83333333%;
}
.arco-col-xxl-18 {
flex: 0 0 75%;
width: 75%;
}
.arco-col-xxl-19 {
flex: 0 0 79.16666667%;
width: 79.16666667%;
}
.arco-col-xxl-20 {
flex: 0 0 83.33333333%;
width: 83.33333333%;
}
.arco-col-xxl-21 {
flex: 0 0 87.5%;
width: 87.5%;
}
.arco-col-xxl-22 {
flex: 0 0 91.66666667%;
width: 91.66666667%;
}
.arco-col-xxl-23 {
flex: 0 0 95.83333333%;
width: 95.83333333%;
}
.arco-col-xxl-24 {
flex: 0 0 100%;
width: 100%;
}
.arco-col-xxl-offset-1 {
margin-left: 4.16666667%;
}
.arco-col-xxl-offset-2 {
margin-left: 8.33333333%;
}
.arco-col-xxl-offset-3 {
margin-left: 12.5%;
}
.arco-col-xxl-offset-4 {
margin-left: 16.66666667%;
}
.arco-col-xxl-offset-5 {
margin-left: 20.83333333%;
}
.arco-col-xxl-offset-6 {
margin-left: 25%;
}
.arco-col-xxl-offset-7 {
margin-left: 29.16666667%;
}
.arco-col-xxl-offset-8 {
margin-left: 33.33333333%;
}
.arco-col-xxl-offset-9 {
margin-left: 37.5%;
}
.arco-col-xxl-offset-10 {
margin-left: 41.66666667%;
}
.arco-col-xxl-offset-11 {
margin-left: 45.83333333%;
}
.arco-col-xxl-offset-12 {
margin-left: 50%;
}
.arco-col-xxl-offset-13 {
margin-left: 54.16666667%;
}
.arco-col-xxl-offset-14 {
margin-left: 58.33333333%;
}
.arco-col-xxl-offset-15 {
margin-left: 62.5%;
}
.arco-col-xxl-offset-16 {
margin-left: 66.66666667%;
}
.arco-col-xxl-offset-17 {
margin-left: 70.83333333%;
}
.arco-col-xxl-offset-18 {
margin-left: 75%;
}
.arco-col-xxl-offset-19 {
margin-left: 79.16666667%;
}
.arco-col-xxl-offset-20 {
margin-left: 83.33333333%;
}
.arco-col-xxl-offset-21 {
margin-left: 87.5%;
}
.arco-col-xxl-offset-22 {
margin-left: 91.66666667%;
}
.arco-col-xxl-offset-23 {
margin-left: 95.83333333%;
}
.arco-col-xxl-order-1 {
order: 1;
}
.arco-col-xxl-order-2 {
order: 2;
}
.arco-col-xxl-order-3 {
order: 3;
}
.arco-col-xxl-order-4 {
order: 4;
}
.arco-col-xxl-order-5 {
order: 5;
}
.arco-col-xxl-order-6 {
order: 6;
}
.arco-col-xxl-order-7 {
order: 7;
}
.arco-col-xxl-order-8 {
order: 8;
}
.arco-col-xxl-order-9 {
order: 9;
}
.arco-col-xxl-order-10 {
order: 10;
}
.arco-col-xxl-order-11 {
order: 11;
}
.arco-col-xxl-order-12 {
order: 12;
}
.arco-col-xxl-order-13 {
order: 13;
}
.arco-col-xxl-order-14 {
order: 14;
}
.arco-col-xxl-order-15 {
order: 15;
}
.arco-col-xxl-order-16 {
order: 16;
}
.arco-col-xxl-order-17 {
order: 17;
}
.arco-col-xxl-order-18 {
order: 18;
}
.arco-col-xxl-order-19 {
order: 19;
}
.arco-col-xxl-order-20 {
order: 20;
}
.arco-col-xxl-order-21 {
order: 21;
}
.arco-col-xxl-order-22 {
order: 22;
}
.arco-col-xxl-order-23 {
order: 23;
}
.arco-col-xxl-order-24 {
order: 24;
}
}
.arco-grid {
display: grid;
}
.arco-image-trigger {
padding: 6px 4px;
background: var(--color-bg-5);
border: 1px solid var(--color-neutral-3);
border-radius: 4px;
}
.arco-image-trigger .arco-trigger-arrow {
background-color: var(--color-bg-5);
border: 1px solid var(--color-neutral-3);
}
.arco-image {
position: relative;
display: inline-block;
border-radius: var(--border-radius-small);
}
.arco-image-img {
vertical-align: middle;
border-radius: inherit;
}
.arco-image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.arco-image-footer {
display: flex;
width: 100%;
max-width: 100%;
}
.arco-image-footer-caption {
flex: 1 1 auto;
}
.arco-image-footer-caption-title {
font-weight: 500;
font-size: 16px;
}
.arco-image-footer-caption-description {
font-size: 14px;
}
.arco-image-footer-extra {
flex: 0 0 auto;
padding-left: 12px;
}
.arco-image-with-footer-inner .arco-image-footer {
position: absolute;
bottom: 0;
left: 0;
align-items: center;
box-sizing: border-box;
padding: 9px 16px;
color: var(--color-white);
background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
border-bottom-right-radius: var(--border-radius-small);
border-bottom-left-radius: var(--border-radius-small);
}
.arco-image-with-footer-inner .arco-image-footer-caption-title {
color: var(--color-white);
}
.arco-image-with-footer-inner .arco-image-footer-caption-description {
color: var(--color-white);
}
.arco-image-with-footer-outer .arco-image-footer {
margin-top: 4px;
color: var(--color-neutral-8);
}
.arco-image-with-footer-outer .arco-image-footer-caption-title {
color: var(--color-text-1);
}
.arco-image-with-footer-outer .arco-image-footer-caption-description {
color: var(--color-neutral-6);
}
.arco-image-error {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 100%;
color: var(--color-neutral-4);
background-color: var(--color-neutral-1);
}
.arco-image-error-icon {
width: 60px;
max-width: 100%;
height: 60px;
max-height: 100%;
}
.arco-image-error-icon > svg {
width: 100%;
height: 100%;
}
.arco-image-error-alt {
padding: 8px 16px;
font-size: 12px;
line-height: 1.6667;
text-align: center;
}
.arco-image-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--color-neutral-1);
}
.arco-image-loader-spin {
position: absolute;
top: 50%;
left: 50%;
color: rgb(var(--primary-6));
font-size: 32px;
text-align: center;
transform: translate(-50%, -50%);
}
.arco-image-loader-spin-text {
color: var(--color-neutral-6);
font-size: 16px;
}
.arco-image-simple.arco-image-with-footer-inner .arco-image-footer {
padding: 12px 16px;
}
.arco-image-loading .arco-image-img,
.arco-image-loading-error .arco-image-img {
visibility: hidden;
}
.arco-image-preview {
position: fixed;
top: 0;
left: 0;
z-index: 1001;
width: 100%;
height: 100%;
}
.arco-image-preview-hide {
display: none;
}
.arco-image-preview-mask,
.arco-image-preview-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.arco-image-preview-mask {
background-color: var(--color-mask-bg);
}
.arco-image-preview-img-container {
width: 100%;
height: 100%;
text-align: center;
}
.arco-image-preview-img-container::before {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
content: '';
}
.arco-image-preview-img-container .arco-image-preview-img {
display: inline-block;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
cursor: grab;
user-select: none;
}
.arco-image-preview-img-container .arco-image-preview-img.arco-image-preview-img-moving {
cursor: grabbing;
}
.arco-image-preview-scale-value {
box-sizing: border-box;
padding: 7px 10px;
color: var(--color-white);
font-size: 12px;
line-height: initial;
background-color: rgba(255, 255, 255, 0.08);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.arco-image-preview-toolbar {
position: absolute;
bottom: 46px;
left: 50%;
display: flex;
align-items: flex-start;
padding: 4px 16px;
background-color: var(--color-bg-2);
border-radius: var(--border-radius-medium);
transform: translateX(-50%);
}
.arco-image-preview-toolbar-action {
display: flex;
align-items: center;
color: var(--color-neutral-8);
font-size: 14px;
background-color: transparent;
border-radius: var(--border-radius-small);
cursor: pointer;
}
.arco-image-preview-toolbar-action:not(:last-of-type) {
margin-right: 0;
}
.arco-image-preview-toolbar-action:hover {
color: rgb(var(--primary-6));
background-color: var(--color-neutral-2);
}
.arco-image-preview-toolbar-action-disabled,
.arco-image-preview-toolbar-action-disabled:hover {
color: var(--color-text-4);
background-color: transparent;
cursor: not-allowed;
}
.arco-image-preview-toolbar-action-name {
padding-right: 12px;
font-size: 12px;
}
.arco-image-preview-toolbar-action-content {
padding: 13px;
line-height: 1;
}
.arco-image-preview-loading {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 48px;
height: 48px;
padding: 10px;
color: rgb(var(--primary-6));
font-size: 18px;
background-color: #232324;
border-radius: var(--border-radius-medium);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.arco-image-preview-close-btn {
position: absolute;
top: 36px;
right: 36px;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
color: var(--color-white);
font-size: 14px;
line-height: 32px;
text-align: center;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
cursor: pointer;
}
.arco-image-preview-arrow-left,
.arco-image-preview-arrow-right {
position: absolute;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
color: var(--color-white);
background-color: rgba(255, 255, 255, 0.3);
border-radius: 50%;
cursor: pointer;
}
.arco-image-preview-arrow-left > svg,
.arco-image-preview-arrow-right > svg {
color: var(--color-white);
font-size: 16px;
}
.arco-image-preview-arrow-left:hover,
.arco-image-preview-arrow-right:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.arco-image-preview-arrow-left {
top: 50%;
left: 20px;
transform: translateY(-50%);
}
.arco-image-preview-arrow-right {
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.arco-image-preview-arrow-disabled {
color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
cursor: not-allowed;
}
.arco-image-preview-arrow-disabled > svg {
color: rgba(255, 255, 255, 0.3);
}
.arco-image-preview-arrow-disabled:hover {
background-color: rgba(255, 255, 255, 0.2);
}
/** mask 动效 */
.image-fade-enter-from,
.image-fade-leave-to {
opacity: 0;
}
.image-fade-enter-to,
.image-fade-leave-from {
opacity: 1;
}
.image-fade-enter-active {
transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.image-fade-leave-active {
transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
/******** 基础配置项 end *******/
/******** 基础配置项 end *******/
/******** 高级配置项 *******/
/******** 高级配置项 end *******/
.arco-input-number {
position: relative;
box-sizing: border-box;
width: 100%;
border-radius: var(--border-radius-small);
}
.arco-input-number-step-button {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 0;
color: var(--color-text-2);
background-color: var(--color-fill-2);
cursor: pointer;
user-select: none;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-input-number-step-button:hover {
background-color: var(--color-fill-3);
border-color: var(--color-fill-3);
}
.arco-input-number-step-button:active {
background-color: var(--color-fill-4);
border-color: var(--color-fill-4);
}
.arco-input-number-step-button:disabled {
color: var(--color-text-4);
background-color: var(--color-fill-2);
cursor: not-allowed;
}
.arco-input-number-step-button:disabled:hover,
.arco-input-number-step-button:disabled:active {
background-color: var(--color-fill-2);
border-color: var(--color-neutral-3);
}
.arco-input-number-prefix,
.arco-input-number-suffix {
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-input-number-mode-embed .arco-input-number-step {
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
width: 18px;
overflow: hidden;
border-radius: 1px;
opacity: 0;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-input-number-mode-embed .arco-input-number-step .arco-input-number-step-button {
width: 100%;
height: 50%;
font-size: 10px;
border: none;
border-color: var(--color-neutral-3);
}
.arco-input-number-mode-embed .arco-input-suffix {
justify-content: flex-end;
min-width: 6px;
}
.arco-input-number-mode-embed .arco-input-suffix-has-feedback {
min-width: 32px;
}
.arco-input-number-mode-embed .arco-input-suffix-has-feedback .arco-input-number-step {
right: 30px;
}
.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-number-step,
.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-number-step {
opacity: 1;
}
.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-number-step ~ .arco-input-suffix,
.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-number-step ~ .arco-input-suffix {
opacity: 0;
pointer-events: none;
}
.arco-input-number-mode-embed.arco-input-wrapper:not(.arco-input-focus) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):hover {
background-color: var(--color-fill-4);
}
.arco-input-number-mode-button .arco-input-prepend,
.arco-input-number-mode-button .arco-input-append {
padding: 0;
border: none;
}
.arco-input-number-mode-button .arco-input-prepend .arco-input-number-step-button {
border-right: 1px solid transparent;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.arco-input-number-mode-button .arco-input-prepend .arco-input-number-step-button:not(.arco-input-number-mode-button .arco-input-prepend .arco-input-number-step-button:active) {
border-right-color: var(--color-neutral-3);
}
.arco-input-number-mode-button .arco-input-append .arco-input-number-step-button {
border-left: 1px solid transparent;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.arco-input-number-mode-button .arco-input-append .arco-input-number-step-button:not(.arco-input-number-mode-button .arco-input-append .arco-input-number-step-button:active) {
border-left-color: var(--color-neutral-3);
}
.arco-input-tag {
display: inline-flex;
box-sizing: border-box;
width: 100%;
padding-right: 12px;
padding-left: 12px;
color: var(--color-text-1);
font-size: 14px;
background-color: var(--color-fill-2);
border: 1px solid transparent;
border-radius: var(--border-radius-small);
cursor: text;
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-input-tag:hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-input-tag:focus-within,
.arco-input-tag.arco-input-tag-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--primary-6));
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-input-tag.arco-input-tag-disabled {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
cursor: not-allowed;
}
.arco-input-tag.arco-input-tag-disabled:hover {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-input-tag.arco-input-tag-disabled .arco-input-tag-prefix,
.arco-input-tag.arco-input-tag-disabled .arco-input-tag-suffix {
color: inherit;
}
.arco-input-tag.arco-input-tag-error {
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-input-tag.arco-input-tag-error:hover {
background-color: var(--color-danger-light-2);
border-color: transparent;
}
.arco-input-tag.arco-input-tag-error:focus-within,
.arco-input-tag.arco-input-tag-error.arco-input-tag-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--danger-6));
box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-input-tag .arco-input-tag-prefix,
.arco-input-tag .arco-input-tag-suffix {
display: inline-flex;
flex-shrink: 0;
align-items: center;
white-space: nowrap;
user-select: none;
}
.arco-input-tag .arco-input-tag-prefix > svg,
.arco-input-tag .arco-input-tag-suffix > svg {
font-size: 14px;
}
.arco-input-tag .arco-input-tag-prefix {
padding-right: 12px;
color: var(--color-text-2);
}
.arco-input-tag .arco-input-tag-suffix {
padding-left: 12px;
color: var(--color-text-2);
}
.arco-input-tag .arco-input-tag-suffix .arco-feedback-icon {
display: inline-flex;
}
.arco-input-tag .arco-input-tag-suffix .arco-feedback-icon-status-validating {
color: rgb(var(--primary-6));
}
.arco-input-tag .arco-input-tag-suffix .arco-feedback-icon-status-success {
color: rgb(var(--success-6));
}
.arco-input-tag .arco-input-tag-suffix .arco-feedback-icon-status-warning {
color: rgb(var(--warning-6));
}
.arco-input-tag .arco-input-tag-suffix .arco-feedback-icon-status-error {
color: rgb(var(--danger-6));
}
.arco-input-tag .arco-input-tag-clear-btn {
align-self: center;
color: var(--color-text-2);
font-size: 12px;
visibility: hidden;
cursor: pointer;
}
.arco-input-tag .arco-input-tag-clear-btn > svg {
position: relative;
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-input-tag:hover .arco-input-tag-clear-btn {
visibility: visible;
}
.arco-input-tag:not(.arco-input-tag-focus) .arco-input-tag-icon-hover:hover::before {
background-color: var(--color-fill-4);
}
.arco-input-tag.arco-input-tag-has-tag {
padding-right: 4px;
padding-left: 4px;
}
.arco-input-tag.arco-input-tag-has-prefix {
padding-left: 12px;
}
.arco-input-tag.arco-input-tag-has-suffix {
padding-right: 12px;
}
.arco-input-tag .arco-input-tag-inner {
flex: 1;
overflow: hidden;
line-height: 0;
}
.arco-input-tag .arco-input-tag-inner .arco-input-tag-tag {
display: inline-flex;
align-items: center;
margin-right: 4px;
color: var(--color-text-1);
font-size: 12px;
white-space: pre-wrap;
word-break: break-word;
background-color: var(--color-bg-2);
border-color: var(--color-fill-3);
}
.arco-input-tag .arco-input-tag-inner .arco-input-tag-tag .arco-icon-hover:hover::before {
background-color: var(--color-fill-2);
}
.arco-input-tag .arco-input-tag-inner .arco-input-tag-tag.arco-tag-custom-color {
color: var(--color-white);
}
.arco-input-tag .arco-input-tag-inner .arco-input-tag-tag.arco-tag-custom-color .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(255, 255, 255, 0.2);
}
.arco-input-tag .arco-input-tag-inner .arco-input-tag-input {
width: 100%;
padding-right: 0;
padding-left: 0;
color: inherit;
line-height: 1.5715;
background: none;
border: none;
border-radius: 0;
outline: none;
cursor: inherit;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
box-sizing: border-box;
}
.arco-input-tag .arco-input-tag-inner .arco-input-tag-input::placeholder {
color: var(--color-text-3);
}
.arco-input-tag .arco-input-tag-inner .arco-input-tag-input[disabled]::placeholder {
color: var(--color-text-4);
}
.arco-input-tag .arco-input-tag-inner .arco-input-tag-input[disabled] {
-webkit-text-fill-color: var(--color-text-4);
}
.arco-input-tag .arco-input-tag-mirror {
position: absolute;
top: 0;
left: 0;
white-space: pre;
visibility: hidden;
pointer-events: none;
}
.arco-input-tag.arco-input-tag-focus .arco-input-tag-tag {
background-color: var(--color-fill-2);
border-color: var(--color-fill-2);
}
.arco-input-tag.arco-input-tag-focus .arco-input-tag-tag .arco-icon-hover:hover::before {
background-color: var(--color-fill-3);
}
.arco-input-tag.arco-input-tag-disabled .arco-input-tag-tag {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: var(--color-fill-3);
}
.arco-input-tag.arco-input-tag-readonly,
.arco-input-tag.arco-input-tag-disabled-input {
cursor: default;
}
.arco-input-tag.arco-input-tag-size-mini {
font-size: 12px;
}
.arco-input-tag.arco-input-tag-size-mini .arco-input-tag-inner {
padding-top: 0px;
padding-bottom: 0px;
}
.arco-input-tag.arco-input-tag-size-mini .arco-input-tag-tag,
.arco-input-tag.arco-input-tag-size-mini .arco-input-tag-input {
margin-top: 1px;
margin-bottom: 1px;
line-height: 18px;
vertical-align: middle;
}
.arco-input-tag.arco-input-tag-size-mini .arco-input-tag-tag,
.arco-input-tag.arco-input-tag-size-mini .arco-input-tag-input {
height: auto;
min-height: 20px;
}
.arco-input-tag.arco-input-tag-size-medium {
font-size: 14px;
}
.arco-input-tag.arco-input-tag-size-medium .arco-input-tag-inner {
padding-top: 2px;
padding-bottom: 2px;
}
.arco-input-tag.arco-input-tag-size-medium .arco-input-tag-tag,
.arco-input-tag.arco-input-tag-size-medium .arco-input-tag-input {
margin-top: 1px;
margin-bottom: 1px;
line-height: 22px;
vertical-align: middle;
}
.arco-input-tag.arco-input-tag-size-medium .arco-input-tag-tag,
.arco-input-tag.arco-input-tag-size-medium .arco-input-tag-input {
height: auto;
min-height: 24px;
}
.arco-input-tag.arco-input-tag-size-small {
font-size: 14px;
}
.arco-input-tag.arco-input-tag-size-small .arco-input-tag-inner {
padding-top: 2px;
padding-bottom: 2px;
}
.arco-input-tag.arco-input-tag-size-small .arco-input-tag-tag,
.arco-input-tag.arco-input-tag-size-small .arco-input-tag-input {
margin-top: 1px;
margin-bottom: 1px;
line-height: 18px;
vertical-align: middle;
}
.arco-input-tag.arco-input-tag-size-small .arco-input-tag-tag,
.arco-input-tag.arco-input-tag-size-small .arco-input-tag-input {
height: auto;
min-height: 20px;
}
.arco-input-tag.arco-input-tag-size-large {
font-size: 14px;
}
.arco-input-tag.arco-input-tag-size-large .arco-input-tag-inner {
padding-top: 2px;
padding-bottom: 2px;
}
.arco-input-tag.arco-input-tag-size-large .arco-input-tag-tag,
.arco-input-tag.arco-input-tag-size-large .arco-input-tag-input {
margin-top: 1px;
margin-bottom: 1px;
line-height: 26px;
vertical-align: middle;
}
.arco-input-tag.arco-input-tag-size-large .arco-input-tag-tag,
.arco-input-tag.arco-input-tag-size-large .arco-input-tag-input {
height: auto;
min-height: 28px;
}
.input-tag-zoom-enter-from {
transform: scale(0.5, 0.5);
opacity: 0;
}
.input-tag-zoom-enter-to {
transform: scale(1, 1);
opacity: 1;
}
.input-tag-zoom-enter-active {
transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.input-tag-zoom-leave-from {
transform: scale(1, 1);
opacity: 1;
}
.input-tag-zoom-leave-to {
transform: scale(0.5, 0.5);
opacity: 0;
}
.input-tag-zoom-leave-active {
position: absolute;
transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.input-tag-zoom-move {
transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.arco-input-wrapper {
display: inline-flex;
box-sizing: border-box;
width: 100%;
padding-right: 12px;
padding-left: 12px;
color: var(--color-text-1);
font-size: 14px;
background-color: var(--color-fill-2);
border: 1px solid transparent;
border-radius: var(--border-radius-small);
cursor: text;
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-input-wrapper:hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-input-wrapper:focus-within,
.arco-input-wrapper.arco-input-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--primary-6));
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-input-wrapper.arco-input-disabled {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
cursor: not-allowed;
}
.arco-input-wrapper.arco-input-disabled:hover {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-input-wrapper.arco-input-disabled .arco-input-prefix,
.arco-input-wrapper.arco-input-disabled .arco-input-suffix {
color: inherit;
}
.arco-input-wrapper.arco-input-error {
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-input-wrapper.arco-input-error:hover {
background-color: var(--color-danger-light-2);
border-color: transparent;
}
.arco-input-wrapper.arco-input-error:focus-within,
.arco-input-wrapper.arco-input-error.arco-input-wrapper-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--danger-6));
box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-input-wrapper .arco-input-prefix,
.arco-input-wrapper .arco-input-suffix {
display: inline-flex;
flex-shrink: 0;
align-items: center;
white-space: nowrap;
user-select: none;
}
.arco-input-wrapper .arco-input-prefix > svg,
.arco-input-wrapper .arco-input-suffix > svg {
font-size: 14px;
}
.arco-input-wrapper .arco-input-prefix {
padding-right: 12px;
color: var(--color-text-2);
}
.arco-input-wrapper .arco-input-suffix {
padding-left: 12px;
color: var(--color-text-2);
}
.arco-input-wrapper .arco-input-suffix .arco-feedback-icon {
display: inline-flex;
}
.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-validating {
color: rgb(var(--primary-6));
}
.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-success {
color: rgb(var(--success-6));
}
.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-warning {
color: rgb(var(--warning-6));
}
.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-error {
color: rgb(var(--danger-6));
}
.arco-input-wrapper .arco-input-clear-btn {
align-self: center;
color: var(--color-text-2);
font-size: 12px;
visibility: hidden;
cursor: pointer;
}
.arco-input-wrapper .arco-input-clear-btn > svg {
position: relative;
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-input-wrapper:hover .arco-input-clear-btn {
visibility: visible;
}
.arco-input-wrapper:not(.arco-input-focus) .arco-input-icon-hover:hover::before {
background-color: var(--color-fill-4);
}
.arco-input-wrapper .arco-input {
width: 100%;
padding-right: 0;
padding-left: 0;
color: inherit;
line-height: 1.5715;
background: none;
border: none;
border-radius: 0;
outline: none;
cursor: inherit;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.arco-input-wrapper .arco-input::placeholder {
color: var(--color-text-3);
}
.arco-input-wrapper .arco-input[disabled]::placeholder {
color: var(--color-text-4);
}
.arco-input-wrapper .arco-input[disabled] {
-webkit-text-fill-color: var(--color-text-4);
}
.arco-input-wrapper .arco-input.arco-input-size-mini {
/* prettier-ignore */
padding-top: 1px;
/* prettier-ignore */
padding-bottom: 1px;
font-size: 12px;
line-height: 1.667;
}
.arco-input-wrapper .arco-input.arco-input-size-small {
/* prettier-ignore */
padding-top: 2px;
/* prettier-ignore */
padding-bottom: 2px;
font-size: 14px;
line-height: 1.5715;
}
.arco-input-wrapper .arco-input.arco-input-size-medium {
/* prettier-ignore */
padding-top: 4px;
/* prettier-ignore */
padding-bottom: 4px;
font-size: 14px;
line-height: 1.5715;
}
.arco-input-wrapper .arco-input.arco-input-size-large {
/* prettier-ignore */
padding-top: 6px;
/* prettier-ignore */
padding-bottom: 6px;
font-size: 14px;
line-height: 1.5715;
}
.arco-input-wrapper .arco-input-word-limit {
color: var(--color-text-3);
font-size: 12px;
}
.arco-input-outer {
display: inline-flex;
width: 100%;
}
.arco-input-outer > .arco-input-wrapper {
border-radius: 0;
}
.arco-input-outer > :first-child {
border-top-left-radius: var(--border-radius-small);
border-bottom-left-radius: var(--border-radius-small);
}
.arco-input-outer > :last-child {
border-top-right-radius: var(--border-radius-small);
border-bottom-right-radius: var(--border-radius-small);
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-outer {
font-size: 12px;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-prefix,
.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-suffix {
font-size: 12px;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-prefix > svg,
.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-suffix > svg {
font-size: 12px;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend,
.arco-input-outer.arco-input-outer-size-mini .arco-input-append {
font-size: 12px;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend > svg,
.arco-input-outer.arco-input-outer-size-mini .arco-input-append > svg {
font-size: 12px;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-input {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -13px;
margin-left: -12px;
border-color: transparent;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-select {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -13px;
margin-left: -12px;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-select .arco-select-view {
background-color: inherit;
border-color: transparent;
border-radius: 0;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-select.arco-select-single .arco-select-view {
height: 100%;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-input {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -12px;
margin-left: -13px;
border-color: transparent;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-select {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -12px;
margin-left: -13px;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-select .arco-select-view {
background-color: inherit;
border-color: transparent;
border-radius: 0;
}
.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-select.arco-select-single .arco-select-view {
height: 100%;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-outer {
font-size: 14px;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-prefix,
.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-suffix {
font-size: 14px;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-prefix > svg,
.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-suffix > svg {
font-size: 14px;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-prepend,
.arco-input-outer.arco-input-outer-size-small .arco-input-append {
font-size: 14px;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-prepend > svg,
.arco-input-outer.arco-input-outer-size-small .arco-input-append > svg {
font-size: 14px;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-input {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -13px;
margin-left: -12px;
border-color: transparent;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-select {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -13px;
margin-left: -12px;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-select .arco-select-view {
background-color: inherit;
border-color: transparent;
border-radius: 0;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-select.arco-select-single .arco-select-view {
height: 100%;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-input {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -12px;
margin-left: -13px;
border-color: transparent;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-select {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -12px;
margin-left: -13px;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-select .arco-select-view {
background-color: inherit;
border-color: transparent;
border-radius: 0;
}
.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-select.arco-select-single .arco-select-view {
height: 100%;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-outer {
font-size: 14px;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-prefix,
.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-suffix {
font-size: 14px;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-prefix > svg,
.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-suffix > svg {
font-size: 14px;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-prepend,
.arco-input-outer.arco-input-outer-size-large .arco-input-append {
font-size: 14px;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-prepend > svg,
.arco-input-outer.arco-input-outer-size-large .arco-input-append > svg {
font-size: 14px;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-input {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -13px;
margin-left: -12px;
border-color: transparent;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-select {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -13px;
margin-left: -12px;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-select .arco-select-view {
background-color: inherit;
border-color: transparent;
border-radius: 0;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-select.arco-select-single .arco-select-view {
height: 100%;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-input {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -12px;
margin-left: -13px;
border-color: transparent;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-select {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -12px;
margin-left: -13px;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-select .arco-select-view {
background-color: inherit;
border-color: transparent;
border-radius: 0;
}
.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-select.arco-select-single .arco-select-view {
height: 100%;
}
.arco-input-outer-disabled {
cursor: not-allowed;
}
.arco-input-prepend,
.arco-input-append {
display: inline-flex;
flex-shrink: 0;
align-items: center;
box-sizing: border-box;
padding: 0 12px;
color: var(--color-text-1);
white-space: nowrap;
background-color: var(--color-fill-2);
border: 1px solid transparent;
}
.arco-input-prepend > svg,
.arco-input-append > svg {
font-size: 14px;
}
.arco-input-prepend {
border-right: 1px solid var(--color-neutral-3);
}
.arco-input-prepend .arco-input {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -12px;
margin-left: -13px;
border-color: transparent;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.arco-input-prepend .arco-select {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -12px;
margin-left: -13px;
}
.arco-input-prepend .arco-select .arco-select-view {
background-color: inherit;
border-color: transparent;
border-radius: 0;
}
.arco-input-prepend .arco-select.arco-select-single .arco-select-view {
height: 100%;
}
.arco-input-append {
border-left: 1px solid var(--color-neutral-3);
}
.arco-input-append .arco-input {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -13px;
margin-left: -12px;
border-color: transparent;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.arco-input-append .arco-select {
width: auto;
height: 100%;
margin-top: -1px;
margin-bottom: -1px;
margin-right: -13px;
margin-left: -12px;
}
.arco-input-append .arco-select .arco-select-view {
background-color: inherit;
border-color: transparent;
border-radius: 0;
}
.arco-input-append .arco-select.arco-select-single .arco-select-view {
height: 100%;
}
.arco-input-group {
display: inline-flex;
align-items: center;
}
.arco-input-group > * {
border-radius: 0;
}
.arco-input-group > *.arco-input-outer > :last-child,
.arco-input-group > *.arco-input-outer > :first-child {
border-radius: 0;
}
.arco-input-group > *:not(:last-child) {
position: relative;
box-sizing: border-box;
}
.arco-input-group > *:first-child,
.arco-input-group > *:first-child .arco-input-group > *:first-child {
border-top-left-radius: var(--border-radius-small);
border-bottom-left-radius: var(--border-radius-small);
}
.arco-input-group > *:first-child .arco-select-view,
.arco-input-group > *:first-child .arco-input-group > *:first-child .arco-select-view {
border-top-left-radius: var(--border-radius-small);
border-bottom-left-radius: var(--border-radius-small);
}
.arco-input-group > *:last-child,
.arco-input-group > *:last-child .arco-input-outer > *:last-child {
border-top-right-radius: var(--border-radius-small);
border-bottom-right-radius: var(--border-radius-small);
}
.arco-input-group > *:last-child .arco-select-view,
.arco-input-group > *:last-child .arco-input-outer > *:last-child .arco-select-view {
border-top-right-radius: var(--border-radius-small);
border-bottom-right-radius: var(--border-radius-small);
}
.arco-input-group > .arco-input-wrapper:not(:last-child),
.arco-input-group > .arco-input-outer:not(:last-child),
.arco-input-group > .arco-input-tag:not(:last-child),
.arco-input-group > .arco-select-view:not(:last-child) {
border-right: 1px solid var(--color-neutral-3);
}
.arco-input-group > .arco-input-wrapper:not(:last-child):focus-within,
.arco-input-group > .arco-input-outer:not(:last-child):focus-within,
.arco-input-group > .arco-input-tag:not(:last-child):focus-within,
.arco-input-group > .arco-select-view:not(:last-child):focus-within {
border-right-color: rgb(var(--primary-6));
}
.size-height-size-mini {
/* prettier-ignore */
padding-top: 1px;
/* prettier-ignore */
padding-bottom: 1px;
font-size: 12px;
line-height: 1.667;
}
.size-height-size-small {
/* prettier-ignore */
padding-top: 2px;
/* prettier-ignore */
padding-bottom: 2px;
font-size: 14px;
}
.size-height-size-large {
/* prettier-ignore */
padding-top: 6px;
/* prettier-ignore */
padding-bottom: 6px;
font-size: 14px;
}
.arco-textarea-wrapper {
position: relative;
display: inline-block;
width: 100%;
}
.arco-textarea-clear-wrapper:hover .arco-textarea-clear-icon {
display: inline-block;
}
.arco-textarea-clear-wrapper .arco-textarea {
padding-right: 20px;
}
.arco-textarea-word-limit {
position: absolute;
right: 10px;
bottom: 6px;
color: var(--color-text-3);
font-size: 12px;
user-select: none;
}
.arco-textarea-clear-icon {
position: absolute;
top: 10px;
right: 10px;
display: none;
font-size: 12px;
}
.arco-input-search .arco-input-append {
padding: 0;
border: none;
}
.arco-input-search .arco-input-suffix {
color: var(--color-text-2);
font-size: 14px;
}
.arco-input-search .arco-input-search-btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.arco-input-wrapper.arco-input-password:not(.arco-input-disabled) .arco-input-suffix {
color: var(--color-text-2);
font-size: 12px;
cursor: pointer;
}
.arco-layout {
display: flex;
flex: 1;
flex-direction: column;
margin: 0;
padding: 0;
}
.arco-layout-sider {
position: relative;
flex: none;
width: auto;
margin: 0;
padding: 0;
background: var(--color-menu-dark-bg);
transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-layout-sider-children {
height: 100%;
overflow: auto;
}
.arco-layout-sider-collapsed .arco-layout-sider-children {
/* width */
}
.arco-layout-sider-collapsed .arco-layout-sider-children::-webkit-scrollbar {
width: 0;
}
.arco-layout-sider-has-trigger {
box-sizing: border-box;
padding-bottom: 48px;
}
.arco-layout-sider-trigger {
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 48px;
color: var(--color-white);
background: rgba(255, 255, 255, 0.2);
cursor: pointer;
transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-layout-sider-trigger-light {
color: var(--color-text-1);
background: var(--color-menu-light-bg);
border-top: 1px solid var(--color-bg-5);
}
.arco-layout-sider-light {
background: var(--color-menu-light-bg);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
}
.arco-layout-header {
flex: 0 0 auto;
box-sizing: border-box;
margin: 0;
}
.arco-layout-content {
flex: 1;
}
.arco-layout-footer {
flex: 0 0 auto;
margin: 0;
}
.arco-layout-has-sider {
flex-direction: row;
}
.arco-layout-has-sider > .arco-layout,
.arco-layout-has-sider > .arco-layout-content {
overflow-x: hidden;
}
.arco-link {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1px 4px;
color: rgb(var(--link-6));
font-size: 14px;
line-height: 1.5715;
text-decoration: none;
background-color: transparent;
border-radius: var(--border-radius-small);
cursor: pointer;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-link:hover {
color: rgb(var(--link-6));
background-color: var(--color-fill-2);
}
.arco-link:active {
color: rgb(var(--link-6));
background-color: var(--color-fill-3);
transition: none;
}
.arco-link.arco-link-hoverless {
display: inline;
padding: 0;
background-color: unset;
}
.arco-link.arco-link-hoverless:active,
.arco-link.arco-link-hoverless:hover {
background-color: unset;
}
.arco-link.arco-link-disabled {
color: var(--color-link-light-3);
background: none;
cursor: not-allowed;
}
.arco-link.arco-link-loading {
color: var(--color-link-light-3);
background: none;
cursor: default;
}
.arco-link-status-success {
color: rgb(var(--success-6));
}
.arco-link-status-success:hover {
color: rgb(var(--success-6));
}
.arco-link-status-success:active {
color: rgb(var(--success-6));
}
.arco-link-status-success.arco-link-disabled {
color: var(--color-success-light-3);
}
.arco-link-status-success.arco-link-loading {
color: var(--color-success-light-3);
}
.arco-link-status-danger {
color: rgb(var(--danger-6));
}
.arco-link-status-danger:hover {
color: rgb(var(--danger-6));
}
.arco-link-status-danger:active {
color: rgb(var(--danger-6));
}
.arco-link-status-danger.arco-link-disabled {
color: var(--color-danger-light-3);
}
.arco-link-status-danger.arco-link-loading {
color: var(--color-danger-light-3);
}
.arco-link-status-warning {
color: rgb(var(--warning-6));
}
.arco-link-status-warning:hover {
color: rgb(var(--warning-6));
}
.arco-link-status-warning:active {
color: rgb(var(--warning-6));
}
.arco-link-status-warning.arco-link-disabled {
color: var(--color-warning-light-2);
}
.arco-link-status-warning.arco-link-loading {
color: var(--color-warning-light-2);
}
.arco-link-icon {
margin-right: 6px;
font-size: 12px;
vertical-align: middle;
}
/**********************************************
* size: small / default / large
**********************************************/
.arco-list {
display: flex;
flex-direction: column;
box-sizing: border-box;
width: 100%;
overflow-y: auto;
color: var(--color-text-1);
font-size: 14px;
line-height: 1.5715;
border-radius: var(--border-radius-medium);
}
.arco-list-wrapper {
overflow: hidden;
}
.arco-list-wrapper .arco-list-spin {
display: block;
height: 100%;
overflow: hidden;
}
.arco-list-content {
overflow: hidden;
}
.arco-list-small .arco-list-content-wrapper .arco-list-header {
padding: 8px 20px;
}
.arco-list-small .arco-list-content-wrapper .arco-list-footer,
.arco-list-small .arco-list-content-wrapper .arco-list-content > .arco-list-item,
.arco-list-small .arco-list-content-wrapper .arco-list-content .arco-list-col > .arco-list-item,
.arco-list-small .arco-list-content-wrapper .arco-list-content.arco-list-virtual .arco-list-item {
padding: 9px 20px;
}
.arco-list-medium .arco-list-content-wrapper .arco-list-header {
padding: 12px 20px;
}
.arco-list-medium .arco-list-content-wrapper .arco-list-footer,
.arco-list-medium .arco-list-content-wrapper .arco-list-content > .arco-list-item,
.arco-list-medium .arco-list-content-wrapper .arco-list-content .arco-list-col > .arco-list-item,
.arco-list-medium .arco-list-content-wrapper .arco-list-content.arco-list-virtual .arco-list-item {
padding: 13px 20px;
}
.arco-list-large .arco-list-content-wrapper .arco-list-header {
padding: 16px 20px;
}
.arco-list-large .arco-list-content-wrapper .arco-list-footer,
.arco-list-large .arco-list-content-wrapper .arco-list-content > .arco-list-item,
.arco-list-large .arco-list-content-wrapper .arco-list-content .arco-list-col > .arco-list-item,
.arco-list-large .arco-list-content-wrapper .arco-list-content.arco-list-virtual .arco-list-item {
padding: 17px 20px;
}
.arco-list-bordered {
border: 1px solid var(--color-neutral-3);
}
.arco-list-split .arco-list-header,
.arco-list-split .arco-list-item:not(:last-child) {
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-list-split .arco-list-footer {
border-top: 1px solid var(--color-neutral-3);
}
.arco-list-header {
color: var(--color-text-1);
font-weight: 500;
font-size: 16px;
line-height: 1.5;
}
.arco-list-item {
display: flex;
justify-content: space-between;
box-sizing: border-box;
width: 100%;
overflow: hidden;
}
.arco-list-item-main {
flex: 1;
}
.arco-list-item-main .arco-list-item-action:not(:first-child) {
margin-top: 4px;
}
.arco-list-item-meta {
display: flex;
align-items: center;
padding: 4px 0;
}
.arco-list-item-meta-avatar {
display: flex;
}
.arco-list-item-meta-avatar:not(:last-child) {
margin-right: 16px;
}
.arco-list-item-meta-title {
color: var(--color-text-1);
font-weight: 500;
}
.arco-list-item-meta-title:not(:last-child) {
margin-bottom: 2px;
}
.arco-list-item-meta-description {
color: var(--color-text-2);
}
.arco-list-item-action {
display: flex;
flex-wrap: nowrap;
align-self: center;
margin: 0;
padding: 0;
list-style: none;
}
.arco-list-item-action > li {
display: inline-block;
cursor: pointer;
}
.arco-list-item-action > li:not(:last-child) {
margin-right: 20px;
}
.arco-list-hover .arco-list-item:hover {
background-color: var(--color-fill-1);
}
.arco-list-pagination {
float: right;
margin-top: 24px;
}
.arco-list-pagination::after {
display: block;
clear: both;
height: 0;
overflow: hidden;
visibility: hidden;
content: '';
}
.arco-list-scroll-loading {
display: flex;
align-items: center;
justify-content: center;
}
.arco-list-content {
flex: auto;
}
.arco-list-content .arco-empty {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.arco-mention {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 100%;
}
.arco-mention-measure {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
visibility: hidden;
pointer-events: none;
}
/**********************************************
* theme: light / dark
* status: default / disabled / selected / hover
**********************************************/
/**********************************************
* horizontal / vertical
**********************************************/
/************************************************
* collapse
***********************************************/
/************************************************
* popButton
***********************************************/
/**********************************************
* Theme dark in dropdown
**********************************************/
.arco-menu {
position: relative;
box-sizing: border-box;
width: 100%;
font-size: 14px;
line-height: 1.5715;
transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-menu:focus-visible {
outline: 3px solid var(--color-primary-light-2);
}
.arco-menu-indent {
display: inline-block;
width: 20px;
}
.arco-menu .arco-menu-item,
.arco-menu .arco-menu-group-title,
.arco-menu .arco-menu-pop-header,
.arco-menu .arco-menu-inline-header {
position: relative;
box-sizing: border-box;
border-radius: var(--border-radius-small);
cursor: pointer;
}
.arco-menu .arco-menu-item.arco-menu-disabled,
.arco-menu .arco-menu-group-title.arco-menu-disabled,
.arco-menu .arco-menu-pop-header.arco-menu-disabled,
.arco-menu .arco-menu-inline-header.arco-menu-disabled {
cursor: not-allowed;
}
.arco-menu .arco-menu-item.arco-menu-selected,
.arco-menu .arco-menu-group-title.arco-menu-selected,
.arco-menu .arco-menu-pop-header.arco-menu-selected,
.arco-menu .arco-menu-inline-header.arco-menu-selected {
font-weight: 500;
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-menu .arco-menu-item .arco-icon,
.arco-menu .arco-menu-group-title .arco-icon,
.arco-menu .arco-menu-pop-header .arco-icon,
.arco-menu .arco-menu-inline-header .arco-icon,
.arco-menu .arco-menu-item .arco-menu-icon,
.arco-menu .arco-menu-group-title .arco-menu-icon,
.arco-menu .arco-menu-pop-header .arco-menu-icon,
.arco-menu .arco-menu-inline-header .arco-menu-icon {
margin-right: 16px;
}
.arco-menu .arco-menu-item .arco-menu-icon .arco-icon,
.arco-menu .arco-menu-group-title .arco-menu-icon .arco-icon,
.arco-menu .arco-menu-pop-header .arco-menu-icon .arco-icon,
.arco-menu .arco-menu-inline-header .arco-menu-icon .arco-icon {
margin-right: 0;
}
.arco-menu-light {
background-color: var(--color-menu-light-bg);
}
.arco-menu-light .arco-menu-item,
.arco-menu-light .arco-menu-group-title,
.arco-menu-light .arco-menu-pop-header,
.arco-menu-light .arco-menu-inline-header {
color: var(--color-text-2);
background-color: var(--color-menu-light-bg);
}
.arco-menu-light .arco-menu-item .arco-icon,
.arco-menu-light .arco-menu-group-title .arco-icon,
.arco-menu-light .arco-menu-pop-header .arco-icon,
.arco-menu-light .arco-menu-inline-header .arco-icon,
.arco-menu-light .arco-menu-item .arco-menu-icon,
.arco-menu-light .arco-menu-group-title .arco-menu-icon,
.arco-menu-light .arco-menu-pop-header .arco-menu-icon,
.arco-menu-light .arco-menu-inline-header .arco-menu-icon {
color: var(--color-text-3);
}
.arco-menu-light .arco-menu-item:hover,
.arco-menu-light .arco-menu-group-title:hover,
.arco-menu-light .arco-menu-pop-header:hover,
.arco-menu-light .arco-menu-inline-header:hover {
color: var(--color-text-2);
background-color: var(--color-fill-2);
}
.arco-menu-light .arco-menu-item:hover .arco-icon,
.arco-menu-light .arco-menu-group-title:hover .arco-icon,
.arco-menu-light .arco-menu-pop-header:hover .arco-icon,
.arco-menu-light .arco-menu-inline-header:hover .arco-icon,
.arco-menu-light .arco-menu-item:hover .arco-menu-icon,
.arco-menu-light .arco-menu-group-title:hover .arco-menu-icon,
.arco-menu-light .arco-menu-pop-header:hover .arco-menu-icon,
.arco-menu-light .arco-menu-inline-header:hover .arco-menu-icon {
color: var(--color-text-3);
}
.arco-menu-light .arco-menu-item.arco-menu-selected,
.arco-menu-light .arco-menu-group-title.arco-menu-selected,
.arco-menu-light .arco-menu-pop-header.arco-menu-selected,
.arco-menu-light .arco-menu-inline-header.arco-menu-selected {
color: rgb(var(--primary-6));
}
.arco-menu-light .arco-menu-item.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-item.arco-menu-selected .arco-menu-icon,
.arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-menu-icon,
.arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-menu-icon,
.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-menu-icon {
color: rgb(var(--primary-6));
}
.arco-menu-light .arco-menu-item.arco-menu-disabled,
.arco-menu-light .arco-menu-group-title.arco-menu-disabled,
.arco-menu-light .arco-menu-pop-header.arco-menu-disabled,
.arco-menu-light .arco-menu-inline-header.arco-menu-disabled {
color: var(--color-text-4);
background-color: var(--color-menu-light-bg);
}
.arco-menu-light .arco-menu-item.arco-menu-disabled .arco-icon,
.arco-menu-light .arco-menu-group-title.arco-menu-disabled .arco-icon,
.arco-menu-light .arco-menu-pop-header.arco-menu-disabled .arco-icon,
.arco-menu-light .arco-menu-inline-header.arco-menu-disabled .arco-icon,
.arco-menu-light .arco-menu-item.arco-menu-disabled .arco-menu-icon,
.arco-menu-light .arco-menu-group-title.arco-menu-disabled .arco-menu-icon,
.arco-menu-light .arco-menu-pop-header.arco-menu-disabled .arco-menu-icon,
.arco-menu-light .arco-menu-inline-header.arco-menu-disabled .arco-menu-icon {
color: var(--color-text-4);
}
.arco-menu-light .arco-menu-item.arco-menu-selected {
background-color: var(--color-fill-2);
}
.arco-menu-light .arco-menu-inline-header.arco-menu-selected {
color: rgb(var(--primary-6));
}
.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-menu-icon {
color: rgb(var(--primary-6));
}
.arco-menu-light .arco-menu-inline-header.arco-menu-selected:hover {
background-color: var(--color-fill-2);
}
.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected,
.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected,
.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected,
.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected {
background: none;
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,
.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,
.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover,
.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover {
background-color: var(--color-fill-2);
}
.arco-menu-light .arco-menu-group-title {
color: var(--color-text-3);
pointer-events: none;
}
.arco-menu-light .arco-menu-collapse-button {
color: var(--color-text-3);
background-color: var(--color-fill-1);
}
.arco-menu-light .arco-menu-collapse-button:hover {
background-color: var(--color-fill-3);
}
.arco-menu-dark {
background-color: var(--color-menu-dark-bg);
}
.arco-menu-dark .arco-menu-item,
.arco-menu-dark .arco-menu-group-title,
.arco-menu-dark .arco-menu-pop-header,
.arco-menu-dark .arco-menu-inline-header {
color: var(--color-text-4);
background-color: var(--color-menu-dark-bg);
}
.arco-menu-dark .arco-menu-item .arco-icon,
.arco-menu-dark .arco-menu-group-title .arco-icon,
.arco-menu-dark .arco-menu-pop-header .arco-icon,
.arco-menu-dark .arco-menu-inline-header .arco-icon,
.arco-menu-dark .arco-menu-item .arco-menu-icon,
.arco-menu-dark .arco-menu-group-title .arco-menu-icon,
.arco-menu-dark .arco-menu-pop-header .arco-menu-icon,
.arco-menu-dark .arco-menu-inline-header .arco-menu-icon {
color: var(--color-text-3);
}
.arco-menu-dark .arco-menu-item:hover,
.arco-menu-dark .arco-menu-group-title:hover,
.arco-menu-dark .arco-menu-pop-header:hover,
.arco-menu-dark .arco-menu-inline-header:hover {
color: var(--color-text-4);
background-color: var(--color-menu-dark-hover);
}
.arco-menu-dark .arco-menu-item:hover .arco-icon,
.arco-menu-dark .arco-menu-group-title:hover .arco-icon,
.arco-menu-dark .arco-menu-pop-header:hover .arco-icon,
.arco-menu-dark .arco-menu-inline-header:hover .arco-icon,
.arco-menu-dark .arco-menu-item:hover .arco-menu-icon,
.arco-menu-dark .arco-menu-group-title:hover .arco-menu-icon,
.arco-menu-dark .arco-menu-pop-header:hover .arco-menu-icon,
.arco-menu-dark .arco-menu-inline-header:hover .arco-menu-icon {
color: var(--color-text-3);
}
.arco-menu-dark .arco-menu-item.arco-menu-selected,
.arco-menu-dark .arco-menu-group-title.arco-menu-selected,
.arco-menu-dark .arco-menu-pop-header.arco-menu-selected,
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected {
color: var(--color-white);
}
.arco-menu-dark .arco-menu-item.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-group-title.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-pop-header.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-item.arco-menu-selected .arco-menu-icon,
.arco-menu-dark .arco-menu-group-title.arco-menu-selected .arco-menu-icon,
.arco-menu-dark .arco-menu-pop-header.arco-menu-selected .arco-menu-icon,
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-menu-icon {
color: var(--color-white);
}
.arco-menu-dark .arco-menu-item.arco-menu-disabled,
.arco-menu-dark .arco-menu-group-title.arco-menu-disabled,
.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled,
.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled {
color: var(--color-text-2);
background-color: var(--color-menu-dark-bg);
}
.arco-menu-dark .arco-menu-item.arco-menu-disabled .arco-icon,
.arco-menu-dark .arco-menu-group-title.arco-menu-disabled .arco-icon,
.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled .arco-icon,
.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled .arco-icon,
.arco-menu-dark .arco-menu-item.arco-menu-disabled .arco-menu-icon,
.arco-menu-dark .arco-menu-group-title.arco-menu-disabled .arco-menu-icon,
.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled .arco-menu-icon,
.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled .arco-menu-icon {
color: var(--color-text-2);
}
.arco-menu-dark .arco-menu-item.arco-menu-selected {
background-color: var(--color-menu-dark-hover);
}
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected {
color: rgb(var(--primary-6));
}
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-menu-icon {
color: rgb(var(--primary-6));
}
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected:hover {
background-color: var(--color-menu-dark-hover);
}
.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected,
.arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected,
.arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected,
.arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected {
background: none;
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,
.arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,
.arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover,
.arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover {
background-color: var(--color-menu-dark-hover);
}
.arco-menu-dark .arco-menu-group-title {
color: var(--color-text-3);
pointer-events: none;
}
.arco-menu-dark .arco-menu-collapse-button {
color: var(--color-white);
background-color: rgb(var(--primary-6));
}
.arco-menu-dark .arco-menu-collapse-button:hover {
background-color: rgb(var(--primary-7));
}
.arco-menu a,
.arco-menu a:hover,
.arco-menu a:focus,
.arco-menu a:active {
color: inherit;
text-decoration: none;
cursor: inherit;
}
.arco-menu-inner {
box-sizing: border-box;
width: 100%;
height: 100%;
overflow: auto;
}
.arco-menu-icon-suffix.is-open {
transform: rotate(180deg);
}
.arco-menu-vertical .arco-menu-item,
.arco-menu-vertical .arco-menu-group-title,
.arco-menu-vertical .arco-menu-pop-header,
.arco-menu-vertical .arco-menu-inline-header {
padding: 0 12px;
line-height: 40px;
}
.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon,
.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon {
margin-right: 0;
}
.arco-menu-vertical .arco-menu-item,
.arco-menu-vertical .arco-menu-group-title,
.arco-menu-vertical .arco-menu-pop-header,
.arco-menu-vertical .arco-menu-inline-header {
margin-bottom: 4px;
}
.arco-menu-vertical .arco-menu-item:not(.arco-menu-has-icon),
.arco-menu-vertical .arco-menu-group-title:not(.arco-menu-has-icon),
.arco-menu-vertical .arco-menu-pop-header:not(.arco-menu-has-icon),
.arco-menu-vertical .arco-menu-inline-header:not(.arco-menu-has-icon) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-menu-vertical .arco-menu-item.arco-menu-has-icon,
.arco-menu-vertical .arco-menu-group-title.arco-menu-has-icon,
.arco-menu-vertical .arco-menu-pop-header.arco-menu-has-icon,
.arco-menu-vertical .arco-menu-inline-header.arco-menu-has-icon {
display: flex;
align-items: center;
}
.arco-menu-vertical .arco-menu-item.arco-menu-has-icon > .arco-menu-indent-list,
.arco-menu-vertical .arco-menu-group-title.arco-menu-has-icon > .arco-menu-indent-list,
.arco-menu-vertical .arco-menu-pop-header.arco-menu-has-icon > .arco-menu-indent-list,
.arco-menu-vertical .arco-menu-inline-header.arco-menu-has-icon > .arco-menu-indent-list,
.arco-menu-vertical .arco-menu-item.arco-menu-has-icon > .arco-menu-icon,
.arco-menu-vertical .arco-menu-group-title.arco-menu-has-icon > .arco-menu-icon,
.arco-menu-vertical .arco-menu-pop-header.arco-menu-has-icon > .arco-menu-icon,
.arco-menu-vertical .arco-menu-inline-header.arco-menu-has-icon > .arco-menu-icon {
flex: none;
}
.arco-menu-vertical .arco-menu-item.arco-menu-has-icon .arco-menu-icon,
.arco-menu-vertical .arco-menu-group-title.arco-menu-has-icon .arco-menu-icon,
.arco-menu-vertical .arco-menu-pop-header.arco-menu-has-icon .arco-menu-icon,
.arco-menu-vertical .arco-menu-inline-header.arco-menu-has-icon .arco-menu-icon {
line-height: 1;
}
.arco-menu-vertical .arco-menu-item.arco-menu-has-icon .arco-menu-title,
.arco-menu-vertical .arco-menu-group-title.arco-menu-has-icon .arco-menu-title,
.arco-menu-vertical .arco-menu-pop-header.arco-menu-has-icon .arco-menu-title,
.arco-menu-vertical .arco-menu-inline-header.arco-menu-has-icon .arco-menu-title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-menu-vertical .arco-menu-item .arco-menu-item-inner,
.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix,
.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix {
position: absolute;
right: 12px;
}
.arco-menu-vertical .arco-menu-inner {
padding: 4px 8px;
}
.arco-menu-vertical .arco-menu-item.arco-menu-item-indented {
display: flex;
}
.arco-menu-vertical .arco-menu-pop-header,
.arco-menu-vertical .arco-menu-inline-header {
padding-right: 28px;
}
.arco-menu-horizontal {
width: 100%;
height: auto;
}
.arco-menu-horizontal .arco-menu-item,
.arco-menu-horizontal .arco-menu-group-title,
.arco-menu-horizontal .arco-menu-pop-header,
.arco-menu-horizontal .arco-menu-inline-header {
padding: 0 12px;
line-height: 30px;
}
.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon,
.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,
.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon,
.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon {
margin-right: 0;
}
.arco-menu-horizontal .arco-menu-item .arco-icon,
.arco-menu-horizontal .arco-menu-group-title .arco-icon,
.arco-menu-horizontal .arco-menu-pop-header .arco-icon,
.arco-menu-horizontal .arco-menu-inline-header .arco-icon,
.arco-menu-horizontal .arco-menu-item .arco-menu-icon,
.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon,
.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon,
.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon {
margin-right: 16px;
}
.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix,
.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix,
.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix,
.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix {
margin-left: 6px;
}
.arco-menu-horizontal .arco-menu-inner {
display: flex;
align-items: center;
padding: 14px 20px;
}
.arco-menu-horizontal .arco-menu-item,
.arco-menu-horizontal .arco-menu-pop {
display: inline-block;
flex-shrink: 0;
vertical-align: middle;
}
.arco-menu-horizontal .arco-menu-item:not(:first-child),
.arco-menu-horizontal .arco-menu-pop:not(:first-child) {
margin-left: 12px;
}
.arco-menu-horizontal .arco-menu-pop::after {
position: absolute;
bottom: -14px;
left: 0;
width: 100%;
height: 14px;
content: ' ';
}
.arco-menu-overflow-wrap {
width: 100%;
}
.arco-menu-overflow-sub-menu-mirror,
.arco-menu-overflow-hidden-menu-item {
position: absolute !important;
white-space: nowrap;
visibility: hidden;
pointer-events: none;
}
.arco-menu-selected-label {
position: absolute;
right: 12px;
bottom: -14px;
left: 12px;
height: 3px;
background-color: rgb(var(--primary-6));
}
.arco-menu-pop-button {
width: auto;
background: none;
box-shadow: none;
}
.arco-menu-pop-button.arco-menu-collapsed {
width: auto;
}
.arco-menu-pop-button .arco-menu-item,
.arco-menu-pop-button .arco-menu-group-title,
.arco-menu-pop-button .arco-menu-pop-header,
.arco-menu-pop-button .arco-menu-inline-header {
width: 40px;
height: 40px;
margin-bottom: 16px;
line-height: 40px;
border: 1px solid transparent;
border-radius: 50%;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.arco-menu-collapsed {
width: 48px;
}
.arco-menu-collapsed .arco-menu-inner {
padding: 4px 4px;
}
.arco-menu-collapsed .arco-menu-icon-suffix {
display: none;
}
.arco-menu-collapsed .arco-menu-has-icon > *:not(.arco-menu-icon) {
opacity: 0;
}
.arco-menu-collapsed .arco-menu-item .arco-icon,
.arco-menu-collapsed .arco-menu-group-title .arco-icon,
.arco-menu-collapsed .arco-menu-pop-header .arco-icon,
.arco-menu-collapsed .arco-menu-inline-header .arco-icon {
margin-right: 100%;
}
.arco-menu-collapse-button {
position: absolute;
right: 12px;
bottom: 12px;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: var(--border-radius-small);
cursor: pointer;
}
.arco-menu-inline-content {
height: auto;
overflow: hidden;
transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-menu-inline-content-hide {
height: 0;
}
.arco-menu-item-tooltip a {
color: inherit;
cursor: text;
}
.arco-menu-item-tooltip a:hover,
.arco-menu-item-tooltip a:focus,
.arco-menu-item-tooltip a:active {
color: inherit;
}
.arco-menu-pop-trigger.arco-trigger-position-bl {
transform: translateY(14px);
}
.arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow {
z-index: 0;
border-top: 1px solid var(--color-neutral-3);
border-left: 1px solid var(--color-neutral-3);
}
.arco-menu-pop-trigger.arco-trigger-position-rt {
transform: translateX(8px);
}
.arco-menu-pop-trigger.arco-trigger-position-rt .arco-trigger-arrow {
z-index: 0;
border-bottom: 1px solid var(--color-neutral-3);
border-left: 1px solid var(--color-neutral-3);
}
.arco-menu-pop-trigger.arco-menu-pop-trigger-dark .arco-trigger-arrow {
background-color: var(--color-menu-dark-bg);
border-color: var(--color-menu-dark-bg);
}
.arco-trigger-menu {
position: relative;
box-sizing: border-box;
max-height: 200px;
padding: 4px 0;
overflow: auto;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-fill-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.arco-trigger-menu-hidden {
display: none;
}
.arco-trigger-menu-item,
.arco-trigger-menu-pop-header {
position: relative;
z-index: 1;
box-sizing: border-box;
width: 100%;
height: 36px;
padding: 0 12px;
color: var(--color-text-1);
font-size: 14px;
line-height: 36px;
text-align: left;
background-color: transparent;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-trigger-menu-item.arco-trigger-menu-selected,
.arco-trigger-menu-pop-header.arco-trigger-menu-selected {
color: var(--color-text-1);
font-weight: 500;
background-color: transparent;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-trigger-menu-item:hover,
.arco-trigger-menu-pop-header:hover {
color: var(--color-text-1);
background-color: var(--color-fill-2);
}
.arco-trigger-menu-item.arco-trigger-menu-disabled,
.arco-trigger-menu-pop-header.arco-trigger-menu-disabled {
color: var(--color-text-4);
background-color: transparent;
cursor: not-allowed;
}
.arco-trigger-menu .arco-trigger-menu-has-icon {
display: flex;
align-items: center;
}
.arco-trigger-menu .arco-trigger-menu-has-icon .arco-trigger-menu-icon {
margin-right: 8px;
line-height: 1;
}
.arco-trigger-menu .arco-trigger-menu-has-icon > * {
flex: none;
}
.arco-trigger-menu .arco-trigger-menu-has-icon .arco-trigger-menu-title {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-trigger-menu-pop-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.arco-trigger-menu-pop-header .arco-trigger-menu-icon-suffix {
margin-left: 12px;
}
.arco-trigger-menu-group:first-child .arco-trigger-menu-group-title {
padding-top: 4px;
}
.arco-trigger-menu-group-title {
box-sizing: border-box;
width: 100%;
padding: 8px 12px 0 12px;
color: var(--color-text-3);
font-size: 12px;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-trigger-menu-pop-trigger .arco-trigger-arrow {
display: none;
}
.arco-trigger-menu-dark {
background-color: var(--color-menu-dark-bg);
border-color: var(--color-menu-dark-bg);
}
.arco-trigger-menu-dark .arco-trigger-menu-item,
.arco-trigger-menu-dark .arco-trigger-menu-pop-header {
color: var(--color-text-4);
background-color: transparent;
}
.arco-trigger-menu-dark .arco-trigger-menu-item.arco-trigger-menu-selected,
.arco-trigger-menu-dark .arco-trigger-menu-pop-header.arco-trigger-menu-selected {
color: var(--color-white);
background-color: transparent;
}
.arco-trigger-menu-dark .arco-trigger-menu-item.arco-trigger-menu-selected:hover,
.arco-trigger-menu-dark .arco-trigger-menu-pop-header.arco-trigger-menu-selected:hover {
color: var(--color-white);
}
.arco-trigger-menu-dark .arco-trigger-menu-item:hover,
.arco-trigger-menu-dark .arco-trigger-menu-pop-header:hover {
color: var(--color-text-4);
background-color: var(--color-menu-dark-hover);
}
.arco-trigger-menu-dark .arco-trigger-menu-item.arco-trigger-menu-disabled,
.arco-trigger-menu-dark .arco-trigger-menu-pop-header.arco-trigger-menu-disabled {
color: var(--color-text-2);
background-color: transparent;
}
.arco-trigger-menu-dark .arco-trigger-menu-group-title {
color: var(--color-text-3);
}
.arco-message-list {
position: fixed;
z-index: 1003;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0 10px;
text-align: center;
pointer-events: none;
}
.arco-message-list-top {
top: 40px;
}
.arco-message-list-bottom {
bottom: 40px;
}
.arco-message {
position: relative;
display: inline-flex;
align-items: center;
margin-bottom: 16px;
padding: 10px 16px 10px 16px;
overflow: hidden;
line-height: 1;
text-align: center;
list-style: none;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-small);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
pointer-events: auto;
}
.arco-message-icon {
display: inline-block;
margin-right: 8px;
color: var(--color-text-1);
font-size: 20px;
vertical-align: middle;
animation: arco-msg-fade 0.1s cubic-bezier(0, 0, 1, 1), arco-msg-fade 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.arco-message-content {
font-size: 14px;
color: var(--color-text-1);
vertical-align: middle;
}
.arco-message-info {
background-color: var(--color-bg-popup);
border-color: var(--color-neutral-3);
}
.arco-message-info .arco-message-icon {
color: rgb(var(--primary-6));
}
.arco-message-info .arco-message-content {
color: var(--color-text-1);
}
.arco-message-success {
background-color: var(--color-bg-popup);
border-color: var(--color-neutral-3);
}
.arco-message-success .arco-message-icon {
color: rgb(var(--success-6));
}
.arco-message-success .arco-message-content {
color: var(--color-text-1);
}
.arco-message-warning {
background-color: var(--color-bg-popup);
border-color: var(--color-neutral-3);
}
.arco-message-warning .arco-message-icon {
color: rgb(var(--warning-6));
}
.arco-message-warning .arco-message-content {
color: var(--color-text-1);
}
.arco-message-error {
background-color: var(--color-bg-popup);
border-color: var(--color-neutral-3);
}
.arco-message-error .arco-message-icon {
color: rgb(var(--danger-6));
}
.arco-message-error .arco-message-content {
color: var(--color-text-1);
}
.arco-message-loading {
background-color: var(--color-bg-popup);
border-color: var(--color-neutral-3);
}
.arco-message-loading .arco-message-icon {
color: rgb(var(--primary-6));
}
.arco-message-loading .arco-message-content {
color: var(--color-text-1);
}
.arco-message-close-btn {
margin-left: 8px;
color: var(--color-text-1);
font-size: 12px;
}
.arco-message .arco-icon-hover.arco-message-icon-hover::before {
width: 20px;
height: 20px;
}
.fade-message-enter-from,
.fade-message-appear-from {
opacity: 0;
}
.fade-message-enter-to,
.fade-message-appear-to {
opacity: 1;
}
.fade-message-enter-active,
.fade-message-appear-active {
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}
.fade-message-leave-from {
opacity: 1;
}
.fade-message-leave-to {
opacity: 0;
}
.fade-message-leave-active {
position: absolute;
}
.flip-list-move {
transition: transform 0.8s ease;
}
@keyframes arco-msg-fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes arco-msg-scale {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
.arco-modal-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.arco-modal-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--color-mask-bg);
}
.arco-modal-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
text-align: center;
}
.arco-modal-wrapper.arco-modal-wrapper-align-center {
white-space: nowrap;
}
.arco-modal-wrapper.arco-modal-wrapper-align-center::after {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
content: '';
}
.arco-modal-wrapper.arco-modal-wrapper-align-center .arco-modal {
top: 0;
vertical-align: middle;
}
.arco-modal-wrapper.arco-modal-wrapper-moved {
text-align: left;
}
.arco-modal-wrapper.arco-modal-wrapper-moved .arco-modal {
top: 0;
vertical-align: top;
}
.arco-modal {
position: relative;
top: 100px;
display: inline-block;
width: 520px;
margin: 0 auto;
line-height: 1.5715;
white-space: initial;
text-align: left;
background-color: var(--color-bg-3);
border-radius: var(--border-radius-medium);
}
.arco-modal-draggable .arco-modal-header {
cursor: move;
}
.arco-modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 48px;
padding: 0 20px;
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-modal-header .arco-modal-title {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
}
.arco-modal-header .arco-modal-title-align-start {
justify-content: flex-start;
}
.arco-modal-header .arco-modal-title-align-center {
justify-content: center;
}
.arco-modal-body {
position: relative;
padding: 24px 20px;
overflow: auto;
color: var(--color-text-1);
font-size: 14px;
}
.arco-modal-footer {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
padding: 16px 20px;
text-align: right;
border-top: 1px solid var(--color-neutral-3);
}
.arco-modal-footer > .arco-btn:not(:nth-child(1)) {
margin-left: 12px;
}
.arco-modal-close-btn {
margin-left: -12px;
color: var(--color-text-1);
font-size: 12px;
cursor: pointer;
}
.arco-modal-title {
color: var(--color-text-1);
font-weight: 500;
font-size: 16px;
}
.arco-modal-title-icon {
margin-right: 10px;
font-size: 18px;
vertical-align: -0.15em;
}
.arco-modal-title-icon .arco-icon-info-circle-fill {
color: rgb(var(--primary-6));
}
.arco-modal-title-icon .arco-icon-check-circle-fill {
color: rgb(var(--success-6));
}
.arco-modal-title-icon .arco-icon-exclamation-circle-fill {
color: rgb(var(--warning-6));
}
.arco-modal-title-icon .arco-icon-close-circle-fill {
color: rgb(var(--danger-6));
}
.arco-modal-simple {
width: 400px;
padding: 24px 32px 32px;
}
.arco-modal-simple .arco-modal-header,
.arco-modal-simple .arco-modal-footer {
height: unset;
padding: 0;
border: none;
}
.arco-modal-simple .arco-modal-header {
margin-bottom: 24px;
}
.arco-modal-simple .arco-modal-title {
justify-content: center;
}
.arco-modal-simple .arco-modal-title-align-start {
justify-content: flex-start;
}
.arco-modal-simple .arco-modal-title-align-center {
justify-content: center;
}
.arco-modal-simple .arco-modal-footer {
margin-top: 32px;
text-align: center;
}
.arco-modal-simple .arco-modal-body {
padding: 0;
}
.arco-modal-fullscreen {
top: 0;
display: inline-flex;
flex-direction: column;
box-sizing: border-box;
width: 100%;
height: 100%;
}
.arco-modal-fullscreen .arco-modal-footer {
margin-top: auto;
}
.zoom-modal-enter-from,
.zoom-modal-appear-from {
transform: scale(0.5, 0.5);
opacity: 0;
}
.zoom-modal-enter-to,
.zoom-modal-appear-to {
transform: scale(1, 1);
opacity: 1;
}
.zoom-modal-enter-active,
.zoom-modal-appear-active {
transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoom-modal-leave-from {
transform: scale(1, 1);
opacity: 1;
}
.zoom-modal-leave-to {
transform: scale(0.5, 0.5);
opacity: 0;
}
.zoom-modal-leave-active {
transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.fade-modal-enter-from,
.fade-modal-appear-from {
opacity: 0;
}
.fade-modal-enter-to,
.fade-modal-appear-to {
opacity: 1;
}
.fad-modal-enter-active,
.fade-modal-appear-active {
transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.fade-modal-leave-from {
opacity: 1;
}
.fade-modal-leave-to {
opacity: 0;
}
.fade-modal-leave-active {
transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.arco-notification-list {
position: fixed;
z-index: 1003;
margin: 0;
padding-left: 0;
}
.arco-notification-list-top-left {
top: 20px;
left: 20px;
}
.arco-notification-list-top-right {
top: 20px;
right: 20px;
}
.arco-notification-list-top-right .arco-notification {
margin-left: auto;
}
.arco-notification-list-bottom-left {
bottom: 20px;
left: 20px;
}
.arco-notification-list-bottom-right {
right: 20px;
bottom: 20px;
}
.arco-notification-list-bottom-right .arco-notification {
margin-left: auto;
}
.arco-notification {
position: relative;
display: flex;
box-sizing: border-box;
width: 340px;
padding: 20px 20px 20px 20px;
overflow: hidden;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
opacity: 1;
transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-notification:not(:last-child) {
margin-bottom: 20px;
}
.arco-notification-icon {
display: flex;
align-items: center;
font-size: 24px;
}
.arco-notification-info {
background-color: var(--color-bg-popup);
border-color: var(--color-neutral-3);
}
.arco-notification-info .arco-notification-icon {
color: rgb(var(--primary-6));
}
.arco-notification-success {
background-color: var(--color-bg-popup);
border-color: var(--color-neutral-3);
}
.arco-notification-success .arco-notification-icon {
color: rgb(var(--success-6));
}
.arco-notification-warning {
background-color: var(--color-bg-popup);
border-color: var(--color-neutral-3);
}
.arco-notification-warning .arco-notification-icon {
color: rgb(var(--warning-6));
}
.arco-notification-error {
background-color: var(--color-bg-popup);
border-color: var(--color-neutral-3);
}
.arco-notification-error .arco-notification-icon {
color: rgb(var(--danger-6));
}
.arco-notification-left {
padding-right: 16px;
}
.arco-notification-right {
flex: 1;
word-break: break-word;
}
.arco-notification-title {
color: var(--color-text-1);
font-weight: 500;
font-size: 16px;
}
.arco-notification-title + .arco-notification-content {
margin-top: 4px;
}
.arco-notification-content {
color: var(--color-text-1);
font-size: 14px;
}
.arco-notification-info .arco-notification-title {
color: var(--color-text-1);
}
.arco-notification-info .arco-notification-content {
color: var(--color-text-1);
}
.arco-notification-success .arco-notification-title {
color: var(--color-text-1);
}
.arco-notification-success .arco-notification-content {
color: var(--color-text-1);
}
.arco-notification-warning .arco-notification-title {
color: var(--color-text-1);
}
.arco-notification-warning .arco-notification-content {
color: var(--color-text-1);
}
.arco-notification-error .arco-notification-title {
color: var(--color-text-1);
}
.arco-notification-error .arco-notification-content {
color: var(--color-text-1);
}
.arco-notification-footer {
margin-top: 16px;
text-align: right;
}
.arco-notification-close-btn {
position: absolute;
top: 12px;
right: 12px;
color: var(--color-text-1);
font-size: 12px;
cursor: pointer;
}
.arco-notification-close-btn > svg {
position: relative;
}
.arco-notification .arco-icon-hover.arco-notification-icon-hover::before {
width: 20px;
height: 20px;
}
.slide-left-notification-enter-from,
.slide-left-notification-appear-from {
transform: translateX(-100%);
}
.slide-left-notification-enter-to,
.slide-left-notification-appear-to {
transform: translateX(0);
}
.slide-left-notification-enter-active,
.slide-left-notification-appear-active {
transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.slide-left-notification-leave-from {
opacity: 1;
}
.slide-left-notification-leave-to {
height: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
opacity: 0;
}
.slide-left-notification-leave-active {
transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slide-right-notification-enter-from,
.slide-right-notification-appear-from {
transform: translateX(100%);
}
.slide-right-notification-enter-to,
.slide-right-notification-appear-to {
transform: translateX(0);
}
.slide-right-notification-enter-active,
.slide-right-notification-appear-active {
transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.slide-right-notification-leave-from {
opacity: 1;
}
.slide-right-notification-leave-to {
height: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
opacity: 0;
}
.slide-right-notification-leave-active {
transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-overflow-list {
display: flex;
align-items: center;
justify-content: flex-start;
}
.arco-overflow-list > *:not(:last-child) {
flex-shrink: 0;
}
.arco-overflow-list-spacer {
flex: 1;
min-width: 0;
height: 1px;
}
.arco-page-header {
padding: 16px 0;
}
.arco-page-header-breadcrumb + .arco-page-header-header {
margin-top: 4px;
}
.arco-page-header-wrapper {
padding-right: 20px;
padding-left: 24px;
}
.arco-page-header-header {
display: flex;
align-items: center;
justify-content: space-between;
line-height: 28px;
}
.arco-page-header-header-left {
display: flex;
align-items: center;
}
.arco-page-header-main {
display: flex;
align-items: center;
min-height: 30px;
}
.arco-page-header-main-with-back {
margin-left: -8px;
padding-left: 8px;
}
.arco-page-header-extra {
overflow: hidden;
white-space: nowrap;
}
.arco-page-header .arco-icon-hover.arco-page-header-icon-hover::before {
width: 30px;
height: 30px;
}
.arco-page-header .arco-icon-hover.arco-page-header-icon-hover:hover::before {
background-color: var(--color-fill-2);
}
.arco-page-header-back-btn {
margin-right: 12px;
color: var(--color-text-2);
font-size: 14px;
}
.arco-page-header-back-btn-icon {
position: relative;
}
.arco-page-header-title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--color-text-1);
font-weight: 600;
font-size: 20px;
}
.arco-page-header-divider {
width: 1px;
height: 16px;
margin-right: 12px;
margin-left: 12px;
background-color: var(--color-fill-3);
}
.arco-page-header-subtitle {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--color-text-3);
font-size: 14px;
}
.arco-page-header-content {
padding: 20px 32px;
border-top: 1px solid var(--color-neutral-3);
}
.arco-page-header-footer {
padding: 16px 20px 0 24px;
}
.arco-page-header-with-breadcrumb {
padding: 12px 0;
}
.arco-page-header-with-breadcrumb .arco-page-header-footer {
padding-top: 12px;
}
.arco-page-header-with-content .arco-page-header-wrapper {
padding-bottom: 12px;
}
.arco-page-header-with-footer {
padding-bottom: 0;
}
.arco-page-header-wrapper .arco-page-header-header {
flex-wrap: wrap;
}
.arco-page-header-wrapper .arco-page-header-header .arco-page-header-head-extra {
margin-top: 4px;
}
.arco-pagination {
display: flex;
align-items: center;
font-size: 14px;
/*** 快速跳转 ***/
}
.arco-pagination-list {
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
list-style: none;
}
.arco-pagination-item {
display: inline-block;
box-sizing: border-box;
padding: 0 8px;
color: var(--color-text-2);
text-align: center;
vertical-align: middle;
list-style: none;
background-color: transparent;
border: 0 solid transparent;
border-radius: var(--border-radius-small);
outline: 0;
cursor: pointer;
user-select: none;
min-width: 32px;
height: 32px;
font-size: 14px;
line-height: 32px;
}
.arco-pagination-item-previous,
.arco-pagination-item-next {
font-size: 12px;
}
.arco-pagination-item:hover {
color: var(--color-text-2);
background-color: var(--color-fill-1);
border-color: transparent;
}
.arco-pagination-item-active,
.arco-pagination-item-active:hover {
color: rgb(var(--primary-6));
background-color: var(--color-primary-light-1);
border-color: transparent;
transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-pagination-item-disabled,
.arco-pagination-item-disabled:hover {
color: var(--color-text-4);
background-color: transparent;
border-color: transparent;
cursor: not-allowed;
}
.arco-pagination-item:not(:last-child) {
margin-right: 8px;
}
.arco-pagination-item-previous,
.arco-pagination-item-next {
color: var(--color-text-2);
font-size: 12px;
background-color: transparent;
}
.arco-pagination-item-previous:not(.arco-pagination-item-disabled):hover,
.arco-pagination-item-next:not(.arco-pagination-item-disabled):hover {
color: rgb(var(--primary-6));
background-color: var(--color-fill-1);
}
.arco-pagination-item-previous::after,
.arco-pagination-item-next::after {
display: inline-block;
font-size: 0;
vertical-align: middle;
content: '.';
}
.arco-pagination .arco-pagination-item-previous.arco-pagination-item-disabled,
.arco-pagination .arco-pagination-item-next.arco-pagination-item-disabled {
color: var(--color-text-4);
background-color: transparent;
}
.arco-pagination-item-jumper {
font-size: 16px;
}
.arco-pagination-jumper {
display: flex;
align-items: center;
margin-left: 8px;
}
.arco-pagination-jumper > span {
font-size: 14px;
}
.arco-pagination-jumper-text-goto,
.arco-pagination-jumper-prepend,
.arco-pagination-jumper-append {
color: var(--color-text-3);
white-space: nowrap;
}
.arco-pagination-jumper-prepend {
margin-right: 8px;
}
.arco-pagination-jumper-append {
margin-left: 8px;
}
.arco-pagination-jumper .arco-pagination-jumper-input {
width: 40px;
padding-right: 2px;
padding-left: 2px;
}
.arco-pagination-jumper .arco-pagination-jumper-input input {
text-align: center;
}
.arco-pagination-options {
position: relative;
display: inline-block;
flex: 0 0 auto;
min-width: 0;
margin-left: 8px;
text-align: center;
vertical-align: middle;
}
.arco-pagination-options .arco-select {
width: auto;
}
.arco-pagination-options .arco-select-view-value {
padding-right: 6px;
overflow: inherit;
}
.arco-pagination-total {
display: inline-block;
height: 100%;
margin-right: 8px;
color: var(--color-text-1);
font-size: 14px;
line-height: 32px;
white-space: nowrap;
}
.arco-pagination-jumper {
flex: 0 0 auto;
}
.arco-pagination-jumper-separator {
padding: 0 12px 0 12px;
}
.arco-pagination-jumper-total-page {
margin-right: 8px;
}
.arco-pagination-simple {
display: flex;
align-items: center;
}
.arco-pagination-simple .arco-pagination-item {
margin-right: 0;
}
.arco-pagination-simple .arco-pagination-jumper {
margin: 0 4px;
color: var(--color-text-1);
}
.arco-pagination-simple .arco-pagination-jumper .arco-pagination-jumper-input {
width: 40px;
margin-left: 0;
}
.arco-pagination-simple .arco-pagination-item-previous,
.arco-pagination-simple .arco-pagination-item-next {
color: var(--color-text-2);
background-color: transparent;
}
.arco-pagination-simple .arco-pagination-item-previous:not(.arco-pagination-item-disabled):hover,
.arco-pagination-simple .arco-pagination-item-next:not(.arco-pagination-item-disabled):hover {
color: rgb(var(--primary-6));
background-color: var(--color-fill-1);
}
.arco-pagination-simple .arco-pagination-item-previous.arco-pagination-item-disabled,
.arco-pagination-simple .arco-pagination-item-next.arco-pagination-item-disabled {
color: var(--color-text-4);
background-color: transparent;
}
.arco-pagination-disabled {
cursor: not-allowed;
}
.arco-pagination-disabled .arco-pagination-item,
.arco-pagination-disabled .arco-pagination-item:not(.arco-pagination-item-disabled):not(.arco-pagination-item-active):hover {
color: var(--color-text-4);
background-color: transparent;
border-color: transparent;
cursor: not-allowed;
}
.arco-pagination.arco-pagination-disabled .arco-pagination-item-active {
color: var(--color-primary-light-3);
background-color: var(--color-fill-1);
border-color: transparent;
}
.arco-pagination-size-mini .arco-pagination-item {
min-width: 24px;
height: 24px;
font-size: 12px;
line-height: 24px;
}
.arco-pagination-size-mini .arco-pagination-item-previous,
.arco-pagination-size-mini .arco-pagination-item-next {
font-size: 12px;
}
.arco-pagination-size-mini .arco-pagination-total {
font-size: 12px;
line-height: 24px;
}
.arco-pagination-size-mini .arco-pagination-option {
height: 24px;
font-size: 12px;
line-height: 0;
}
.arco-pagination-size-mini .arco-pagination-jumper > span {
font-size: 12px;
}
.arco-pagination-size-small .arco-pagination-item {
min-width: 28px;
height: 28px;
font-size: 14px;
line-height: 28px;
}
.arco-pagination-size-small .arco-pagination-item-previous,
.arco-pagination-size-small .arco-pagination-item-next {
font-size: 12px;
}
.arco-pagination-size-small .arco-pagination-total {
font-size: 14px;
line-height: 28px;
}
.arco-pagination-size-small .arco-pagination-option {
height: 28px;
font-size: 14px;
line-height: 0;
}
.arco-pagination-size-small .arco-pagination-jumper > span {
font-size: 14px;
}
.arco-pagination-size-large .arco-pagination-item {
min-width: 36px;
height: 36px;
font-size: 14px;
line-height: 36px;
}
.arco-pagination-size-large .arco-pagination-item-previous,
.arco-pagination-size-large .arco-pagination-item-next {
font-size: 14px;
}
.arco-pagination-size-large .arco-pagination-total {
font-size: 14px;
line-height: 36px;
}
.arco-pagination-size-large .arco-pagination-option {
height: 36px;
font-size: 14px;
line-height: 0;
}
.arco-pagination-size-large .arco-pagination-jumper > span {
font-size: 14px;
}
.arco-popconfirm-popup-content {
box-sizing: border-box;
padding: 16px 16px;
color: var(--color-text-2);
font-size: 14px;
line-height: 1.5715;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.arco-popconfirm-popup-content .arco-popconfirm-body {
position: relative;
display: flex;
align-items: flex-start;
margin-bottom: 16px;
color: var(--color-text-1);
font-size: 14px;
}
.arco-popconfirm-popup-content .arco-popconfirm-body .arco-popconfirm-icon {
display: inline-flex;
align-items: center;
height: 22.001px;
margin-right: 8px;
font-size: 18px;
}
.arco-popconfirm-popup-content .arco-popconfirm-body .arco-popconfirm-icon .arco-icon-exclamation-circle-fill {
color: rgb(var(--warning-6));
}
.arco-popconfirm-popup-content .arco-popconfirm-body .arco-popconfirm-icon .arco-icon-check-circle-fill {
color: rgb(var(--success-6));
}
.arco-popconfirm-popup-content .arco-popconfirm-body .arco-popconfirm-icon .arco-icon-info-circle-fill {
color: rgb(var(--primary-6));
}
.arco-popconfirm-popup-content .arco-popconfirm-body .arco-popconfirm-icon .arco-icon-close-circle-fill {
color: rgb(var(--danger-6));
}
.arco-popconfirm-popup-content .arco-popconfirm-body .arco-popconfirm-content {
text-align: left;
word-wrap: break-word;
}
.arco-popconfirm-popup-content .arco-popconfirm-footer {
text-align: right;
}
.arco-popconfirm-popup-content .arco-popconfirm-footer > button {
margin-left: 8px;
}
.arco-popconfirm-popup-arrow {
z-index: 1;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-neutral-3);
}
.arco-popover-popup-content {
box-sizing: border-box;
padding: 12px 16px;
color: var(--color-text-2);
font-size: 14px;
line-height: 1.5715;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.arco-popover-title {
color: var(--color-text-1);
font-weight: 500;
font-size: 16px;
}
.arco-popover-content {
margin-top: 4px;
text-align: left;
word-wrap: break-word;
}
.arco-popover-popup-arrow {
z-index: 1;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-neutral-3);
}
.arco-progress {
position: relative;
line-height: 1;
font-size: 12px;
}
.arco-progress-type-line,
.arco-progress-type-steps {
display: inline-block;
max-width: 100%;
width: 100%;
}
.arco-progress-type-line.arco-progress-size-mini {
width: auto;
}
.arco-progress-line-wrapper,
.arco-progress-steps-wrapper {
display: flex;
align-items: center;
width: 100%;
max-width: 100%;
height: 100%;
}
.arco-progress-line-text,
.arco-progress-steps-text {
font-size: 12px;
margin-left: 16px;
color: var(--color-text-2);
white-space: nowrap;
text-align: right;
flex-grow: 1;
flex-shrink: 0;
min-width: 32px;
}
.arco-progress-line-text .arco-icon,
.arco-progress-steps-text .arco-icon {
font-size: 12px;
margin-left: 4px;
}
.arco-progress-line {
background-color: var(--color-fill-3);
border-radius: 100px;
width: 100%;
position: relative;
display: inline-block;
overflow: hidden;
}
.arco-progress-line-bar {
height: 100%;
border-radius: 100px;
background-color: rgb(var(--primary-6));
position: relative;
transition: width 0.6s cubic-bezier(0.34, 0.69, 0.1, 1), background 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
max-width: 100%;
}
.arco-progress-line-bar-buffer {
position: absolute;
background-color: var(--color-primary-light-3);
height: 100%;
top: 0;
left: 0;
border-radius: 0 100px 100px 0;
max-width: 100%;
transition: all 0.6s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-progress-line-bar-animate::after {
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, transparent 25%, rgba(255, 255, 255, 0.5) 50%, transparent 75%);
background-size: 400% 100%;
animation: arco-progress-loading 1.5s cubic-bezier(0.34, 0.69, 0.1, 1) infinite;
}
.arco-progress-line-text .arco-icon {
color: var(--color-text-2);
}
.arco-progress-type-steps.arco-progress-size-small {
width: auto;
}
.arco-progress-type-steps.arco-progress-size-small .arco-progress-steps-item {
width: 2px;
flex: unset;
border-radius: 2px;
}
.arco-progress-type-steps.arco-progress-size-small .arco-progress-steps-item:not(:last-of-type) {
margin-right: 3px;
}
.arco-progress-steps {
display: flex;
width: 100%;
}
.arco-progress-steps-text {
margin-left: 8px;
min-width: unset;
}
.arco-progress-steps-text .arco-icon {
color: var(--color-text-2);
}
.arco-progress-steps-item {
height: 100%;
flex: 1;
background-color: var(--color-fill-3);
position: relative;
display: inline-block;
}
.arco-progress-steps-item:not(:last-of-type) {
margin-right: 3px;
}
.arco-progress-steps-item:last-of-type {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
.arco-progress-steps-item:first-of-type {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
.arco-progress-steps-item-active {
background-color: rgb(var(--primary-6));
}
.arco-progress-status-warning .arco-progress-line-bar {
background-color: rgb(var(--warning-6));
}
.arco-progress-status-warning .arco-progress-steps-item-active {
background-color: rgb(var(--warning-6));
}
.arco-progress-status-warning .arco-progress-line-text .arco-icon,
.arco-progress-status-warning .arco-progress-steps-text .arco-icon {
color: rgb(var(--warning-6));
}
.arco-progress-status-success .arco-progress-line-bar {
background-color: rgb(var(--success-6));
}
.arco-progress-status-success .arco-progress-steps-item-active {
background-color: rgb(var(--success-6));
}
.arco-progress-status-success .arco-progress-line-text .arco-icon,
.arco-progress-status-success .arco-progress-steps-text .arco-icon {
color: rgb(var(--success-6));
}
.arco-progress-status-danger .arco-progress-line-bar {
background-color: rgb(var(--danger-6));
}
.arco-progress-status-danger .arco-progress-steps-item-active {
background-color: rgb(var(--danger-6));
}
.arco-progress-status-danger .arco-progress-line-text .arco-icon,
.arco-progress-status-danger .arco-progress-steps-text .arco-icon {
color: rgb(var(--danger-6));
}
.arco-progress-size-small .arco-progress-line-text {
font-size: 12px;
margin-left: 16px;
}
.arco-progress-size-small .arco-progress-line-text .arco-icon {
font-size: 12px;
}
.arco-progress-size-large .arco-progress-line-text {
font-size: 16px;
margin-left: 16px;
}
.arco-progress-size-large .arco-progress-line-text .arco-icon {
font-size: 14px;
}
.arco-progress-type-circle {
display: inline-block;
}
.arco-progress-circle-wrapper {
position: relative;
text-align: center;
line-height: 1;
display: inline-block;
vertical-align: text-bottom;
}
.arco-progress-circle-svg {
transform: rotate(-90deg);
}
.arco-progress-circle-text {
position: absolute;
top: 50%;
left: 50%;
color: var(--color-text-3);
transform: translate(-50%, -50%);
font-size: 14px;
}
.arco-progress-circle-text .arco-icon {
font-size: 16px;
color: var(--color-text-2);
}
.arco-progress-circle-bg {
stroke: var(--color-fill-3);
}
.arco-progress-circle-bar {
stroke: rgb(var(--primary-6));
transition: stroke-dashoffset 0.6s cubic-bezier(0, 0, 1, 1) 0s, stroke 0.6s cubic-bezier(0, 0, 1, 1);
}
.arco-progress-size-mini .arco-progress-circle-bg {
stroke: var(--color-primary-light-3);
}
.arco-progress-size-mini .arco-progress-circle-bar {
stroke: rgb(var(--primary-6));
}
.arco-progress-size-mini.arco-progress-status-warning .arco-progress-circle-bg {
stroke: var(--color-warning-light-3);
}
.arco-progress-size-mini.arco-progress-status-danger .arco-progress-circle-bg {
stroke: var(--color-danger-light-3);
}
.arco-progress-size-mini.arco-progress-status-success .arco-progress-circle-bg {
stroke: var(--color-success-light-3);
}
.arco-progress-size-mini .arco-progress-circle-wrapper .arco-icon-check {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.arco-progress-size-mini .arco-progress-circle-text {
position: static;
top: unset;
left: unset;
transform: unset;
}
.arco-progress-size-small .arco-progress-circle-text {
font-size: 13px;
}
.arco-progress-size-small .arco-progress-circle-text .arco-icon {
font-size: 14px;
}
.arco-progress-size-large .arco-progress-circle-text {
font-size: 16px;
}
.arco-progress-size-large .arco-progress-circle-text .arco-icon {
font-size: 16px;
}
.arco-progress-status-warning .arco-progress-circle-bar {
stroke: rgb(var(--warning-6));
}
.arco-progress-status-warning .arco-icon {
color: rgb(var(--warning-6));
}
.arco-progress-status-success .arco-progress-circle-bar {
stroke: rgb(var(--success-6));
}
.arco-progress-status-success .arco-icon {
color: rgb(var(--success-6));
}
.arco-progress-status-danger .arco-progress-circle-bar {
stroke: rgb(var(--danger-6));
}
.arco-progress-status-danger .arco-icon {
color: rgb(var(--danger-6));
}
@keyframes arco-progress-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.arco-radio > input[type='radio'],
.arco-radio-button > input[type='radio'] {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
}
.arco-radio > input[type='radio']:focus + .arco-radio-icon-hover::before,
.arco-radio-button > input[type='radio']:focus + .arco-radio-icon-hover::before {
background-color: var(--color-fill-2);
}
.arco-icon-hover.arco-radio-icon-hover::before {
width: 24px;
height: 24px;
}
.arco-radio {
position: relative;
display: inline-flex;
align-items: center;
padding-left: 5px;
font-size: 14px;
line-height: unset;
cursor: pointer;
}
.arco-radio-label {
margin-left: 8px;
color: var(--color-text-1);
}
.arco-radio-icon {
position: relative;
display: block;
box-sizing: border-box;
width: 14px;
height: 14px;
line-height: 14px;
border: 2px solid var(--color-neutral-3);
border-radius: var(--border-radius-circle);
}
.arco-radio-icon::after {
position: absolute;
top: 0;
left: 0;
display: inline-block;
box-sizing: border-box;
width: 10px;
height: 10px;
background-color: var(--color-bg-2);
border-radius: var(--border-radius-circle);
transform: scale(1);
transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
content: '';
}
.arco-radio:hover .arco-radio-icon {
border-color: var(--color-neutral-3);
}
.arco-radio-checked .arco-radio-icon {
background-color: rgb(var(--primary-6));
border-color: rgb(var(--primary-6));
}
.arco-radio-checked .arco-radio-icon::after {
background-color: var(--color-white);
transform: scale(0.4);
}
.arco-radio-checked:hover .arco-radio-icon {
border-color: rgb(var(--primary-6));
}
.arco-radio-disabled {
cursor: not-allowed;
}
.arco-radio-disabled .arco-radio-icon-hover {
cursor: not-allowed;
}
.arco-radio-disabled .arco-radio-label {
color: var(--color-text-4);
}
.arco-radio-disabled .arco-radio-icon {
border-color: var(--color-neutral-3);
}
.arco-radio-disabled .arco-radio-icon::after {
background-color: var(--color-fill-2);
}
.arco-radio-disabled:hover .arco-radio-icon {
border-color: var(--color-neutral-3);
}
.arco-radio-checked.arco-radio-disabled .arco-radio-icon,
.arco-radio-checked.arco-radio-disabled:hover .arco-radio-icon {
background-color: var(--color-primary-light-3);
border-color: transparent;
}
.arco-radio-checked.arco-radio-disabled .arco-radio-icon::after {
background-color: var(--color-fill-2);
}
.arco-radio-checked.arco-radio-disabled .arco-radio-label {
color: var(--color-text-4);
}
.arco-radio:hover .arco-radio-icon-hover::before {
background-color: var(--color-fill-2);
}
.arco-radio-group {
display: inline-block;
box-sizing: border-box;
}
.arco-radio-group .arco-radio {
margin-right: 20px;
}
.arco-radio-group-button {
display: inline-flex;
padding: 1.5px;
line-height: 26px;
background-color: var(--color-fill-2);
border-radius: var(--border-radius-small);
}
.arco-radio-button {
position: relative;
display: inline-block;
margin: 1.5px;
color: var(--color-text-2);
font-size: 14px;
line-height: 26px;
background-color: transparent;
border-radius: var(--border-radius-small);
cursor: pointer;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-radio-button-content {
position: relative;
display: block;
padding: 0 12px;
}
.arco-radio-button:not(:first-of-type)::before {
position: absolute;
top: 50%;
left: -2px;
display: block;
width: 1px;
height: 14px;
background-color: var(--color-neutral-3);
transform: translateY(-50%);
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
content: '';
}
.arco-radio-button:hover::before,
.arco-radio-button:hover + .arco-radio-button::before,
.arco-radio-button.arco-radio-checked::before,
.arco-radio-button.arco-radio-checked + .arco-radio-button::before {
opacity: 0;
}
.arco-radio-button:hover {
color: var(--color-text-1);
background-color: var(--color-bg-5);
}
.arco-radio-button.arco-radio-checked {
color: rgb(var(--primary-6));
background-color: var(--color-bg-5);
}
.arco-radio-button.arco-radio-disabled {
color: var(--color-text-4);
background-color: transparent;
cursor: not-allowed;
}
.arco-radio-button.arco-radio-disabled.arco-radio-checked {
color: var(--color-primary-light-3);
background-color: var(--color-bg-5);
}
.arco-radio-group-size-small {
line-height: 28px;
}
.arco-radio-group-size-small.arco-radio-group-button,
.arco-radio-group-size-small .arco-radio-button {
font-size: 14px;
line-height: 22px;
}
.arco-radio-group-size-large {
line-height: 36px;
}
.arco-radio-group-size-large.arco-radio-group-button,
.arco-radio-group-size-large .arco-radio-button {
font-size: 14px;
line-height: 30px;
}
.arco-radio-group-size-mini {
line-height: 24px;
}
.arco-radio-group-size-mini.arco-radio-group-button,
.arco-radio-group-size-mini .arco-radio-button {
font-size: 12px;
line-height: 18px;
}
.arco-radio-group-direction-vertical .arco-radio {
display: flex;
margin-right: 0;
line-height: 32px;
}
body[arco-theme='dark'] .arco-radio-button.arco-radio-checked,
body[arco-theme='dark'] .arco-radio-button:not(.arco-radio-disabled):hover {
background-color: var(--color-fill-3);
}
body[arco-theme='dark'] .arco-radio-button::after {
background-color: var(--color-bg-3);
}
/**********************************************
* status: disabled / readonly
**********************************************/
.arco-rate {
display: inline-flex;
align-items: center;
min-height: 32px;
font-size: 24px;
line-height: 1;
user-select: none;
}
.arco-rate-disabled {
cursor: not-allowed;
}
.arco-rate-character {
position: relative;
color: var(--color-fill-3);
transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-rate-character:not(:last-child) {
margin-right: 8px;
}
.arco-rate-character-left,
.arco-rate-character-right {
transition: inherit;
}
.arco-rate-character-left > *,
.arco-rate-character-right > * {
float: left;
}
.arco-rate-character-left {
position: absolute;
top: 0;
left: 0;
width: 50%;
overflow: hidden;
white-space: nowrap;
opacity: 0;
}
.arco-rate-character-scale {
animation: arco-rate-scale 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-rate-character-full .arco-rate-character-right {
color: rgb(var(--gold-6));
}
.arco-rate-character-half .arco-rate-character-left {
color: rgb(var(--gold-6));
opacity: 1;
}
.arco-rate-character-disabled {
cursor: not-allowed;
}
.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character {
cursor: pointer;
}
.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:hover,
.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:focus {
transform: scale(1.2);
}
@keyframes arco-rate-scale {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.arco-resizebox {
position: relative;
width: 100%;
overflow: hidden;
}
.arco-resizebox-direction-left,
.arco-resizebox-direction-right,
.arco-resizebox-direction-top,
.arco-resizebox-direction-bottom {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
user-select: none;
}
.arco-resizebox-direction-right {
right: 0;
left: unset;
}
.arco-resizebox-direction-bottom {
top: unset;
bottom: 0;
}
.arco-resizebox-trigger-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: var(--color-text-1);
font-size: 12px;
line-height: 1;
background-color: var(--color-neutral-3);
}
.arco-resizebox-trigger-icon {
display: inline-block;
margin: -3px;
}
.arco-resizebox-trigger-vertical {
height: 100%;
cursor: col-resize;
}
.arco-resizebox-trigger-horizontal {
width: 100%;
cursor: row-resize;
}
.arco-result {
box-sizing: border-box;
width: 100%;
padding: 32px 32px 24px;
}
.arco-result-icon {
margin-bottom: 16px;
font-size: 20px;
text-align: center;
}
.arco-result-icon-tip {
display: flex;
width: 45px;
height: 45px;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 auto;
}
.arco-result-icon-custom .arco-result-icon-tip {
font-size: 45px;
color: inherit;
width: unset;
height: unset;
}
.arco-result-icon-success .arco-result-icon-tip {
color: rgb(var(--success-6));
background-color: var(--color-success-light-1);
}
.arco-result-icon-error .arco-result-icon-tip {
color: rgb(var(--danger-6));
background-color: var(--color-danger-light-1);
}
.arco-result-icon-info .arco-result-icon-tip {
color: rgb(var(--primary-6));
background-color: var(--color-primary-light-1);
}
.arco-result-icon-warning .arco-result-icon-tip {
color: rgb(var(--warning-6));
background-color: var(--color-warning-light-1);
}
.arco-result-icon-404,
.arco-result-icon-403,
.arco-result-icon-500 {
padding-top: 24px;
}
.arco-result-icon-404 .arco-result-icon-tip,
.arco-result-icon-403 .arco-result-icon-tip,
.arco-result-icon-500 .arco-result-icon-tip {
width: 92px;
height: 92px;
line-height: 92px;
}
.arco-result-title {
color: var(--color-text-1);
font-weight: 500;
font-size: 14px;
line-height: 1.5715;
text-align: center;
}
.arco-result-subtitle {
color: var(--color-text-2);
font-size: 14px;
line-height: 1.5715;
text-align: center;
}
.arco-result-extra {
margin-top: 20px;
text-align: center;
}
.arco-result-content {
margin-top: 20px;
}
.arco-scrollbar {
position: relative;
}
.arco-scrollbar-container {
position: relative;
scrollbar-width: none;
}
.arco-scrollbar-container::-webkit-scrollbar {
display: none;
}
.arco-scrollbar-track {
position: absolute;
z-index: 100;
}
.arco-scrollbar-track-direction-horizontal {
bottom: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 15px;
}
.arco-scrollbar-track-direction-vertical {
top: 0;
right: 0;
box-sizing: border-box;
width: 15px;
height: 100%;
}
.arco-scrollbar-thumb {
position: absolute;
display: block;
box-sizing: border-box;
}
.arco-scrollbar-thumb-bar {
width: 100%;
height: 100%;
background-color: var(--color-neutral-4);
border-radius: 6px;
}
.arco-scrollbar-thumb:hover .arco-scrollbar-thumb-bar,
.arco-scrollbar-thumb-dragging .arco-scrollbar-thumb-bar {
background-color: var(--color-neutral-6);
}
.arco-scrollbar-thumb-direction-horizontal .arco-scrollbar-thumb-bar {
height: 9px;
margin: 3px 0;
}
.arco-scrollbar-thumb-direction-vertical .arco-scrollbar-thumb-bar {
width: 9px;
margin: 0 3px;
}
.arco-scrollbar.arco-scrollbar-type-embed .arco-scrollbar-thumb {
opacity: 0;
transition: opacity ease 200ms;
}
.arco-scrollbar.arco-scrollbar-type-embed .arco-scrollbar-thumb-dragging {
opacity: 0.8;
}
.arco-scrollbar.arco-scrollbar-type-embed:hover .arco-scrollbar-thumb {
opacity: 0.8;
}
.arco-scrollbar.arco-scrollbar-type-track .arco-scrollbar-track {
background-color: var(--color-neutral-1);
}
.arco-scrollbar.arco-scrollbar-type-track .arco-scrollbar-track-direction-horizontal {
border-top: 1px solid var(--color-neutral-3);
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-scrollbar.arco-scrollbar-type-track .arco-scrollbar-track-direction-vertical {
border-right: 1px solid var(--color-neutral-3);
border-left: 1px solid var(--color-neutral-3);
}
.arco-scrollbar.arco-scrollbar-type-track .arco-scrollbar-thumb-direction-horizontal {
margin: -1px 0;
}
.arco-scrollbar.arco-scrollbar-type-track .arco-scrollbar-thumb-direction-vertical {
margin: 0 -1px;
}
.arco-scrollbar.arco-scrollbar-type-track.arco-scrollbar-both .arco-scrollbar-track-direction-vertical::after {
position: absolute;
right: -1px;
bottom: 0;
display: block;
box-sizing: border-box;
width: 15px;
height: 15px;
background-color: var(--color-neutral-1);
border-right: 1px solid var(--color-neutral-3);
border-bottom: 1px solid var(--color-neutral-3);
content: '';
}
/**********************************************
* Popup Box
**********************************************/
/**********************************************
* Popup Options
* status: default / disabled / selected / hover
**********************************************/
.arco-select-dropdown {
box-sizing: border-box;
padding: 4px 0;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-fill-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.arco-select-dropdown .arco-select-dropdown-loading {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
}
.arco-select-dropdown-list {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.arco-select-dropdown-list-wrapper {
max-height: 200px;
overflow-y: auto;
}
.arco-select-dropdown .arco-select-option {
position: relative;
z-index: 1;
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
padding: 0 12px;
color: var(--color-text-1);
font-size: 14px;
line-height: 36px;
text-align: left;
background-color: var(--color-bg-popup);
cursor: pointer;
}
.arco-select-dropdown .arco-select-option-content {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-select-dropdown .arco-select-option-checkbox {
overflow: hidden;
}
.arco-select-dropdown .arco-select-option-checkbox .arco-checkbox-label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-select-dropdown .arco-select-option-has-suffix {
justify-content: space-between;
}
.arco-select-dropdown .arco-select-option-active,
.arco-select-dropdown .arco-select-option:not(.arco-select-dropdown .arco-select-option-disabled):hover {
color: var(--color-text-1);
background-color: var(--color-fill-2);
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-select-dropdown .arco-select-option-disabled {
color: var(--color-text-4);
background-color: var(--color-bg-popup);
cursor: not-allowed;
}
.arco-select-dropdown .arco-select-option-icon {
display: inline-flex;
margin-right: 8px;
}
.arco-select-dropdown .arco-select-option-suffix {
margin-left: 12px;
}
.arco-select-dropdown .arco-select-group:first-child .arco-select-dropdown .arco-select-group-title {
margin-top: 8px;
}
.arco-select-dropdown .arco-select-group-title {
box-sizing: border-box;
width: 100%;
margin-top: 8px;
padding: 0 12px;
color: var(--color-text-3);
font-size: 12px;
line-height: 20px;
cursor: default;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-select-dropdown.arco-select-dropdown-has-header {
padding-top: 0;
}
.arco-select-dropdown-header {
border-bottom: 1px solid var(--color-fill-3);
}
.arco-select-dropdown.arco-select-dropdown-has-footer {
padding-bottom: 0;
}
.arco-select-dropdown-footer {
border-top: 1px solid var(--color-fill-3);
}
.arco-skeleton-shape {
width: 48px;
height: 48px;
background-color: var(--color-fill-2);
border-radius: var(--border-radius-small);
}
.arco-skeleton-shape-circle {
border-radius: 50%;
}
.arco-skeleton-shape-small {
width: 36px;
height: 36px;
}
.arco-skeleton-shape-large {
width: 60px;
height: 60px;
}
.arco-skeleton-line {
margin: 0;
padding: 0;
list-style: none;
}
.arco-skeleton-line-row {
height: 16px;
background-color: var(--color-fill-2);
}
.arco-skeleton-line-row:not(:last-child) {
margin-bottom: 16px;
}
.arco-skeleton-animation .arco-skeleton-shape,
.arco-skeleton-animation .arco-skeleton-line-row {
background: linear-gradient(90deg, var(--color-fill-2) 25%, var(--color-fill-3) 37%, var(--color-fill-2) 63%);
background-size: 400% 100%;
animation: arco-skeleton-circle 1.5s cubic-bezier(0, 0, 1, 1) infinite;
}
@keyframes arco-skeleton-circle {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.arco-slider {
display: inline-flex;
align-items: center;
width: 100%;
}
.arco-slider-vertical {
display: inline-block;
width: auto;
min-width: 22px;
height: auto;
}
.arco-slider-vertical .arco-slider-wrapper {
flex-direction: column;
}
.arco-slider-with-marks {
margin-bottom: 24px;
padding: 20px 20px;
}
.arco-slider-vertical.arco-slider-with-marks {
margin-bottom: 0;
padding: 0;
}
.arco-slider-track {
position: relative;
flex: 1;
width: 100%;
height: 12px;
cursor: pointer;
}
.arco-slider-track::before {
position: absolute;
top: 50%;
display: block;
width: 100%;
height: 2px;
background-color: var(--color-fill-3);
border-radius: 2px;
transform: translateY(-50%);
content: '';
}
.arco-slider-track.arco-slider-track-vertical {
width: 12px;
max-width: 12px;
height: 100%;
min-height: 200px;
margin-right: 0;
margin-bottom: 6px;
margin-top: 6px;
transform: translateY(0);
}
.arco-slider-track.arco-slider-track-vertical::before {
top: unset;
left: 50%;
width: 2px;
height: 100%;
transform: translateX(-50%);
}
.arco-slider-track.arco-slider-track-disabled::before {
background-color: var(--color-fill-2);
}
.arco-slider-track.arco-slider-track-disabled .arco-slider-bar {
background-color: var(--color-fill-3);
}
.arco-slider-track.arco-slider-track-disabled .arco-slider-btn {
cursor: not-allowed;
}
.arco-slider-track.arco-slider-track-disabled .arco-slider-btn::after {
border-color: var(--color-fill-3);
}
.arco-slider-track.arco-slider-track-disabled .arco-slider-dots .arco-slider-dot {
border-color: var(--color-fill-2);
}
.arco-slider-track.arco-slider-track-disabled .arco-slider-dots .arco-slider-dot-active {
border-color: var(--color-fill-3);
}
.arco-slider-track.arco-slider-track-disabled .arco-slider-ticks .arco-slider-tick {
background: var(--color-fill-2);
}
.arco-slider-track.arco-slider-track-disabled .arco-slider-ticks .arco-slider-tick-active {
background: var(--color-fill-3);
}
.arco-slider-bar {
position: absolute;
top: 50%;
height: 2px;
background-color: rgb(var(--primary-6));
border-radius: 2px;
transform: translateY(-50%);
}
.arco-slider-track-vertical .arco-slider-bar {
top: unset;
left: 50%;
width: 2px;
height: unset;
transform: translateX(-50%);
}
.arco-slider-btn {
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
transform: translateX(-50%);
}
.arco-slider-btn::after {
position: absolute;
top: 0;
left: 0;
display: inline-block;
box-sizing: border-box;
width: 12px;
height: 12px;
background: var(--color-bg-2);
border: 2px solid rgb(var(--primary-6));
border-radius: 50%;
transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
content: '';
}
.arco-slider-btn.arco-slider-btn-active::after,
.arco-slider-btn:hover::after {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transform: scale(1.16666667);
}
.arco-slider-track-vertical .arco-slider-btn {
top: unset;
bottom: 0;
left: 0;
transform: translateY(50%);
}
.arco-slider-marks {
position: absolute;
top: 12px;
width: 100%;
}
.arco-slider-marks .arco-slider-mark {
position: absolute;
color: var(--color-text-3);
font-size: 14px;
line-height: 1;
transform: translateX(-50%);
cursor: pointer;
}
.arco-slider-track-vertical .arco-slider-marks {
top: 0;
left: 15px;
height: 100%;
}
.arco-slider-track-vertical .arco-slider-marks .arco-slider-mark {
transform: translateY(50%);
}
.arco-slider-dots {
height: 100%;
}
.arco-slider-dots .arco-slider-dot-wrapper {
position: absolute;
top: 50%;
font-size: 12px;
transform: translate(-50%, -50%);
}
.arco-slider-track-vertical .arco-slider-dots .arco-slider-dot-wrapper {
top: unset;
left: 50%;
transform: translate(-50%, 50%);
}
.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot {
box-sizing: border-box;
width: 8px;
height: 8px;
background-color: var(--color-bg-2);
border: 2px solid var(--color-fill-3);
border-radius: 50%;
}
.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot-active {
border-color: rgb(var(--primary-6));
}
.arco-slider-ticks .arco-slider-tick {
position: absolute;
top: 50%;
width: 1px;
height: 3px;
margin-top: -1px;
background: var(--color-fill-3);
transform: translate(-50%, -100%);
}
.arco-slider-ticks .arco-slider-tick-active {
background: rgb(var(--primary-6));
}
.arco-slider-vertical .arco-slider-ticks .arco-slider-tick {
top: unset;
left: 50%;
width: 3px;
height: 1px;
margin-top: unset;
transform: translate(1px, 50%);
}
.arco-slider-input {
display: flex;
align-items: center;
margin-left: 20px;
}
.arco-slider-vertical .arco-slider-input {
margin-left: 0;
}
.arco-slider-input > .arco-input-number {
width: 60px;
height: 32px;
overflow: visible;
line-height: normal;
}
.arco-slider-input > .arco-input-number input {
text-align: center;
}
.arco-slider-input-hyphens {
/* prettier-ignore */
margin: 0 6px;
width: 8px;
height: 2px;
background: rgb(var(--gray-6));
}
.arco-space {
display: inline-flex;
}
.arco-space-horizontal .arco-space-item {
display: flex;
align-items: center;
}
.arco-space-vertical {
flex-direction: column;
}
.arco-space-align-baseline {
align-items: baseline;
}
.arco-space-align-start {
align-items: flex-start;
}
.arco-space-align-end {
align-items: flex-end;
}
.arco-space-align-center {
align-items: center;
}
.arco-space-wrap {
flex-wrap: wrap;
}
.arco-space-fill {
display: flex;
}
.arco-dot-loading {
position: relative;
display: inline-block;
width: 56px;
height: 8px;
transform-style: preserve-3d;
perspective: 200px;
}
.arco-dot-loading-item {
position: absolute;
top: 0;
left: 50%;
width: 8px;
height: 8px;
background-color: rgb(var(--primary-6));
border-radius: var(--border-radius-circle);
transform: translateX(-50%) scale(0);
animation: arco-dot-loading 2s cubic-bezier(0, 0, 1, 1) infinite forwards;
}
.arco-dot-loading-item:nth-child(2) {
background-color: rgb(var(--primary-5));
animation-delay: 400ms;
}
.arco-dot-loading-item:nth-child(3) {
background-color: rgb(var(--primary-4));
animation-delay: 800ms;
}
.arco-dot-loading-item:nth-child(4) {
background-color: rgb(var(--primary-4));
animation-delay: 1200ms;
}
.arco-dot-loading-item:nth-child(5) {
background-color: rgb(var(--primary-2));
animation-delay: 1600ms;
}
/* prettier-ignore */
@keyframes arco-dot-loading {
/* prettier-ignore */
0% {
transform: translate3D(-48.621%, 0, -0.985px) scale(0.511);
}
2.778% {
transform: translate3D(-95.766%, 0, -0.94px) scale(0.545);
}
5.556% {
transform: translate3D(-140%, 0, -0.866px) scale(0.6);
}
8.333% {
transform: translate3D(-179.981%, 0, -0.766px) scale(0.675);
}
11.111% {
transform: translate3D(-214.492%, 0, -0.643px) scale(0.768);
}
13.889% {
transform: translate3D(-242.487%, 0, -0.5px) scale(0.875);
}
16.667% {
transform: translate3D(-263.114%, 0, -0.342px) scale(0.993);
}
19.444% {
transform: translate3D(-275.746%, 0, -0.174px) scale(1.12);
}
22.222% {
transform: translate3D(-280%, 0, 0px) scale(1.25);
}
25% {
transform: translate3D(-275.746%, 0, 0.174px) scale(1.38);
}
27.778% {
transform: translate3D(-263.114%, 0, 0.342px) scale(1.507);
}
30.556% {
transform: translate3D(-242.487%, 0, 0.5px) scale(1.625);
}
33.333% {
transform: translate3D(-214.492%, 0, 0.643px) scale(1.732);
}
36.111% {
transform: translate3D(-179.981%, 0, 0.766px) scale(1.825);
}
38.889% {
transform: translate3D(-140%, 0, 0.866px) scale(1.9);
}
41.667% {
transform: translate3D(-95.766%, 0, 0.94px) scale(1.955);
}
44.444% {
transform: translate3D(-48.621%, 0, 0.985px) scale(1.989);
}
47.222% {
transform: translate3D(0%, 0, 1px) scale(2);
}
50% {
transform: translate3D(48.621%, 0, 0.985px) scale(1.989);
}
52.778% {
transform: translate3D(95.766%, 0, 0.94px) scale(1.955);
}
55.556% {
transform: translate3D(140%, 0, 0.866px) scale(1.9);
}
58.333% {
transform: translate3D(179.981%, 0, 0.766px) scale(1.825);
}
61.111% {
transform: translate3D(214.492%, 0, 0.643px) scale(1.732);
}
63.889% {
transform: translate3D(242.487%, 0, 0.5px) scale(1.625);
}
66.667% {
transform: translate3D(263.114%, 0, 0.342px) scale(1.507);
}
69.444% {
transform: translate3D(275.746%, 0, 0.174px) scale(1.38);
}
72.222% {
transform: translate3D(280%, 0, 0px) scale(1.25);
}
75% {
transform: translate3D(275.746%, 0, -0.174px) scale(1.12);
}
77.778% {
transform: translate3D(263.114%, 0, -0.342px) scale(0.993);
}
80.556% {
transform: translate3D(242.487%, 0, -0.5px) scale(0.875);
}
83.333% {
transform: translate3D(214.492%, 0, -0.643px) scale(0.768);
}
86.111% {
transform: translate3D(179.981%, 0, -0.766px) scale(0.675);
}
88.889% {
transform: translate3D(140%, 0, -0.866px) scale(0.6);
}
91.667% {
transform: translate3D(95.766%, 0, -0.94px) scale(0.545);
}
94.444% {
transform: translate3D(48.621%, 0, -0.985px) scale(0.511);
}
97.222% {
transform: translate3D(0%, 0, -1px) scale(0.5);
}
}
.arco-spin {
display: inline-block;
}
.arco-spin-with-tip {
text-align: center;
}
.arco-spin-icon {
color: rgb(var(--primary-6));
font-size: 20px;
}
.arco-spin-tip {
margin-top: 6px;
color: rgb(var(--primary-6));
font-weight: 500;
font-size: 14px;
}
.arco-spin-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 11;
text-align: center;
background-color: var(--color-spin-layer-bg);
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
user-select: none;
}
.arco-spin-loading {
position: relative;
user-select: none;
}
.arco-spin-loading .arco-spin-mask-icon {
position: absolute;
top: 50%;
left: 50%;
z-index: 12;
transform: translate(-50%, -50%);
}
.arco-spin-loading .arco-spin-children::after {
opacity: 1;
pointer-events: auto;
}
.arco-split {
display: flex;
}
.arco-split-pane {
overflow: auto;
}
.arco-split-pane-second {
flex: 1;
}
.arco-split-horizontal {
flex-direction: row;
}
.arco-split-vertical {
flex-direction: column;
}
.arco-split-trigger-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: var(--color-text-1);
font-size: 12px;
line-height: 1;
background-color: var(--color-neutral-3);
}
.arco-split-trigger-icon {
display: inline-block;
margin: -3px;
}
.arco-split-trigger-vertical {
height: 100%;
cursor: col-resize;
}
.arco-split-trigger-horizontal {
width: 100%;
cursor: row-resize;
}
.arco-statistic {
display: inline-block;
color: var(--color-text-2);
line-height: 1.5715;
}
.arco-statistic-title {
margin-bottom: 8px;
color: var(--color-text-2);
font-size: 14px;
}
.arco-statistic-content .arco-statistic-value {
color: var(--color-text-1);
font-weight: 500;
font-size: 26px;
white-space: nowrap;
}
.arco-statistic-content .arco-statistic-value-integer {
font-size: inherit;
white-space: nowrap;
}
.arco-statistic-content .arco-statistic-value-decimal {
display: inline-block;
font-size: inherit;
}
.arco-statistic-prefix {
font-size: 14px;
}
.arco-statistic-suffix {
font-size: 14px;
}
.arco-statistic-extra {
margin-top: 8px;
color: var(--color-text-2);
}
.arco-steps-item {
position: relative;
flex: 1;
margin-right: 12px;
overflow: hidden;
white-space: nowrap;
text-align: left;
}
.arco-steps-item:last-child {
flex: none;
margin-right: 0;
}
.arco-steps-item-active .arco-steps-item-title {
font-weight: 500;
}
.arco-steps-item-node {
display: inline-block;
margin-right: 12px;
font-weight: 500;
font-size: 16px;
vertical-align: top;
}
.arco-steps-icon {
box-sizing: border-box;
width: 28px;
height: 28px;
line-height: 26px;
text-align: center;
border-radius: var(--border-radius-circle);
font-size: 16px;
}
.arco-steps-item-wait .arco-steps-icon {
color: var(--color-text-2);
background-color: var(--color-fill-2);
border: 1px solid transparent;
}
.arco-steps-item-process .arco-steps-icon {
color: var(--color-white);
background-color: rgb(var(--primary-6));
border: 1px solid transparent;
}
.arco-steps-item-finish .arco-steps-icon {
color: rgb(var(--primary-6));
background-color: var(--color-primary-light-1);
border: 1px solid transparent;
}
.arco-steps-item-error .arco-steps-icon {
color: var(--color-white);
background-color: rgb(var(--danger-6));
border: 1px solid transparent;
}
.arco-steps-item-title {
position: relative;
display: inline-block;
padding-right: 12px;
color: var(--color-text-2);
font-size: 16px;
line-height: 28px;
white-space: nowrap;
}
.arco-steps-item-wait .arco-steps-item-title {
color: var(--color-text-2);
}
.arco-steps-item-process .arco-steps-item-title {
color: var(--color-text-1);
}
.arco-steps-item-finish .arco-steps-item-title {
color: var(--color-text-1);
}
.arco-steps-item-error .arco-steps-item-title {
color: var(--color-text-1);
}
.arco-steps-item-content {
display: inline-block;
}
.arco-steps-item-description {
max-width: 140px;
margin-top: 2px;
color: var(--color-text-3);
font-size: 12px;
white-space: normal;
}
.arco-steps-item-wait .arco-steps-item-description {
color: var(--color-text-3);
}
.arco-steps-item-process .arco-steps-item-description {
color: var(--color-text-3);
}
.arco-steps-item-finish .arco-steps-item-description {
color: var(--color-text-3);
}
.arco-steps-item-error .arco-steps-item-description {
color: var(--color-text-3);
}
.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after {
position: absolute;
top: 13.5px;
left: 100%;
display: block;
box-sizing: border-box;
width: 5000px;
height: 1px;
background-color: var(--color-neutral-3);
content: '';
}
.arco-steps-label-horizontal .arco-steps-item.arco-steps-item-process .arco-steps-item-title::after {
background-color: var(--color-neutral-3);
}
.arco-steps-label-horizontal .arco-steps-item.arco-steps-item-finish .arco-steps-item-title::after {
background-color: rgb(var(--primary-6));
}
.arco-steps-label-horizontal .arco-steps-item.arco-steps-item-next-error .arco-steps-item-title::after {
background-color: rgb(var(--danger-6));
}
.arco-steps-item:not(:last-child) .arco-steps-item-tail {
position: absolute;
top: 13.5px;
box-sizing: border-box;
width: 100%;
height: 1px;
}
.arco-steps-item:not(:last-child) .arco-steps-item-tail::after {
display: block;
width: 100%;
height: 100%;
background-color: var(--color-neutral-3);
content: '';
}
.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail {
position: absolute;
top: 0;
left: 13.5px;
box-sizing: border-box;
width: 1px;
height: 100%;
padding: 34px 0 6px;
}
.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail::after {
display: block;
width: 100%;
height: 100%;
background-color: var(--color-neutral-3);
content: '';
}
.arco-steps-size-small.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail {
left: 11.5px;
padding: 30px 0 6px;
}
.arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail::after {
background-color: rgb(var(--primary-6));
}
.arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail::after {
background-color: rgb(var(--danger-6));
}
.arco-steps-size-small:not(.arco-steps-vertical) .arco-steps-item:not(:last-child) .arco-steps-item-tail {
top: 11.5px;
}
.arco-steps-size-small .arco-steps-item-node {
font-size: 14px;
}
.arco-steps-size-small .arco-steps-item-title {
font-size: 14px;
line-height: 24px;
}
.arco-steps-size-small .arco-steps-item-description {
font-size: 12px;
}
.arco-steps-size-small .arco-steps-icon {
width: 24px;
height: 24px;
font-size: 14px;
line-height: 22px;
}
.arco-steps-size-small.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after {
top: 11.5px;
}
.arco-steps-label-vertical .arco-steps-item {
overflow: visible;
}
.arco-steps-label-vertical .arco-steps-item-title {
margin-top: 2px;
padding-right: 0;
}
.arco-steps-label-vertical .arco-steps-item-node {
margin-left: 56px;
}
.arco-steps-label-vertical .arco-steps-item-tail {
left: 96px;
padding-right: 40px;
}
.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-node {
margin-left: 58px;
}
.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail {
left: 94px;
padding-right: 36px;
}
.arco-steps-mode-dot .arco-steps-item {
position: relative;
flex: 1;
margin-right: 16px;
overflow: visible;
white-space: nowrap;
text-align: left;
}
.arco-steps-mode-dot .arco-steps-item:last-child {
flex: none;
margin-right: 0;
}
.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-title {
font-weight: 500;
}
.arco-steps-mode-dot .arco-steps-item-node {
display: inline-block;
box-sizing: border-box;
width: 8px;
height: 8px;
vertical-align: top;
border-radius: var(--border-radius-circle);
}
.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-node {
width: 10px;
height: 10px;
}
.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-node {
background-color: var(--color-fill-4);
border-color: var(--color-fill-4);
}
.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-node {
background-color: rgb(var(--primary-6));
border-color: rgb(var(--primary-6));
}
.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-node {
background-color: rgb(var(--primary-6));
border-color: rgb(var(--primary-6));
}
.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-node {
background-color: rgb(var(--danger-6));
border-color: rgb(var(--danger-6));
}
.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-node {
margin-left: 66px;
}
.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-node {
margin-top: -1px;
margin-left: 65px;
}
.arco-steps-mode-dot .arco-steps-item-content {
display: inline-block;
}
.arco-steps-mode-dot .arco-steps-item-title {
position: relative;
display: inline-block;
margin-top: 4px;
font-size: 16px;
}
.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-title {
color: var(--color-text-2);
}
.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-title {
color: var(--color-text-1);
}
.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-title {
color: var(--color-text-1);
}
.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-title {
color: var(--color-text-1);
}
.arco-steps-mode-dot .arco-steps-item-description {
margin-top: 4px;
font-size: 12px;
white-space: normal;
}
.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-description {
color: var(--color-text-3);
}
.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-description {
color: var(--color-text-3);
}
.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-description {
color: var(--color-text-3);
}
.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-description {
color: var(--color-text-3);
}
.arco-steps-mode-dot .arco-steps-item:not(:last-child) .arco-steps-item-tail {
position: absolute;
top: 3.5px;
left: 78px;
box-sizing: border-box;
width: 100%;
height: 1px;
background-color: var(--color-neutral-3);
}
.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-process .arco-steps-item-tail {
background-color: var(--color-neutral-3);
}
.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail {
background-color: rgb(var(--primary-6));
}
.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail {
background-color: rgb(var(--danger-6));
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-node {
margin-right: 16px;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-content {
overflow: hidden;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-title {
margin-top: -2px;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-description {
margin-top: 4px;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail {
position: absolute;
bottom: 0;
left: 4px;
box-sizing: border-box;
width: 1px;
height: 100%;
padding-top: 16px;
padding-bottom: 2px;
background-color: transparent;
transform: translateX(-50%);
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail::after {
display: block;
width: 100%;
height: 100%;
background-color: var(--color-neutral-3);
content: '';
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child).arco-steps-item-process .arco-steps-item-tail::after {
background-color: var(--color-neutral-3);
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail::after {
background-color: rgb(var(--primary-6));
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail::after {
background-color: rgb(var(--danger-6));
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item .arco-steps-item-node {
margin-top: 8px;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-node {
margin-top: 6px;
margin-left: -1px;
}
.arco-steps-mode-arrow .arco-steps-item {
position: relative;
display: flex;
flex: 1;
align-items: center;
height: 72px;
overflow: visible;
white-space: nowrap;
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child) {
margin-right: 4px;
}
.arco-steps-mode-arrow .arco-steps-item-wait {
background-color: var(--color-fill-1);
}
.arco-steps-mode-arrow .arco-steps-item-process {
background-color: rgb(var(--primary-6));
}
.arco-steps-mode-arrow .arco-steps-item-finish {
background-color: var(--color-primary-light-1);
}
.arco-steps-mode-arrow .arco-steps-item-error {
background-color: rgb(var(--danger-6));
}
.arco-steps-mode-arrow .arco-steps-item-content {
display: inline-block;
box-sizing: border-box;
}
.arco-steps-mode-arrow .arco-steps-item:first-child .arco-steps-item-content {
padding-left: 16px;
}
.arco-steps-mode-arrow .arco-steps-item:not(:first-child) .arco-steps-item-content {
padding-left: 52px;
}
.arco-steps-mode-arrow .arco-steps-item-title {
position: relative;
display: inline-block;
font-size: 16px;
white-space: nowrap;
}
.arco-steps-mode-arrow .arco-steps-item-title::after {
display: none !important;
}
.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-title {
color: var(--color-text-2);
}
.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-title {
color: var(--color-white);
}
.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-title {
color: var(--color-text-1);
}
.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-title {
color: var(--color-white);
}
.arco-steps-mode-arrow .arco-steps-item-active .arco-steps-item-title {
font-weight: 500;
}
.arco-steps-mode-arrow .arco-steps-item-description {
max-width: none;
margin-top: 0;
font-size: 12px;
white-space: nowrap;
}
.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-description {
color: var(--color-text-3);
}
.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-description {
color: var(--color-white);
}
.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-description {
color: var(--color-text-3);
}
.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-description {
color: var(--color-white);
}
.arco-steps-mode-arrow .arco-steps-item:not(:first-child)::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 0;
height: 0;
border-top: 36px solid transparent;
border-bottom: 36px solid transparent;
border-left: 36px solid var(--color-bg-2);
content: '';
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child)::after {
position: absolute;
top: 0;
right: -36px;
z-index: 2;
display: block;
clear: both;
width: 0;
height: 0;
border-top: 36px solid transparent;
border-bottom: 36px solid transparent;
content: '';
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait::after {
border-left: 36px solid var(--color-fill-1);
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process::after {
border-left: 36px solid rgb(var(--primary-6));
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error::after {
border-left: 36px solid rgb(var(--danger-6));
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish::after {
border-left: 36px solid var(--color-primary-light-1);
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item {
height: 40px;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-title {
font-size: 14px;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-description {
display: none;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child)::before {
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid var(--color-bg-2);
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child)::after {
right: -20px;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid var(--color-fill-1);
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:first-child .arco-steps-item-content {
padding-left: 20px;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child) .arco-steps-item-content {
padding-left: 40px;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-error:not(:last-child)::after {
border-left: 20px solid rgb(var(--danger-6));
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait::after {
border-left: 20px solid var(--color-fill-1);
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-process::after {
border-left: 20px solid rgb(var(--primary-6));
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish::after {
border-left: 20px solid var(--color-primary-light-1);
}
.arco-steps-mode-navigation.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after {
display: none;
}
.arco-steps-mode-navigation .arco-steps-item {
padding-left: 20px;
padding-right: 10px;
margin-right: 32px;
}
.arco-steps-mode-navigation .arco-steps-item:last-child {
flex: 1;
}
.arco-steps-mode-navigation .arco-steps-item-content {
margin-bottom: 20px;
}
.arco-steps-mode-navigation .arco-steps-item-description {
padding-right: 20px;
}
.arco-steps-mode-navigation .arco-steps-item-active::after {
content: '';
position: absolute;
display: block;
height: 2px;
left: 0;
right: 30px;
bottom: 0;
background-color: rgb(var(--primary-6));
}
.arco-steps-mode-navigation .arco-steps-item-active:last-child::after {
width: 100%;
}
.arco-steps-mode-navigation .arco-steps-item:not(:last-child) .arco-steps-item-content::after {
position: absolute;
top: 10px;
right: 30px;
display: inline-block;
width: 6px;
height: 6px;
background-color: var(--color-bg-2);
border: 2px solid var(--color-text-4);
border-bottom: none;
border-left: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
}
.arco-steps {
display: flex;
}
.arco-steps-changeable .arco-steps-item-title,
.arco-steps-changeable .arco-steps-item-description {
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-steps-changeable .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled) {
cursor: pointer;
}
.arco-steps-changeable .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-title,
.arco-steps-changeable .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-description {
color: rgb(var(--primary-6));
}
.arco-steps-line-less .arco-steps-item-title::after {
display: none !important;
}
.arco-steps-vertical {
flex-direction: column;
}
.arco-steps-vertical .arco-steps-item:not(:last-child) {
min-height: 90px;
}
.arco-steps-vertical .arco-steps-item-title::after {
display: none !important;
}
.arco-steps-vertical .arco-steps-item-description {
max-width: none;
}
.arco-steps-label-vertical .arco-steps-item-content {
display: block;
width: 140px;
text-align: center;
}
.arco-steps-label-vertical .arco-steps-item-description {
max-width: none;
}
.switch-slide-text-enter-from {
left: -100% !important;
}
.switch-slide-text-enter-to {
left: 8px !important;
}
.switch-slide-text-enter-active {
transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.switch-slide-text-leave-from {
left: 100% !important;
}
.switch-slide-text-leave-to {
left: 26px !important;
}
.switch-slide-text-leave-active {
transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-switch {
position: relative;
box-sizing: border-box;
min-width: 40px;
height: 24px;
padding: 0;
overflow: hidden;
line-height: 24px;
vertical-align: middle;
background-color: var(--color-fill-4);
border: none;
border-radius: 12px;
outline: none;
cursor: pointer;
transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-switch-handle {
position: absolute;
top: 4px;
left: 4px;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
color: var(--color-neutral-3);
font-size: 12px;
background-color: var(--color-bg-white);
border-radius: 50%;
transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-switch-checked {
background-color: rgb(var(--primary-6));
}
.arco-switch-checked .arco-switch-handle {
left: calc(100% - 16px - 4px);
color: rgb(var(--primary-6));
}
.arco-switch[disabled] .arco-switch-handle {
color: var(--color-fill-2);
}
.arco-switch[disabled].arco-switch-checked .arco-switch-handle {
color: var(--color-primary-light-3);
}
.arco-switch[disabled] .arco-switch-handle {
color: var(--color-fill-2);
}
.arco-switch[disabled].arco-switch-checked .arco-switch-handle {
color: var(--color-primary-light-3);
}
.arco-switch-text-holder {
margin: 0 8px 0 26px;
font-size: 12px;
opacity: 0;
}
.arco-switch-text {
position: absolute;
top: 0;
left: 26px;
color: var(--color-white);
font-size: 12px;
}
.arco-switch-checked .arco-switch-text-holder {
margin: 0 26px 0 8px;
}
.arco-switch-checked .arco-switch-text {
left: 8px;
color: var(--color-white);
}
.arco-switch[disabled] {
background-color: var(--color-fill-2);
cursor: not-allowed;
}
.arco-switch[disabled] .arco-switch-text {
color: var(--color-white);
}
.arco-switch[disabled].arco-switch-checked {
background-color: var(--color-primary-light-3);
}
.arco-switch[disabled].arco-switch-checked .arco-switch-text {
color: var(--color-white);
}
.arco-switch-loading {
background-color: var(--color-fill-2);
}
.arco-switch-loading .arco-switch-handle {
color: var(--color-neutral-3);
}
.arco-switch-loading .arco-switch-text {
color: var(--color-white);
}
.arco-switch-loading.arco-switch-checked {
background-color: var(--color-primary-light-3);
}
.arco-switch-loading.arco-switch-checked .arco-switch-handle {
color: var(--color-primary-light-3);
}
.arco-switch-loading.arco-switch-checked .arco-switch-text {
color: var(--color-primary-light-1);
}
.arco-switch-small {
min-width: 28px;
height: 16px;
line-height: 16px;
}
.arco-switch-small.arco-switch-checked {
padding-left: -2px;
}
.arco-switch-small .arco-switch-handle {
top: 2px;
left: 2px;
width: 12px;
height: 12px;
border-radius: 8px;
}
.arco-switch-small .arco-switch-handle-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.66667);
}
.arco-switch-small.arco-switch-checked .arco-switch-handle {
left: calc(100% - 12px - 2px);
}
.arco-switch-type-round {
min-width: 40px;
border-radius: var(--border-radius-small);
}
.arco-switch-type-round .arco-switch-handle {
border-radius: 2px;
}
.arco-switch-type-round.arco-switch-small {
min-width: 28px;
height: 16px;
line-height: 16px;
border-radius: 2px;
}
.arco-switch-type-round.arco-switch-small .arco-switch-handle {
border-radius: 1px;
}
.arco-switch-type-line {
min-width: 36px;
overflow: unset;
background-color: transparent;
}
.arco-switch-type-line::after {
display: block;
width: 100%;
height: 6px;
background-color: var(--color-fill-4);
border-radius: 3px;
transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
content: '';
}
.arco-switch-type-line .arco-switch-handle {
top: 2px;
left: 0;
width: 20px;
height: 20px;
background-color: var(--color-bg-white);
border-radius: 10px;
box-shadow: 0 1px 3px var(--color-neutral-6);
}
.arco-switch-type-line.arco-switch-checked {
background-color: transparent;
}
.arco-switch-type-line.arco-switch-checked::after {
background-color: rgb(var(--primary-6));
}
.arco-switch-type-line.arco-switch-custom-color {
--custom-color: var(--color-fill-4);
}
.arco-switch-type-line.arco-switch-custom-color::after {
background-color: var(--custom-color);
}
.arco-switch-type-line.arco-switch-custom-color.arco-switch-checked {
--custom-color: rgb(var(--primary-6));
}
.arco-switch-type-line.arco-switch-checked .arco-switch-handle {
left: calc(100% - 20px);
}
.arco-switch-type-line[disabled] {
background-color: transparent;
cursor: not-allowed;
}
.arco-switch-type-line[disabled]::after {
background-color: var(--color-fill-2);
}
.arco-switch-type-line[disabled].arco-switch-checked {
background-color: transparent;
}
.arco-switch-type-line[disabled].arco-switch-checked::after {
background-color: var(--color-primary-light-3);
}
.arco-switch-type-line.arco-switch-loading {
background-color: transparent;
}
.arco-switch-type-line.arco-switch-loading::after {
background-color: var(--color-fill-2);
}
.arco-switch-type-line.arco-switch-loading.arco-switch-checked {
background-color: transparent;
}
.arco-switch-type-line.arco-switch-loading.arco-switch-checked::after {
background-color: var(--color-primary-light-3);
}
.arco-switch-type-line.arco-switch-small {
min-width: 28px;
height: 16px;
line-height: 16px;
}
.arco-switch-type-line.arco-switch-small.arco-switch-checked {
padding-left: 0px;
}
.arco-switch-type-line.arco-switch-small .arco-switch-handle {
top: 0px;
width: 16px;
height: 16px;
border-radius: 8px;
}
.arco-switch-type-line.arco-switch-small .arco-switch-handle-icon {
transform: translate(-50%, -50%) scale(1);
}
.arco-switch-type-line.arco-switch-small.arco-switch-checked .arco-switch-handle {
left: calc(100% - 16px - 0px);
}
.arco-table-filters-content {
box-sizing: border-box;
min-width: 100px;
background: var(--color-bg-5);
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.arco-table-filters-list {
max-height: 200px;
padding: 4px 0;
overflow-y: auto;
}
.arco-table-filters-item {
height: 32px;
padding: 0 12px;
font-size: 14px;
line-height: 32px;
}
.arco-table-filters-text {
width: 100%;
max-width: 160px;
height: 34px;
margin-right: 0;
padding-left: 10px;
overflow: hidden;
line-height: 32px;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
}
.arco-table-filters-bottom {
box-sizing: border-box;
height: 38px;
padding: 0 12px;
overflow: hidden;
line-height: 38px;
border-top: 1px solid var(--color-neutral-3);
}
.arco-table-filters-bottom > *:not(*:last-child) {
margin-right: 8px;
}
.arco-table {
position: relative;
/* ---- Table sorter, filter, checkbox, radio (End) ---- */
}
.arco-table-column-handle {
position: absolute;
top: 0;
right: -4px;
z-index: 1;
width: 8px;
height: 100%;
cursor: col-resize;
}
.arco-table .arco-spin {
display: flex;
flex-direction: column;
height: 100%;
}
.arco-table > .arco-spin > .arco-spin-children::after {
z-index: 2;
}
.arco-table-footer {
border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
}
.arco-table-scroll-position-right .arco-table-col-fixed-left-last::after,
.arco-table-scroll-position-middle .arco-table-col-fixed-left-last::after {
box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
}
.arco-table-scroll-position-left .arco-table-col-fixed-right-first::after,
.arco-table-scroll-position-middle .arco-table-col-fixed-right-first::after {
box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
}
.arco-table-layout-fixed .arco-table-element {
table-layout: fixed;
}
.arco-table .arco-table-element {
width: 100%;
min-width: 100%;
margin: 0;
border-collapse: separate;
border-spacing: 0;
}
.arco-table-th {
position: relative;
box-sizing: border-box;
color: rgb(var(--gray-10));
font-weight: 500;
line-height: 1.5715;
text-align: left;
background-color: var(--color-neutral-2);
}
.arco-table-th[colspan] {
text-align: center;
}
.arco-table-th-align-right {
text-align: right;
}
.arco-table-th-align-right .arco-table-cell-with-sorter {
justify-content: flex-end;
}
.arco-table-th-align-center {
text-align: center;
}
.arco-table-th-align-center .arco-table-cell-with-sorter {
justify-content: center;
}
.arco-table-td {
box-sizing: border-box;
color: rgb(var(--gray-10));
line-height: 1.5715;
text-align: left;
word-break: break-all;
background-color: var(--color-bg-2);
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-table-td-align-right {
text-align: right;
}
.arco-table-td-align-center {
text-align: center;
}
.arco-table-td.arco-table-drag-handle {
cursor: move;
}
.arco-table-cell {
display: flex;
align-items: center;
}
.arco-table-cell-align-right {
justify-content: flex-end;
text-align: right;
}
.arco-table-cell-align-center {
justify-content: center;
text-align: center;
}
.arco-table-text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-table-td-content {
display: block;
width: 100%;
}
.arco-table-th.arco-table-col-sorted {
background-color: var(--color-neutral-3);
}
.arco-table-td.arco-table-col-sorted {
background-color: var(--color-fill-1);
}
.arco-table-col-fixed-left,
.arco-table-col-fixed-right {
position: sticky;
z-index: 10;
}
.arco-table-col-fixed-left-last::after,
.arco-table-col-fixed-right-first::after {
position: absolute;
top: 0;
bottom: -1px;
left: 0;
width: 10px;
box-shadow: none;
transform: translateX(-100%);
transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
content: '';
pointer-events: none;
}
.arco-table-col-fixed-left-last::after {
right: 0;
left: unset;
transform: translateX(100%);
}
.arco-table-cell-text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-table-editable-row .arco-table-cell-wrap-value {
border: 1px solid var(--color-white);
border-radius: var(--border-radius-medium);
cursor: pointer;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-table-editable-row:hover .arco-table-cell-wrap-value {
border: 1px solid var(--color-neutral-3);
}
.arco-table .arco-table-expand-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 14px;
height: 14px;
padding: 0;
color: var(--color-text-2);
font-size: 12px;
line-height: 14px;
background-color: var(--color-neutral-3);
border: 1px solid transparent;
border-radius: 2px;
outline: none;
cursor: pointer;
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-table .arco-table-expand-btn:hover {
color: var(--color-text-1);
background-color: var(--color-neutral-4);
border-color: transparent;
}
.arco-table-cell-expand-icon {
display: flex;
align-items: center;
}
.arco-table-cell-expand-icon .arco-table-cell-inline-icon {
display: inline-flex;
margin-right: 4px;
}
.arco-table-cell-expand-icon .arco-table-cell-inline-icon .arco-icon-loading {
color: rgb(var(--primary-6));
}
.arco-table-cell-expand-icon-hidden {
display: inline-block;
width: 14px;
height: 14px;
margin-right: 4px;
}
.arco-table-tr-expand .arco-table-td {
background-color: var(--color-fill-1);
}
.arco-table-cell-fixed-expand {
position: sticky;
left: 0;
box-sizing: border-box;
}
.arco-table-tr-expand .arco-table-td .arco-table .arco-table-container {
border: none;
}
.arco-table-tr-expand .arco-table-td .arco-table .arco-table-th {
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-table-tr-expand .arco-table-td .arco-table .arco-table-th,
.arco-table-tr-expand .arco-table-td .arco-table .arco-table-td {
background-color: transparent;
}
.arco-table-tr-expand .arco-table-td .arco-table .arco-table-pagination {
margin-bottom: 12px;
}
.arco-table-th.arco-table-operation,
.arco-table-td.arco-table-operation {
text-align: center;
}
.arco-table-th.arco-table-operation .arco-table-cell,
.arco-table-td.arco-table-operation .arco-table-cell {
display: flex;
justify-content: center;
padding: 0;
}
.arco-table-radio,
.arco-table-checkbox {
justify-content: center;
}
.arco-table-checkbox .arco-checkbox,
.arco-table-radio .arco-radio {
padding-left: 0;
}
.arco-table-selection-checkbox-col,
.arco-table-selection-radio-col {
width: 40px;
min-width: 40px;
max-width: 40px;
}
.arco-table-expand-col {
width: 40px;
min-width: 40px;
max-width: 40px;
}
.arco-table-drag-handle-col {
width: 40px;
min-width: 40px;
max-width: 40px;
}
.arco-table-th {
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-table-cell-with-sorter {
display: flex;
align-items: center;
cursor: pointer;
}
.arco-table-cell-with-sorter:hover {
background-color: rgba(var(--gray-4), 0.5);
}
.arco-table-cell-with-filter {
display: flex;
align-items: center;
}
.arco-table-cell-next-ascend .arco-table-sorter-icon .arco-icon-caret-up {
color: var(--color-neutral-6);
}
.arco-table-cell-next-descend .arco-table-sorter-icon .arco-icon-caret-down {
color: var(--color-neutral-6);
}
.arco-table-sorter {
display: inline-block;
margin-left: 8px;
vertical-align: -3px;
}
.arco-table-sorter.arco-table-sorter-direction-one {
vertical-align: 0;
}
.arco-table-sorter-icon {
position: relative;
width: 14px;
height: 8px;
overflow: hidden;
line-height: 8px;
}
.arco-table-sorter-icon .arco-icon-caret-up,
.arco-table-sorter-icon .arco-icon-caret-down {
position: absolute;
top: 50%;
color: var(--color-neutral-5);
font-size: 12px;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-table-sorter-icon .arco-icon-caret-up {
top: -2px;
left: 1px;
}
.arco-table-sorter-icon .arco-icon-caret-down {
top: -3px;
left: 1px;
}
.arco-table-sorter-icon.arco-table-sorter-icon-active svg {
color: rgb(var(--primary-6));
}
.arco-table-filters {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 100%;
line-height: 1;
vertical-align: 0;
background-color: transparent;
cursor: pointer;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-table-filters:hover,
.arco-table-filters-open {
background-color: var(--color-neutral-4);
}
.arco-table-filters svg {
color: var(--color-text-2);
font-size: 16px;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-table-filters-active svg {
color: rgb(var(--primary-6));
}
.arco-table-filters-align-left {
position: relative;
width: auto;
margin-left: 8px;
}
.arco-table-filters-align-left svg {
font-size: 12px;
}
.arco-table-filters-align-left:hover,
.arco-table-filters-align-left-open {
background: none;
}
.arco-table-filters-align-left:hover::before,
.arco-table-filters-align-left.arco-table-filters-open::before {
background: var(--color-fill-4);
}
.arco-table-container {
position: relative;
border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}
.arco-table-header {
flex-shrink: 0;
border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}
.arco-table-container {
box-sizing: border-box;
width: 100%;
min-height: 0;
}
.arco-table-container .arco-table-content {
display: flex;
flex-direction: column;
width: auto;
height: 100%;
}
.arco-table-container .arco-table-content-scroll-x {
overflow-x: auto;
overflow-y: hidden;
}
.arco-table-container::before,
.arco-table-container::after {
position: absolute;
z-index: 1;
width: 10px;
height: 100%;
box-shadow: none;
transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
content: '';
pointer-events: none;
}
.arco-table-container::before {
top: 0;
left: 0;
border-top-left-radius: var(--border-radius-medium);
}
.arco-table-container::after {
top: 0;
right: 0;
border-top-right-radius: var(--border-radius-medium);
}
.arco-table-container:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right::before,
.arco-table-container:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle::before {
box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
}
.arco-table-container:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left::after,
.arco-table-container:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle::after {
box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
}
.arco-table-header {
overflow-x: hidden;
overflow-y: hidden;
background-color: var(--color-neutral-2);
scrollbar-color: transparent transparent;
}
.arco-table-header-sticky {
position: sticky;
top: 0;
z-index: 100;
}
.arco-table:not(.arco-table-empty) .arco-table-header::-webkit-scrollbar {
height: 0;
background-color: transparent;
}
.arco-table.arco-table-empty .arco-table-header {
overflow-x: auto;
}
.arco-table-body {
position: relative;
width: 100%;
min-height: 40px;
overflow: auto;
background-color: var(--color-bg-2);
}
.arco-table-border .arco-table-container {
border-top: 1px solid var(--color-neutral-3);
border-left: 1px solid var(--color-neutral-3);
}
.arco-table-border .arco-table-scroll-y {
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-table-border .arco-table-scroll-y .arco-table-body .arco-table-tr:last-of-type .arco-table-td,
.arco-table-border .arco-table-scroll-y tfoot .arco-table-tr:last-of-type .arco-table-td {
border-bottom: none;
}
.arco-table-border .arco-table-scroll-y .arco-table-body .arco-table-tr:last-of-type .arco-table-td.arco-table-col-fixed-left-last::after,
.arco-table-border .arco-table-scroll-y tfoot .arco-table-tr:last-of-type .arco-table-td.arco-table-col-fixed-left-last::after,
.arco-table-border .arco-table-scroll-y .arco-table-body .arco-table-tr:last-of-type .arco-table-td.arco-table-col-fixed-right-first::after,
.arco-table-border .arco-table-scroll-y tfoot .arco-table-tr:last-of-type .arco-table-td.arco-table-col-fixed-right-first::after {
bottom: 0;
}
.arco-table-border .arco-table-tr .arco-table-th {
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-table-border .arco-table-footer {
border: 1px solid var(--color-neutral-3);
border-top: 0;
}
.arco-table-border:not(.arco-table-border-cell) .arco-table-container {
border-right: 1px solid var(--color-neutral-3);
}
.arco-table-border-cell .arco-table-th,
.arco-table-border-cell .arco-table-td:not(.arco-table-tr-expand) {
border-right: 1px solid var(--color-neutral-3);
}
.arco-table-border-cell .arco-table-th-resizing,
.arco-table-border-cell .arco-table-td-resizing:not(.arco-table-tr-expand) {
border-right-color: rgb(var(--primary-6));
}
.arco-table-border-header-cell .arco-table-th {
border-right: 1px solid var(--color-neutral-3);
border-bottom: 1px solid var(--color-neutral-3);
}
.arco-table-border-header-cell .arco-table-th-resizing,
.arco-table-border-header-cell .arco-table-td-resizing:not(.arco-table-tr-expand) {
border-right-color: rgb(var(--primary-6));
}
.arco-table-border.arco-table-border-header-cell thead .arco-table-tr:first-child .arco-table-th:last-child {
border-right: 0;
}
.arco-table-border-body-cell .arco-table-td:not(:last-child):not(.arco-table-tr-expand) {
border-right: 1px solid var(--color-neutral-3);
}
.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):nth-child(even) .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right),
.arco-table-stripe .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
background-color: var(--color-fill-1);
}
.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):nth-child(even) .arco-table-td.arco-table-col-fixed-left::before,
.arco-table-stripe .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-left::before,
.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):nth-child(even) .arco-table-td.arco-table-col-fixed-right::before,
.arco-table-stripe .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-right::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: var(--color-fill-1);
content: '';
}
.arco-table .arco-table-tr-draggable {
cursor: move;
}
.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right),
.arco-table-hover .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
background-color: var(--color-fill-1);
}
.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover .arco-table-td.arco-table-col-fixed-left::before,
.arco-table-hover .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-left::before,
.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover .arco-table-td.arco-table-col-fixed-right::before,
.arco-table-hover .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-right::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: var(--color-fill-1);
content: '';
}
.arco-table-hover .arco-table-tr-expand:not(.arco-table-tr-empty):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
background-color: var(--color-fill-1);
}
.arco-table-tr-expand .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
background-color: transparent;
}
.arco-table-tr-expand .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td.arco-table-col-fixed-left::before,
.arco-table-tr-expand .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td.arco-table-col-fixed-right::before {
background-color: transparent;
}
.arco-table-tfoot {
position: relative;
z-index: 1;
flex-shrink: 0;
width: 100%;
overflow-x: auto;
background-color: var(--color-neutral-2);
box-shadow: 0 -1px 0 var(--color-neutral-3);
scrollbar-color: transparent transparent;
}
.arco-table-tfoot::-webkit-scrollbar {
height: 0;
background-color: transparent;
}
.arco-table tfoot .arco-table-td {
background-color: var(--color-neutral-2);
}
.arco-table-tr-checked .arco-table-td {
background-color: var(--color-fill-1);
}
.arco-table .arco-table-cell {
padding: 9px 16px;
}
.arco-table .arco-table-th {
font-size: 14px;
}
.arco-table .arco-table-td {
font-size: 14px;
}
.arco-table .arco-table-footer {
padding: 9px 16px;
}
.arco-table .arco-table-tr-expand .arco-table-td .arco-table {
margin: -9px -16px calc(-9px - 1px) -16px;
}
.arco-table .arco-table-editable-row .arco-table-cell-wrap-value {
padding: 9px 16px;
}
.arco-table-size-medium .arco-table-cell {
padding: 7px 16px;
}
.arco-table-size-medium .arco-table-th {
font-size: 14px;
}
.arco-table-size-medium .arco-table-td {
font-size: 14px;
}
.arco-table-size-medium .arco-table-footer {
padding: 7px 16px;
}
.arco-table-size-medium .arco-table-tr-expand .arco-table-td .arco-table {
margin: -7px -16px calc(-7px - 1px) -16px;
}
.arco-table-size-medium .arco-table-editable-row .arco-table-cell-wrap-value {
padding: 7px 16px;
}
.arco-table-size-small .arco-table-cell {
padding: 5px 16px;
}
.arco-table-size-small .arco-table-th {
font-size: 14px;
}
.arco-table-size-small .arco-table-td {
font-size: 14px;
}
.arco-table-size-small .arco-table-footer {
padding: 5px 16px;
}
.arco-table-size-small .arco-table-tr-expand .arco-table-td .arco-table {
margin: -5px -16px calc(-5px - 1px) -16px;
}
.arco-table-size-small .arco-table-editable-row .arco-table-cell-wrap-value {
padding: 5px 16px;
}
.arco-table-size-mini .arco-table-cell {
padding: 2px 16px;
}
.arco-table-size-mini .arco-table-th {
font-size: 12px;
}
.arco-table-size-mini .arco-table-td {
font-size: 12px;
}
.arco-table-size-mini .arco-table-footer {
padding: 2px 16px;
}
.arco-table-size-mini .arco-table-tr-expand .arco-table-td .arco-table {
margin: -2px -16px calc(-2px - 1px) -16px;
}
.arco-table-size-mini .arco-table-editable-row .arco-table-cell-wrap-value {
padding: 2px 16px;
}
.arco-table-virtualized .arco-table-element {
table-layout: fixed;
}
.arco-table-virtualized div.arco-table-body div.arco-table-tr {
display: flex;
}
.arco-table-virtualized div.arco-table-body div.arco-table-td {
display: flex;
flex: 1;
align-items: center;
}
.arco-table-pagination {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 12px;
}
.arco-table-pagination-left {
justify-content: flex-start;
}
.arco-table-pagination-center {
justify-content: center;
}
.arco-table-pagination-top {
margin-top: 0;
margin-bottom: 12px;
}
.arco-virtual-list > .arco-table-element {
width: auto;
}
.arco-icon-hover.arco-tabs-icon-hover::before {
width: 16px;
height: 16px;
}
.arco-tabs .arco-tabs-icon-hover {
color: var(--color-text-2);
font-size: 12px;
user-select: none;
}
.arco-tabs-dropdown-icon {
margin-left: 6px;
font-size: 12px;
user-select: none;
}
.arco-tabs-tab-close-btn {
margin-left: 8px;
user-select: none;
}
.arco-tabs-nav-add-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 8px;
font-size: 12px;
user-select: none;
}
.arco-tabs-add {
position: relative;
}
.arco-tabs-nav-button-left {
margin-right: 6px;
margin-left: 10px;
}
.arco-tabs-nav-button-right {
margin-right: 10px;
margin-left: 6px;
}
.arco-tabs-nav-button-up {
margin-bottom: 10px;
}
.arco-tabs-nav-button-down {
margin-top: 10px;
}
.arco-tabs-nav-button-disabled {
color: var(--color-text-4);
cursor: not-allowed;
}
.arco-tabs {
position: relative;
overflow: hidden;
}
.arco-tabs-nav {
position: relative;
flex-shrink: 0;
}
.arco-tabs-nav::before {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
clear: both;
height: 1px;
background-color: var(--color-neutral-3);
content: '';
}
.arco-tabs-nav-tab {
display: flex;
flex: 1;
overflow: hidden;
}
.arco-tabs-nav-tab-list {
position: relative;
display: inline-block;
white-space: nowrap;
transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-tabs-nav-extra {
display: flex;
align-items: center;
width: auto;
line-height: 32px;
}
.arco-tabs-nav-extra .arco-tabs-nav-add-btn {
padding-left: 0;
}
.arco-tabs-tab {
display: inline-flex;
align-items: center;
box-sizing: border-box;
padding: 4px 0;
color: var(--color-text-2);
font-size: 14px;
line-height: 1.5715;
outline: none;
cursor: pointer;
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-tabs-tab-title {
display: inline-block;
}
.arco-tabs-tab:hover {
color: var(--color-text-2);
font-weight: 400;
}
.arco-tabs-tab-disabled,
.arco-tabs-tab-disabled:hover {
color: var(--color-text-4);
cursor: not-allowed;
}
.arco-tabs-tab-active,
.arco-tabs-tab-active:hover {
color: rgb(var(--primary-6));
font-weight: 500;
}
.arco-tabs-tab-active.arco-tabs-tab-disabled,
.arco-tabs-tab-active:hover.arco-tabs-tab-disabled {
color: var(--color-primary-light-3);
}
.arco-tabs-nav-ink {
position: absolute;
top: initial;
right: initial;
bottom: 0;
height: 2px;
background-color: rgb(var(--primary-6));
transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-tabs-nav-ink.arco-tabs-header-ink-no-animation {
transition: none;
}
.arco-tabs-nav-ink-disabled {
background-color: var(--color-primary-light-3);
}
.arco-tabs-nav-type-line .arco-tabs-nav-extra {
line-height: 40px;
}
.arco-tabs-nav-type-line .arco-tabs-tab {
margin: 0 16px;
padding: 8px 0;
line-height: 1.5715;
}
.arco-tabs-nav-type-line .arco-tabs-tab-title {
position: relative;
display: inline-block;
padding: 1px 0;
}
.arco-tabs-nav-type-line .arco-tabs-tab-title::before {
position: absolute;
top: 0;
right: -8px;
bottom: 0;
left: -8px;
z-index: -1;
background-color: transparent;
border-radius: var(--border-radius-small);
opacity: 1;
transition: background-color, opacity 0.2s cubic-bezier(0, 0, 1, 1);
content: '';
}
.arco-tabs-nav-type-line .arco-tabs-tab:hover .arco-tabs-tab-title::before {
background-color: var(--color-fill-2);
}
.arco-tabs-nav-type-line .arco-tabs-tab-active .arco-tabs-tab-title::before,
.arco-tabs-nav-type-line .arco-tabs-tab-active:hover .arco-tabs-tab-title::before {
background-color: transparent;
}
.arco-tabs-nav-type-line .arco-tabs-tab-disabled .arco-tabs-tab-title::before,
.arco-tabs-nav-type-line .arco-tabs-tab-disabled:hover .arco-tabs-tab-title::before {
opacity: 0;
}
.arco-tabs-nav-type-line .arco-tabs-tab:focus-visible .arco-tabs-tab-title::before {
border: 2px solid rgb(var(--primary-6));
}
.arco-tabs-nav-type-line.arco-tabs-nav-horizontal > .arco-tabs-tab:first-of-type {
margin-left: 16px;
}
.arco-tabs-nav-type-line.arco-tabs-nav-horizontal .arco-tabs-nav-tab-list-no-padding > .arco-tabs-tab:first-of-type,
.arco-tabs-nav-text.arco-tabs-nav-horizontal .arco-tabs-nav-tab-list-no-padding > .arco-tabs-tab:first-of-type {
margin-left: 0;
}
.arco-tabs-nav-type-card .arco-tabs-tab,
.arco-tabs-nav-type-card-gutter .arco-tabs-tab {
position: relative;
padding: 4px 16px;
font-size: 14px;
border: 1px solid var(--color-neutral-3);
transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-tabs-nav-type-card .arco-tabs-tab-closable,
.arco-tabs-nav-type-card-gutter .arco-tabs-tab-closable {
padding-right: 12px;
}
.arco-tabs-nav-type-card .arco-tabs-tab-closable:not(.arco-tabs-tab-active):hover .arco-icon-hover:hover::before,
.arco-tabs-nav-type-card-gutter .arco-tabs-tab-closable:not(.arco-tabs-tab-active):hover .arco-icon-hover:hover::before {
background-color: var(--color-fill-4);
}
.arco-tabs-nav-type-card .arco-tabs-tab:focus-visible::before,
.arco-tabs-nav-type-card-gutter .arco-tabs-tab:focus-visible::before {
position: absolute;
top: -1px;
right: 0;
bottom: -1px;
left: -1px;
border: 2px solid rgb(var(--primary-6));
content: '';
}
.arco-tabs-nav-type-card .arco-tabs-tab:last-child:focus-visible::before,
.arco-tabs-nav-type-card-gutter .arco-tabs-tab:last-child:focus-visible::before {
right: -1px;
}
.arco-tabs-nav-type-card .arco-tabs-nav-add-btn,
.arco-tabs-nav-type-card-gutter .arco-tabs-nav-add-btn {
height: 32px;
}
.arco-tabs-nav-type-card .arco-tabs-tab {
background-color: transparent;
border-right: none;
}
.arco-tabs-nav-type-card .arco-tabs-tab:last-child {
border-right: 1px solid var(--color-neutral-3);
border-top-right-radius: var(--border-radius-small);
}
.arco-tabs-nav-type-card .arco-tabs-tab:first-child {
border-top-left-radius: var(--border-radius-small);
}
.arco-tabs-nav-type-card .arco-tabs-tab:hover {
background-color: var(--color-fill-3);
}
.arco-tabs-nav-type-card .arco-tabs-tab-disabled,
.arco-tabs-nav-type-card .arco-tabs-tab-disabled:hover {
background-color: transparent;
}
.arco-tabs-nav-type-card .arco-tabs-tab-active,
.arco-tabs-nav-type-card .arco-tabs-tab-active:hover {
background-color: transparent;
border-bottom-color: var(--color-bg-2);
}
.arco-tabs-nav-type-card-gutter .arco-tabs-tab {
margin-left: 4px;
background-color: var(--color-fill-1);
border-right: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}
.arco-tabs-nav-type-card-gutter .arco-tabs-tab:hover {
background-color: var(--color-fill-3);
}
.arco-tabs-nav-type-card-gutter .arco-tabs-tab-disabled,
.arco-tabs-nav-type-card-gutter .arco-tabs-tab-disabled:hover {
background-color: var(--color-fill-1);
}
.arco-tabs-nav-type-card-gutter .arco-tabs-tab-active,
.arco-tabs-nav-type-card-gutter .arco-tabs-tab-active:hover {
background-color: transparent;
border-bottom-color: var(--color-bg-2);
}
.arco-tabs-nav-type-card-gutter .arco-tabs-tab:first-child {
margin-left: 0;
}
.arco-tabs-nav-type-text::before {
display: none;
}
.arco-tabs-nav-type-text .arco-tabs-tab {
position: relative;
margin: 0 9px;
padding: 5px 0;
font-size: 14px;
line-height: 1.5715;
}
.arco-tabs-nav-type-text .arco-tabs-tab:not(:first-of-type)::before {
position: absolute;
top: 50%;
left: -9px;
display: block;
width: 2px;
height: 12px;
background-color: var(--color-fill-3);
transform: translateY(-50%);
content: '';
}
.arco-tabs-nav-type-text .arco-tabs-tab-title {
padding-right: 8px;
padding-left: 8px;
background-color: transparent;
}
.arco-tabs-nav-type-text .arco-tabs-tab-title:hover {
background-color: var(--color-fill-2);
}
.arco-tabs-nav-type-text .arco-tabs-tab-active .arco-tabs-tab-title,
.arco-tabs-nav-type-text .arco-tabs-tab-active .arco-tabs-tab-title:hover {
background-color: transparent;
}
.arco-tabs-nav-type-text .arco-tabs-tab-disabled .arco-tabs-tab-title,
.arco-tabs-nav-type-text .arco-tabs-tab-disabled .arco-tabs-tab-title:hover {
background-color: transparent;
}
.arco-tabs-nav-type-text .arco-tabs-tab-active.arco-tabs-nav-type-text .arco-tabs-tab-disabled .arco-tabs-tab-title,
.arco-tabs-nav-type-text .arco-tabs-tab-active.arco-tabs-nav-type-text .arco-tabs-tab-disabled .arco-tabs-tab-title:hover {
background-color: var(--color-primary-light-3);
}
.arco-tabs-nav-type-text .arco-tabs-tab:focus-visible .arco-tabs-tab-title {
margin: -2px;
border: 2px solid rgb(var(--primary-6));
}
.arco-tabs-nav-type-rounded::before {
display: none;
}
.arco-tabs-nav-type-rounded .arco-tabs-tab {
margin: 0 6px;
padding: 5px 0;
padding-right: 16px;
padding-left: 16px;
font-size: 14px;
background-color: transparent;
border-radius: 32px;
}
.arco-tabs-nav-type-rounded .arco-tabs-tab:hover {
background-color: var(--color-fill-2);
}
.arco-tabs-nav-type-rounded .arco-tabs-tab-disabled:hover {
background-color: transparent;
}
.arco-tabs-nav-type-rounded .arco-tabs-tab-active,
.arco-tabs-nav-type-rounded .arco-tabs-tab-active:hover {
background-color: var(--color-fill-2);
}
.arco-tabs-nav-type-rounded .arco-tabs-tab:focus-visible {
border-color: rgb(var(--primary-6));
}
.arco-tabs-nav-type-capsule::before {
display: none;
}
.arco-tabs-nav-type-capsule .arco-tabs-nav-tab:not(.arco-tabs-nav-tab-scroll) {
justify-content: flex-end;
}
.arco-tabs-nav-type-capsule .arco-tabs-nav-tab-list {
padding: 3px 3px;
line-height: 1;
background-color: var(--color-fill-2);
border-radius: var(--border-radius-small);
}
.arco-tabs-nav-type-capsule .arco-tabs-tab {
position: relative;
padding: 0 10px;
font-size: 14px;
line-height: 26px;
background-color: transparent;
}
.arco-tabs-nav-type-capsule .arco-tabs-tab:hover {
background-color: var(--color-bg-2);
}
.arco-tabs-nav-type-capsule .arco-tabs-tab-disabled:hover {
background-color: unset;
}
.arco-tabs-nav-type-capsule .arco-tabs-tab-active,
.arco-tabs-nav-type-capsule .arco-tabs-tab-active:hover {
background-color: var(--color-bg-2);
}
.arco-tabs-nav-type-capsule .arco-tabs-tab-active::before,
.arco-tabs-nav-type-capsule .arco-tabs-tab-active:hover::before,
.arco-tabs-nav-type-capsule .arco-tabs-tab-active + .arco-tabs-tab::before,
.arco-tabs-nav-type-capsule .arco-tabs-tab-active:hover + .arco-tabs-tab::before {
opacity: 0;
}
.arco-tabs-nav-type-capsule .arco-tabs-tab:focus-visible {
border-color: rgb(var(--primary-6));
}
.arco-tabs-nav-type-capsule.arco-tabs-nav-horizontal .arco-tabs-tab:not(:first-of-type) {
margin-left: 3px;
}
.arco-tabs-nav-type-capsule.arco-tabs-nav-horizontal .arco-tabs-tab:not(:first-of-type)::before {
position: absolute;
top: 50%;
left: -4px;
display: block;
width: 1px;
height: 14px;
background-color: var(--color-fill-3);
transform: translateY(-50%);
transition: all 0.2s cubic-bezier(0, 0, 1, 1);
content: '';
}
.arco-tabs-nav {
position: relative;
display: flex;
align-items: center;
overflow: hidden;
}
.arco-tabs-content {
box-sizing: border-box;
width: 100%;
padding-top: 16px;
overflow: hidden;
}
.arco-tabs-content-hide {
display: none;
}
.arco-tabs-content .arco-tabs-content-list {
display: flex;
width: 100%;
}
.arco-tabs-content .arco-tabs-content-item {
flex-shrink: 0;
width: 100%;
height: 0;
overflow: hidden;
}
.arco-tabs-content .arco-tabs-content-item.arco-tabs-content-item-active {
height: auto;
}
.arco-tabs-type-card > .arco-tabs-content,
.arco-tabs-type-card-gutter > .arco-tabs-content {
border: 1px solid var(--color-neutral-3);
border-top: none;
}
.arco-tabs-content-animation {
transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-tabs-horizontal.arco-tabs-justify {
display: flex;
flex-direction: column;
height: 100%;
}
.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content,
.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content-list,
.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-pane {
height: 100%;
}
.arco-tabs-nav-size-mini.arco-tabs-nav-type-line .arco-tabs-nav-extra {
font-size: 12px;
line-height: 32px;
}
.arco-tabs-nav-size-mini.arco-tabs-nav-type-line .arco-tabs-tab {
padding-top: 6px;
padding-bottom: 6px;
font-size: 12px;
}
.arco-tabs-nav-size-mini.arco-tabs-nav-type-line .arco-tabs-nav-extra {
font-size: 12px;
line-height: 32px;
}
.arco-tabs-nav-size-mini.arco-tabs-nav-type-card .arco-tabs-tab,
.arco-tabs-nav-size-mini.arco-tabs-nav-type-card-gutter .arco-tabs-tab {
padding-top: 1px;
padding-bottom: 1px;
font-size: 12px;
}
.arco-tabs-nav-size-mini.arco-tabs-nav-type-card .arco-tabs-nav-extra,
.arco-tabs-nav-size-mini.arco-tabs-nav-type-card-gutter .arco-tabs-nav-extra {
font-size: 12px;
line-height: 24px;
}
.arco-tabs-nav-size-mini.arco-tabs-nav-type-card .arco-tabs-nav-add-btn,
.arco-tabs-nav-size-mini.arco-tabs-nav-type-card-gutter .arco-tabs-nav-add-btn {
height: 24px;
}
.arco-tabs-nav-size-mini.arco-tabs-nav-type-capsule .arco-tabs-tab {
font-size: 12px;
line-height: 18px;
}
.arco-tabs-nav-size-mini.arco-tabs-nav-type-capsule .arco-tabs-nav-extra {
font-size: 12px;
line-height: 24px;
}
.arco-tabs-nav-size-mini.arco-tabs-nav-type-rounded .arco-tabs-tab {
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
}
.arco-tabs-nav-size-mini.arco-tabs-nav-type-rounded .arco-tabs-nav-extra {
font-size: 12px;
line-height: 24px;
}
.arco-tabs-nav-size-small.arco-tabs-nav-type-line .arco-tabs-nav-extra {
font-size: 14px;
line-height: 36px;
}
.arco-tabs-nav-size-small.arco-tabs-nav-type-line .arco-tabs-tab {
padding-top: 6px;
padding-bottom: 6px;
font-size: 14px;
}
.arco-tabs-nav-size-small.arco-tabs-nav-type-line .arco-tabs-nav-extra {
font-size: 14px;
line-height: 36px;
}
.arco-tabs-nav-size-small.arco-tabs-nav-type-card .arco-tabs-tab,
.arco-tabs-nav-size-small.arco-tabs-nav-type-card-gutter .arco-tabs-tab {
padding-top: 1px;
padding-bottom: 1px;
font-size: 14px;
}
.arco-tabs-nav-size-small.arco-tabs-nav-type-card .arco-tabs-nav-extra,
.arco-tabs-nav-size-small.arco-tabs-nav-type-card-gutter .arco-tabs-nav-extra {
font-size: 14px;
line-height: 28px;
}
.arco-tabs-nav-size-small.arco-tabs-nav-type-card .arco-tabs-nav-add-btn,
.arco-tabs-nav-size-small.arco-tabs-nav-type-card-gutter .arco-tabs-nav-add-btn {
height: 28px;
}
.arco-tabs-nav-size-small.arco-tabs-nav-type-capsule .arco-tabs-tab {
font-size: 14px;
line-height: 22px;
}
.arco-tabs-nav-size-small.arco-tabs-nav-type-capsule .arco-tabs-nav-extra {
font-size: 14px;
line-height: 28px;
}
.arco-tabs-nav-size-small.arco-tabs-nav-type-rounded .arco-tabs-tab {
padding-top: 3px;
padding-bottom: 3px;
font-size: 14px;
}
.arco-tabs-nav-size-small.arco-tabs-nav-type-rounded .arco-tabs-nav-extra {
font-size: 14px;
line-height: 28px;
}
.arco-tabs-nav-size-large.arco-tabs-nav-type-line .arco-tabs-nav-extra {
font-size: 14px;
line-height: 44px;
}
.arco-tabs-nav-size-large.arco-tabs-nav-type-line .arco-tabs-tab {
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
}
.arco-tabs-nav-size-large.arco-tabs-nav-type-line .arco-tabs-nav-extra {
font-size: 14px;
line-height: 44px;
}
.arco-tabs-nav-size-large.arco-tabs-nav-type-card .arco-tabs-tab,
.arco-tabs-nav-size-large.arco-tabs-nav-type-card-gutter .arco-tabs-tab {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.arco-tabs-nav-size-large.arco-tabs-nav-type-card .arco-tabs-nav-extra,
.arco-tabs-nav-size-large.arco-tabs-nav-type-card-gutter .arco-tabs-nav-extra {
font-size: 14px;
line-height: 36px;
}
.arco-tabs-nav-size-large.arco-tabs-nav-type-card .arco-tabs-nav-add-btn,
.arco-tabs-nav-size-large.arco-tabs-nav-type-card-gutter .arco-tabs-nav-add-btn {
height: 36px;
}
.arco-tabs-nav-size-large.arco-tabs-nav-type-capsule .arco-tabs-tab {
font-size: 14px;
line-height: 30px;
}
.arco-tabs-nav-size-large.arco-tabs-nav-type-capsule .arco-tabs-nav-extra {
font-size: 14px;
line-height: 36px;
}
.arco-tabs-nav-size-large.arco-tabs-nav-type-rounded .arco-tabs-tab {
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
}
.arco-tabs-nav-size-large.arco-tabs-nav-type-rounded .arco-tabs-nav-extra {
font-size: 14px;
line-height: 36px;
}
/* Vertical */
.arco-tabs-nav-vertical {
float: left;
height: 100%;
}
.arco-tabs-nav-vertical::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: initial;
clear: both;
width: 1px;
height: 100%;
}
.arco-tabs-nav-vertical .arco-tabs-nav-add-btn {
height: auto;
margin-top: 8px;
margin-left: 0;
padding: 0 16px;
}
.arco-tabs-nav-right {
float: right;
}
.arco-tabs-nav-vertical {
flex-direction: column;
}
.arco-tabs-nav-vertical .arco-tabs-nav-tab {
flex-direction: column;
height: 100%;
}
.arco-tabs-nav-vertical .arco-tabs-nav-ink {
position: absolute;
right: 0;
bottom: initial;
left: initial;
width: 2px;
transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-tabs-nav-vertical .arco-tabs-nav-tab-list {
height: auto;
}
.arco-tabs-nav-vertical .arco-tabs-nav-tab-list-overflow-scroll {
padding: 6px 0;
}
.arco-tabs-nav-vertical .arco-tabs-tab {
display: block;
margin: 0;
margin-top: 12px;
white-space: nowrap;
}
.arco-tabs-nav-vertical .arco-tabs-tab:first-of-type {
margin-top: 0;
}
.arco-tabs-nav-right::before {
right: unset;
left: 0;
}
.arco-tabs-nav-right .arco-tabs-nav-ink {
right: unset;
left: 0;
}
.arco-tabs-nav-vertical {
position: relative;
box-sizing: border-box;
height: 100%;
}
.arco-tabs-nav-vertical.arco-tabs-nav-type-line .arco-tabs-tab {
padding: 0 20px;
}
.arco-tabs-nav-vertical.arco-tabs-nav-type-card .arco-tabs-tab {
position: relative;
margin: 0;
border: 1px solid var(--color-neutral-3);
border-bottom-color: transparent;
}
.arco-tabs-nav-vertical.arco-tabs-nav-type-card .arco-tabs-tab:first-child {
border-top-left-radius: var(--border-radius-small);
}
.arco-tabs-nav-vertical.arco-tabs-nav-type-card .arco-tabs-tab-active,
.arco-tabs-nav-vertical.arco-tabs-nav-type-card .arco-tabs-tab-active:hover {
border-right-color: var(--color-bg-2);
border-bottom-color: transparent;
}
.arco-tabs-nav-vertical.arco-tabs-nav-type-card .arco-tabs-tab:last-child {
border-bottom: 1px solid var(--color-neutral-3);
border-bottom-left-radius: var(--border-radius-small);
}
.arco-tabs-nav-vertical.arco-tabs-nav-type-card-gutter .arco-tabs-tab {
position: relative;
margin-left: 0;
border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.arco-tabs-nav-vertical.arco-tabs-nav-type-card-gutter .arco-tabs-tab:not(:first-of-type) {
margin-top: 4px;
}
.arco-tabs-nav-vertical.arco-tabs-nav-type-card-gutter .arco-tabs-tab-active,
.arco-tabs-nav-vertical.arco-tabs-nav-type-card-gutter .arco-tabs-tab-active:hover {
border-right-color: var(--color-bg-2);
border-bottom-color: var(--color-neutral-3);
}
.arco-tabs-vertical .arco-tabs-content {
width: auto;
height: 100%;
padding: 0;
}
.arco-tabs-right.arco-tabs-vertical .arco-tabs-content {
padding-right: 16px;
}
.arco-tabs-left.arco-tabs-vertical .arco-tabs-content {
padding-left: 16px;
}
.arco-tabs-vertical.arco-tabs-type-card > .arco-tabs-content,
.arco-tabs-vertical.arco-tabs-type-card-gutter > .arco-tabs-content {
border: 1px solid var(--color-neutral-3);
border-left: none;
}
body[arco-theme='dark'] .arco-tabs-nav-type-capsule .arco-tabs-tab-active {
background-color: var(--color-fill-3);
}
body[arco-theme='dark'] .arco-tabs-nav-type-capsule .arco-tabs-tab:hover {
background-color: var(--color-fill-3);
}
.arco-tag {
display: inline-flex;
align-items: center;
box-sizing: border-box;
height: 24px;
padding: 0 8px;
color: var(--color-text-1);
font-weight: 500;
font-size: 12px;
line-height: 22px;
vertical-align: middle;
border: 1px solid transparent;
border-radius: var(--border-radius-small);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-tag .arco-icon-hover.arco-tag-icon-hover::before {
width: 16px;
height: 16px;
}
.arco-tag .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: var(--color-fill-3);
}
.arco-tag-checkable {
cursor: pointer;
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-tag-checkable:hover {
background-color: var(--color-fill-2);
}
.arco-tag-checked {
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-tag-checkable.arco-tag-checked:hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-tag-bordered,
.arco-tag-checkable.arco-tag-checked.arco-tag-bordered:hover {
border-color: var(--color-border-2);
}
.arco-tag-size-small {
height: 20px;
font-size: 12px;
line-height: 18px;
}
.arco-tag-size-medium {
height: 24px;
font-size: 12px;
line-height: 22px;
}
.arco-tag-size-large {
height: 32px;
font-size: 14px;
line-height: 30px;
}
.arco-tag-hide {
display: none;
}
.arco-tag-loading {
cursor: default;
opacity: 0.8;
}
.arco-tag-icon {
margin-right: 4px;
color: var(--color-text-2);
}
.arco-tag.arco-tag-checked.arco-tag-red {
color: rgb(var(--red-6));
background-color: rgb(var(--red-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-red .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--red-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-red.arco-tag:hover {
background-color: rgb(var(--red-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-red.arco-tag-bordered,
.arco-tag-checked.arco-tag-red.arco-tag-bordered:hover {
border-color: rgb(var(--red-6));
}
.arco-tag.arco-tag-checked.arco-tag-red .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-red .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-red .arco-tag-loading-icon {
color: rgb(var(--red-6));
}
.arco-tag.arco-tag-checked.arco-tag-orangered {
color: rgb(var(--orangered-6));
background-color: rgb(var(--orangered-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-orangered .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--orangered-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-orangered.arco-tag:hover {
background-color: rgb(var(--orangered-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-orangered.arco-tag-bordered,
.arco-tag-checked.arco-tag-orangered.arco-tag-bordered:hover {
border-color: rgb(var(--orangered-6));
}
.arco-tag.arco-tag-checked.arco-tag-orangered .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-orangered .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-orangered .arco-tag-loading-icon {
color: rgb(var(--orangered-6));
}
.arco-tag.arco-tag-checked.arco-tag-orange {
color: rgb(var(--orange-6));
background-color: rgb(var(--orange-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-orange .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--orange-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-orange.arco-tag:hover {
background-color: rgb(var(--orange-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-orange.arco-tag-bordered,
.arco-tag-checked.arco-tag-orange.arco-tag-bordered:hover {
border-color: rgb(var(--orange-6));
}
.arco-tag.arco-tag-checked.arco-tag-orange .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-orange .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-orange .arco-tag-loading-icon {
color: rgb(var(--orange-6));
}
.arco-tag.arco-tag-checked.arco-tag-gold {
color: rgb(var(--gold-6));
background-color: rgb(var(--gold-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-gold .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--gold-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-gold.arco-tag:hover {
background-color: rgb(var(--gold-3));
border-color: transparent;
}
.arco-tag-checked.arco-tag-gold.arco-tag-bordered,
.arco-tag-checked.arco-tag-gold.arco-tag-bordered:hover {
border-color: rgb(var(--gold-6));
}
.arco-tag.arco-tag-checked.arco-tag-gold .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-gold .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-gold .arco-tag-loading-icon {
color: rgb(var(--gold-6));
}
.arco-tag.arco-tag-checked.arco-tag-lime {
color: rgb(var(--lime-6));
background-color: rgb(var(--lime-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-lime .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--lime-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-lime.arco-tag:hover {
background-color: rgb(var(--lime-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-lime.arco-tag-bordered,
.arco-tag-checked.arco-tag-lime.arco-tag-bordered:hover {
border-color: rgb(var(--lime-6));
}
.arco-tag.arco-tag-checked.arco-tag-lime .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-lime .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-lime .arco-tag-loading-icon {
color: rgb(var(--lime-6));
}
.arco-tag.arco-tag-checked.arco-tag-green {
color: rgb(var(--green-6));
background-color: rgb(var(--green-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-green .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--green-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-green.arco-tag:hover {
background-color: rgb(var(--green-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-green.arco-tag-bordered,
.arco-tag-checked.arco-tag-green.arco-tag-bordered:hover {
border-color: rgb(var(--green-6));
}
.arco-tag.arco-tag-checked.arco-tag-green .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-green .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-green .arco-tag-loading-icon {
color: rgb(var(--green-6));
}
.arco-tag.arco-tag-checked.arco-tag-cyan {
color: rgb(var(--cyan-6));
background-color: rgb(var(--cyan-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-cyan .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--cyan-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-cyan.arco-tag:hover {
background-color: rgb(var(--cyan-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-cyan.arco-tag-bordered,
.arco-tag-checked.arco-tag-cyan.arco-tag-bordered:hover {
border-color: rgb(var(--cyan-6));
}
.arco-tag.arco-tag-checked.arco-tag-cyan .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-cyan .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-cyan .arco-tag-loading-icon {
color: rgb(var(--cyan-6));
}
.arco-tag.arco-tag-checked.arco-tag-blue {
color: rgb(var(--blue-6));
background-color: rgb(var(--blue-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-blue .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--blue-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-blue.arco-tag:hover {
background-color: rgb(var(--blue-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-blue.arco-tag-bordered,
.arco-tag-checked.arco-tag-blue.arco-tag-bordered:hover {
border-color: rgb(var(--blue-6));
}
.arco-tag.arco-tag-checked.arco-tag-blue .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-blue .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-blue .arco-tag-loading-icon {
color: rgb(var(--blue-6));
}
.arco-tag.arco-tag-checked.arco-tag-arcoblue {
color: rgb(var(--arcoblue-6));
background-color: rgb(var(--arcoblue-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-arcoblue .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--arcoblue-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-arcoblue.arco-tag:hover {
background-color: rgb(var(--arcoblue-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-arcoblue.arco-tag-bordered,
.arco-tag-checked.arco-tag-arcoblue.arco-tag-bordered:hover {
border-color: rgb(var(--arcoblue-6));
}
.arco-tag.arco-tag-checked.arco-tag-arcoblue .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-arcoblue .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-arcoblue .arco-tag-loading-icon {
color: rgb(var(--arcoblue-6));
}
.arco-tag.arco-tag-checked.arco-tag-purple {
color: rgb(var(--purple-6));
background-color: rgb(var(--purple-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-purple .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--purple-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-purple.arco-tag:hover {
background-color: rgb(var(--purple-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-purple.arco-tag-bordered,
.arco-tag-checked.arco-tag-purple.arco-tag-bordered:hover {
border-color: rgb(var(--purple-6));
}
.arco-tag.arco-tag-checked.arco-tag-purple .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-purple .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-purple .arco-tag-loading-icon {
color: rgb(var(--purple-6));
}
.arco-tag.arco-tag-checked.arco-tag-pinkpurple {
color: rgb(var(--pinkpurple-6));
background-color: rgb(var(--pinkpurple-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-pinkpurple .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--pinkpurple-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-pinkpurple.arco-tag:hover {
background-color: rgb(var(--pinkpurple-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-pinkpurple.arco-tag-bordered,
.arco-tag-checked.arco-tag-pinkpurple.arco-tag-bordered:hover {
border-color: rgb(var(--pinkpurple-6));
}
.arco-tag.arco-tag-checked.arco-tag-pinkpurple .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-pinkpurple .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-pinkpurple .arco-tag-loading-icon {
color: rgb(var(--pinkpurple-6));
}
.arco-tag.arco-tag-checked.arco-tag-magenta {
color: rgb(var(--magenta-6));
background-color: rgb(var(--magenta-1));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-magenta .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--magenta-2));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-magenta.arco-tag:hover {
background-color: rgb(var(--magenta-2));
border-color: transparent;
}
.arco-tag-checked.arco-tag-magenta.arco-tag-bordered,
.arco-tag-checked.arco-tag-magenta.arco-tag-bordered:hover {
border-color: rgb(var(--magenta-6));
}
.arco-tag.arco-tag-checked.arco-tag-magenta .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-magenta .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-magenta .arco-tag-loading-icon {
color: rgb(var(--magenta-6));
}
.arco-tag.arco-tag-checked.arco-tag-gray {
color: rgb(var(--gray-6));
background-color: rgb(var(--gray-2));
border: 1px solid transparent;
}
.arco-tag.arco-tag-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgb(var(--gray-3));
}
.arco-tag.arco-tag-checkable.arco-tag-checked.arco-tag-gray.arco-tag:hover {
background-color: rgb(var(--gray-3));
border-color: transparent;
}
.arco-tag-checked.arco-tag-gray.arco-tag-bordered,
.arco-tag-checked.arco-tag-gray.arco-tag-bordered:hover {
border-color: rgb(var(--gray-6));
}
.arco-tag.arco-tag-checked.arco-tag-gray .arco-tag-icon,
.arco-tag.arco-tag-checked.arco-tag-gray .arco-tag-close-btn,
.arco-tag.arco-tag-checked.arco-tag-gray .arco-tag-loading-icon {
color: rgb(var(--gray-6));
}
.arco-tag.arco-tag-custom-color {
color: var(--color-white);
}
.arco-tag.arco-tag-custom-color .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(255, 255, 255, 0.2);
}
.arco-tag .arco-tag-close-btn {
margin-left: 4px;
font-size: 12px;
}
.arco-tag .arco-tag-close-btn > svg {
position: relative;
}
.arco-tag .arco-tag-loading-icon {
margin-left: 4px;
font-size: 12px;
}
body[arco-theme='dark'] .arco-tag-checked {
color: rgba(255, 255, 255, 0.9);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-red {
background-color: rgba(var(--red-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-red .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--red-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-red:hover {
background-color: rgba(var(--red-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-orangered {
background-color: rgba(var(--orangered-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-orangered .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--orangered-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-orangered:hover {
background-color: rgba(var(--orangered-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-orange {
background-color: rgba(var(--orange-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-orange .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--orange-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-orange:hover {
background-color: rgba(var(--orange-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-gold {
background-color: rgba(var(--gold-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-gold .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--gold-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-gold:hover {
background-color: rgba(var(--gold-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-lime {
background-color: rgba(var(--lime-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-lime .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--lime-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-lime:hover {
background-color: rgba(var(--lime-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-green {
background-color: rgba(var(--green-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-green .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--green-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-green:hover {
background-color: rgba(var(--green-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-cyan {
background-color: rgba(var(--cyan-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-cyan .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--cyan-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-cyan:hover {
background-color: rgba(var(--cyan-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-blue {
background-color: rgba(var(--blue-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-blue .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--blue-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-blue:hover {
background-color: rgba(var(--blue-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-arcoblue {
background-color: rgba(var(--arcoblue-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-arcoblue .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--arcoblue-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-arcoblue:hover {
background-color: rgba(var(--arcoblue-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-purple {
background-color: rgba(var(--purple-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-purple .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--purple-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-purple:hover {
background-color: rgba(var(--purple-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-pinkpurple {
background-color: rgba(var(--pinkpurple-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-pinkpurple .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--pinkpurple-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-pinkpurple:hover {
background-color: rgba(var(--pinkpurple-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-magenta {
background-color: rgba(var(--magenta-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-magenta .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--magenta-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-magenta:hover {
background-color: rgba(var(--magenta-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-gray {
background-color: rgba(var(--gray-6), 0.2);
}
body[arco-theme='dark'] .arco-tag-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover::before {
background-color: rgba(var(--gray-6), 0.35);
}
body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-gray:hover {
background-color: rgba(var(--gray-6), 0.35);
}
.arco-textarea-wrapper {
display: inline-flex;
box-sizing: border-box;
padding-right: 12px;
padding-left: 12px;
color: var(--color-text-1);
font-size: 14px;
background-color: var(--color-fill-2);
border: 1px solid transparent;
border-radius: var(--border-radius-small);
cursor: text;
transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
position: relative;
display: inline-block;
width: 100%;
padding-right: 0;
padding-left: 0;
overflow: hidden;
}
.arco-textarea-wrapper:hover {
background-color: var(--color-fill-3);
border-color: transparent;
}
.arco-textarea-wrapper:focus-within,
.arco-textarea-wrapper.arco-textarea-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--primary-6));
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-textarea-wrapper.arco-textarea-disabled {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
cursor: not-allowed;
}
.arco-textarea-wrapper.arco-textarea-disabled:hover {
color: var(--color-text-4);
background-color: var(--color-fill-2);
border-color: transparent;
}
.arco-textarea-wrapper.arco-textarea-disabled .arco-textarea-prefix,
.arco-textarea-wrapper.arco-textarea-disabled .arco-textarea-suffix {
color: inherit;
}
.arco-textarea-wrapper.arco-textarea-error {
background-color: var(--color-danger-light-1);
border-color: transparent;
}
.arco-textarea-wrapper.arco-textarea-error:hover {
background-color: var(--color-danger-light-2);
border-color: transparent;
}
.arco-textarea-wrapper.arco-textarea-error:focus-within,
.arco-textarea-wrapper.arco-textarea-error.arco-textarea-wrapper-focus {
background-color: var(--color-bg-2);
border-color: rgb(var(--danger-6));
box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-textarea-wrapper .arco-textarea-prefix,
.arco-textarea-wrapper .arco-textarea-suffix {
display: inline-flex;
flex-shrink: 0;
align-items: center;
white-space: nowrap;
user-select: none;
}
.arco-textarea-wrapper .arco-textarea-prefix > svg,
.arco-textarea-wrapper .arco-textarea-suffix > svg {
font-size: 14px;
}
.arco-textarea-wrapper .arco-textarea-prefix {
padding-right: 12px;
color: var(--color-text-2);
}
.arco-textarea-wrapper .arco-textarea-suffix {
padding-left: 12px;
color: var(--color-text-2);
}
.arco-textarea-wrapper .arco-textarea-suffix .arco-feedback-icon {
display: inline-flex;
}
.arco-textarea-wrapper .arco-textarea-suffix .arco-feedback-icon-status-validating {
color: rgb(var(--primary-6));
}
.arco-textarea-wrapper .arco-textarea-suffix .arco-feedback-icon-status-success {
color: rgb(var(--success-6));
}
.arco-textarea-wrapper .arco-textarea-suffix .arco-feedback-icon-status-warning {
color: rgb(var(--warning-6));
}
.arco-textarea-wrapper .arco-textarea-suffix .arco-feedback-icon-status-error {
color: rgb(var(--danger-6));
}
.arco-textarea-wrapper .arco-textarea-clear-btn {
align-self: center;
color: var(--color-text-2);
font-size: 12px;
visibility: hidden;
cursor: pointer;
}
.arco-textarea-wrapper .arco-textarea-clear-btn > svg {
position: relative;
transition: color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-textarea-wrapper:hover .arco-textarea-clear-btn {
visibility: visible;
}
.arco-textarea-wrapper:not(.arco-textarea-focus) .arco-textarea-icon-hover:hover::before {
background-color: var(--color-fill-4);
}
.arco-textarea-wrapper .arco-textarea-word-limit {
position: absolute;
right: 10px;
bottom: 6px;
color: var(--color-text-3);
font-size: 12px;
user-select: none;
}
.arco-textarea-wrapper.arco-textarea-scroll .arco-textarea-word-limit {
right: 25px;
}
.arco-textarea-wrapper .arco-textarea-clear-btn {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
.arco-textarea-wrapper.arco-textarea-scroll .arco-textarea-clear-btn {
right: 25px;
}
.arco-textarea-wrapper:hover .arco-textarea-clear-btn {
display: block;
}
.arco-textarea-wrapper .arco-textarea-mirror {
position: absolute;
visibility: hidden;
}
.arco-textarea {
width: 100%;
padding-right: 0;
padding-left: 0;
color: inherit;
background: none;
border: none;
border-radius: 0;
outline: none;
cursor: inherit;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: block;
box-sizing: border-box;
height: 100%;
min-height: 32px;
padding: 4px 12px;
font-size: 14px;
line-height: 1.5715;
vertical-align: top;
resize: vertical;
}
.arco-textarea::placeholder {
color: var(--color-text-3);
}
.arco-textarea[disabled]::placeholder {
color: var(--color-text-4);
}
.arco-textarea[disabled] {
-webkit-text-fill-color: var(--color-text-4);
}
.arco-timepicker {
position: relative;
display: flex;
box-sizing: border-box;
padding: 0;
}
.arco-timepicker-container {
overflow: hidden;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.arco-timepicker-column {
box-sizing: border-box;
width: 64px;
height: 224px;
overflow: hidden;
}
.arco-timepicker-column:not(:last-child) {
border-right: 1px solid var(--color-neutral-3);
}
.arco-timepicker-column:hover {
overflow-y: auto;
}
.arco-timepicker-column ul {
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.arco-timepicker-column ul::after {
display: block;
width: 100%;
height: 192px;
content: '';
}
.arco-timepicker-cell {
padding: 4px 0;
color: var(--color-text-1);
font-weight: 500;
cursor: pointer;
}
.arco-timepicker-cell-inner {
height: 24px;
padding-left: 24px;
font-size: 14px;
line-height: 24px;
}
.arco-timepicker-cell:not(.arco-timepicker-cell-selected):not(.arco-timepicker-cell-disabled):hover .arco-timepicker-cell-inner {
background-color: var(--color-fill-2);
}
.arco-timepicker-cell-selected .arco-timepicker-cell-inner {
font-weight: 500;
background-color: var(--color-fill-2);
}
.arco-timepicker-cell-disabled {
color: var(--color-text-4);
cursor: not-allowed;
}
.arco-timepicker-footer-extra-wrapper {
padding: 8px;
color: var(--color-text-1);
font-size: 12px;
border-top: 1px solid var(--color-neutral-3);
}
.arco-timepicker-footer-btn-wrapper {
display: flex;
justify-content: space-between;
padding: 8px;
border-top: 1px solid var(--color-neutral-3);
}
.arco-timepicker-footer-btn-wrapper :only-child {
margin-left: auto;
}
.arco-timeline {
display: flex;
flex-direction: column;
}
.arco-timeline-item {
position: relative;
min-height: 78px;
padding-left: 6px;
color: var(--color-text-1);
font-size: 14px;
}
.arco-timeline-item-label {
color: var(--color-text-3);
font-size: 12px;
line-height: 1.667;
}
.arco-timeline-item-content {
margin-bottom: 4px;
color: var(--color-text-1);
font-size: 14px;
line-height: 1.5715;
}
.arco-timeline-item-content-wrapper {
position: relative;
margin-left: 16px;
}
.arco-timeline-item.arco-timeline-item-last > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot-line {
display: none;
}
.arco-timeline-item-dot-wrapper {
position: absolute;
left: 0;
height: 100%;
text-align: center;
}
.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content {
position: relative;
width: 6px;
height: 22.001px;
line-height: 22.001px;
}
.arco-timeline-item-dot {
position: relative;
top: 50%;
box-sizing: border-box;
width: 6px;
height: 6px;
margin-top: -50%;
color: rgb(var(--primary-6));
border-radius: var(--border-radius-circle);
}
.arco-timeline-item-dot-solid {
background-color: rgb(var(--primary-6));
}
.arco-timeline-item-dot-hollow {
background-color: var(--color-bg-2);
border: 2px solid rgb(var(--primary-6));
}
.arco-timeline-item-dot-custom {
position: absolute;
top: 50%;
left: 50%;
display: inline-flex;
box-sizing: border-box;
color: rgb(var(--primary-6));
background-color: var(--color-bg-2);
transform: translateX(-50%) translateY(-50%);
transform-origin: center;
}
.arco-timeline-item-dot-custom svg {
color: inherit;
}
.arco-timeline-item-dot-line {
position: absolute;
top: 18.0005px;
bottom: -4.0005px;
left: 50%;
box-sizing: border-box;
width: 1px;
border-color: var(--color-neutral-3);
border-left-width: 1px;
transform: translateX(-50%);
}
/* reverse */
.arco-timeline-is-reverse {
flex-direction: column-reverse;
}
/* mode */
.arco-timeline-alternate {
overflow: hidden;
}
.arco-timeline-alternate .arco-timeline-item-vertical-left {
padding-left: 0;
}
.arco-timeline-alternate .arco-timeline-item-vertical-left > .arco-timeline-item-dot-wrapper {
left: 50%;
}
.arco-timeline-alternate .arco-timeline-item-vertical-left > .arco-timeline-item-content-wrapper {
left: 50%;
width: 50%;
margin-left: 22px;
padding-right: 22px;
}
.arco-timeline-alternate .arco-timeline-item-vertical-right {
padding-right: 0;
}
.arco-timeline-alternate .arco-timeline-item-vertical-right > .arco-timeline-item-dot-wrapper {
left: 50%;
}
.arco-timeline-alternate .arco-timeline-item-vertical-right > .arco-timeline-item-content-wrapper {
left: 0;
width: 50%;
margin-right: 0;
margin-left: -16px;
padding-right: 16px;
text-align: right;
}
.arco-timeline-right .arco-timeline-item-vertical-right {
padding-right: 6px;
}
.arco-timeline-right .arco-timeline-item-vertical-right > .arco-timeline-item-dot-wrapper {
right: 0;
left: unset;
}
.arco-timeline-right .arco-timeline-item-vertical-right > .arco-timeline-item-content-wrapper {
margin-right: 16px;
margin-left: 0;
text-align: right;
}
/* label position */
.arco-timeline-item-label-relative > .arco-timeline-item-label {
position: absolute;
top: 0;
box-sizing: border-box;
max-width: 100px;
}
.arco-timeline-item-vertical-left.arco-timeline-item-label-relative {
margin-left: 100px;
}
.arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-label {
left: 0;
padding-right: 16px;
text-align: right;
transform: translateX(-100%);
}
.arco-timeline-item-vertical-right.arco-timeline-item-label-relative {
margin-right: 100px;
}
.arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-label {
right: 0;
padding-left: 16px;
text-align: left;
transform: translateX(100%);
}
.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative {
margin-top: 50px;
}
.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative > .arco-timeline-item-label {
padding-bottom: 16px;
transform: translateY(-100%);
}
.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative > .arco-timeline-item-content {
margin-bottom: 0;
}
.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative {
margin-bottom: 50px;
}
.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative > .arco-timeline-item-content {
margin-bottom: 0;
}
.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative > .arco-timeline-item-label {
top: unset;
bottom: 0;
padding-top: 16px;
text-align: left;
transform: translateY(100%);
}
.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative {
margin-left: 0;
}
.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-label {
left: 0;
width: 50%;
max-width: unset;
transform: none;
}
.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative {
margin-right: 0;
}
.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-label {
right: 0;
width: 50%;
max-width: unset;
transform: none;
}
.arco-timeline-alternate .arco-timeline-item-horizontal-top.arco-timeline-item-label-relative {
margin-top: 0;
}
.arco-timeline-alternate .arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative {
margin-bottom: 0;
}
.arco-timeline-direction-horizontal {
display: flex;
flex-direction: row;
}
.arco-timeline-direction-horizontal.arco-timeline-is-reverse {
flex-direction: row-reverse;
}
.arco-timeline-item-dot-line-is-horizontal {
top: 50%;
right: 4px;
left: 12px;
width: unset;
height: 1px;
border-top-width: 1px;
border-left: none;
transform: translateY(-50%);
}
.arco-timeline-item-horizontal-bottom,
.arco-timeline-item-horizontal-top {
flex: 1;
min-height: unset;
padding-right: 0;
padding-left: 0;
}
.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper,
.arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper {
top: 0;
width: 100%;
height: auto;
}
.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot,
.arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot {
top: unset;
margin-top: unset;
}
.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content,
.arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content {
height: 6px;
line-height: 6px;
}
.arco-timeline-item-horizontal-top {
padding-top: 6px;
}
.arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper {
top: 0;
bottom: unset;
}
.arco-timeline-item-horizontal-top > .arco-timeline-item-content-wrapper {
margin-top: 16px;
margin-left: 0;
}
.arco-timeline-item-horizontal-bottom {
padding-bottom: 6px;
}
.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper {
top: unset;
bottom: 0;
}
.arco-timeline-item-horizontal-bottom > .arco-timeline-item-content-wrapper {
margin-bottom: 16px;
margin-left: 0;
}
.arco-timeline-alternate.arco-timeline-direction-horizontal {
align-items: center;
min-height: 200px;
overflow: visible;
}
.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-bottom {
margin-top: 6px;
transform: translateY(-50%);
}
.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-top {
margin-top: -6px;
transform: translateY(50%);
}
.arco-tooltip-content {
max-width: 350px;
padding: 8px 12px;
color: #fff;
font-size: 14px;
line-height: 1.5715;
text-align: left;
word-wrap: break-word;
background-color: var(--color-tooltip-bg);
border-radius: var(--border-radius-small);
}
.arco-tooltip-mini {
padding: 4px 12px;
font-size: 14px;
}
.arco-tooltip-popup-arrow {
background-color: var(--color-tooltip-bg);
}
.arco-transfer {
display: flex;
align-items: center;
}
.arco-transfer-view {
display: flex;
flex-direction: column;
box-sizing: border-box;
width: 200px;
height: 224px;
border: 1px solid var(--color-neutral-3);
border-radius: var(--border-radius-small);
}
.arco-transfer-view-search {
padding: 8px 12px 4px 12px;
}
.arco-transfer-view-list {
flex: 1;
}
.arco-transfer-view-custom-list {
flex: 1;
overflow: auto;
}
.arco-transfer-view-header {
display: flex;
align-items: center;
padding: 0 10px;
}
.arco-transfer-view-header > *:first-child {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-transfer-view-header > *:first-child:not(:last-child) {
margin-right: 8px;
}
.arco-transfer-view-header {
height: 40px;
color: var(--color-text-1);
font-weight: 500;
font-size: 14px;
line-height: 40px;
background-color: var(--color-fill-1);
}
.arco-transfer-view-header-title {
display: flex;
align-items: center;
}
.arco-transfer-view-header-title .arco-checkbox {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: inherit;
}
.arco-transfer-view-header-title .arco-checkbox-text {
color: inherit;
}
.arco-transfer-view-header-title .arco-checkbox-label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-transfer-view-header-title-simple {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-transfer-view-header-clear-btn {
color: var(--color-text-2);
font-size: 12px;
cursor: pointer;
}
.arco-transfer-view-header-clear-btn:hover::before {
background-color: var(--color-fill-3);
}
.arco-transfer-view-header-count {
margin-right: 2px;
color: var(--color-text-3);
font-weight: normal;
font-size: 12px;
}
.arco-transfer-view-body {
flex: 1 1 auto;
overflow: hidden;
}
.arco-transfer-view-body .arco-transfer-view-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.arco-transfer-view .arco-scrollbar {
height: 100%;
}
.arco-transfer-view .arco-scrollbar-container {
height: 100%;
overflow: auto;
}
.arco-transfer-view .arco-list {
border-radius: 0;
}
.arco-transfer-view .arco-list-footer {
position: relative;
display: flex;
align-items: center;
box-sizing: border-box;
height: 40px;
padding: 0 8px;
}
.arco-transfer-view .arco-list .arco-pagination {
position: absolute;
top: 50%;
right: 8px;
margin: 0;
transform: translateY(-50%);
}
.arco-transfer-view .arco-list .arco-pagination-jumper-input {
width: 24px;
}
.arco-transfer-view .arco-list .arco-pagination-jumper-separator {
padding: 0 8px;
}
.arco-transfer-view .arco-checkbox {
padding-left: 6px;
}
.arco-transfer-view .arco-checkbox-wrapper {
display: inline;
}
.arco-transfer-view .arco-checkbox .arco-icon-hover:hover::before {
background-color: var(--color-fill-3);
}
.arco-transfer-list-item {
position: relative;
display: flex;
align-items: center;
height: 36px;
padding: 0 10px;
color: var(--color-text-1);
line-height: 36px;
list-style: none;
background-color: transparent;
cursor: default;
}
.arco-transfer-list-item-content {
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-transfer-list-item-checkbox .arco-checkbox-label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-transfer-list-item-disabled {
color: var(--color-text-4);
background-color: transparent;
cursor: not-allowed;
}
.arco-transfer-list-item:not(.arco-transfer-list-item-disabled):hover {
color: var(--color-text-1);
background-color: var(--color-fill-2);
}
.arco-transfer-list-item .arco-checkbox {
width: 100%;
}
.arco-transfer-list-item .arco-checkbox-text {
color: inherit;
}
.arco-transfer-list-item-remove-btn {
margin-left: auto;
color: var(--color-text-2);
font-size: 12px;
cursor: pointer;
}
.arco-transfer-list-item-remove-btn:hover::before {
background-color: var(--color-fill-3);
}
.arco-transfer-list-item-draggable::before {
position: absolute;
right: 0;
left: 0;
display: block;
height: 2px;
border-radius: 1px;
content: '';
}
.arco-transfer-list-item-gap-bottom::before {
bottom: -2px;
background-color: rgb(var(--primary-6));
}
.arco-transfer-list-item-gap-top::before {
top: -2px;
background-color: rgb(var(--primary-6));
}
.arco-transfer-list-item-dragging {
color: var(--color-text-4) !important;
background-color: var(--color-fill-1) !important;
}
.arco-transfer-list-item-dragged {
animation: arco-transfer-drag-item-blink 0.4s;
animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
.arco-transfer-operations {
padding: 0 20px;
}
.arco-transfer-operations .arco-btn {
display: block;
}
.arco-transfer-operations .arco-btn:last-child {
margin-top: 12px;
}
.arco-transfer-operations-words .arco-btn {
width: 100%;
padding: 0 12px;
text-align: left;
}
.arco-transfer-simple .arco-transfer-view-source {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.arco-transfer-simple .arco-transfer-view-target {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.arco-transfer-disabled .arco-transfer-view-header {
color: var(--color-text-4);
}
@keyframes arco-transfer-drag-item-blink {
0% {
background-color: var(--color-primary-light-1);
}
100% {
background-color: transparent;
}
}
.arco-tree-select-popup {
box-sizing: border-box;
padding: 4px 0;
background-color: var(--color-bg-popup);
border: 1px solid var(--color-fill-3);
border-radius: var(--border-radius-medium);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.arco-tree-select-popup .arco-tree-select-tree-wrapper {
height: 100%;
max-height: 200px;
padding-right: 4px;
padding-left: 10px;
overflow: auto;
}
.arco-tree-select-popup .arco-tree-node {
padding-left: 0;
}
.arco-tree-select-highlight {
font-weight: 500;
}
.arco-tree-select-has-header {
padding-top: 0;
}
.arco-tree-select-header {
border-bottom: 1px solid var(--color-fill-3);
}
.arco-tree-select-has-footer {
padding-bottom: 0;
}
.arco-tree-select-footer {
border-top: 1px solid var(--color-fill-3);
}
/******* icon ******/
.arco-icon-hover.arco-tree-node-icon-hover::before {
width: 16px;
height: 16px;
}
.arco-tree-node-switcher {
position: relative;
display: flex;
flex-shrink: 0;
align-items: center;
width: 12px;
height: 32px;
margin-right: 10px;
color: var(--color-text-2);
font-size: 12px;
cursor: pointer;
user-select: none;
}
.arco-tree-node-switcher-icon {
position: relative;
margin: 0 auto;
}
.arco-tree-node-switcher-icon svg {
position: relative;
transform: rotate(-90deg);
transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-tree-node-expanded .arco-tree-node-switcher-icon svg,
.arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg {
transform: rotate(0);
}
.arco-tree-node-drag-icon {
margin-left: 120px;
color: rgb(var(--primary-6));
opacity: 0;
}
.arco-tree-node-custom-icon {
margin-right: 10px;
font-size: inherit;
line-height: 1;
cursor: pointer;
user-select: none;
}
.arco-tree-node .arco-icon-loading {
color: rgb(var(--primary-6));
}
.arco-tree-node-minus-icon,
.arco-tree-node-plus-icon {
position: relative;
display: block;
width: 14px;
height: 14px;
background: var(--color-fill-2);
border-radius: var(--border-radius-small);
cursor: pointer;
}
.arco-tree-node-minus-icon::after,
.arco-tree-node-plus-icon::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 6px;
height: 2px;
margin-top: -1px;
margin-left: -3px;
color: var(--color-text-2);
background-color: var(--color-text-2);
border-radius: 0.5px;
content: '';
}
.arco-tree-node-plus-icon::before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 2px;
height: 6px;
margin-top: -3px;
margin-left: -1px;
color: var(--color-text-2);
background-color: var(--color-text-2);
border-radius: 0.5px;
content: '';
}
/******* tree ***********/
.arco-tree {
color: var(--color-text-1);
}
.arco-tree .arco-checkbox {
margin-right: 10px;
padding-left: 0;
line-height: 32px;
}
.arco-tree-node {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
padding-left: 2px;
color: var(--color-text-1);
line-height: 1.5715;
cursor: pointer;
}
.arco-tree-node-selected .arco-tree-node-title,
.arco-tree-node-selected .arco-tree-node-title:hover {
color: rgb(var(--primary-6));
transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-tree-node-disabled-selectable .arco-tree-node-title,
.arco-tree-node-disabled .arco-tree-node-title,
.arco-tree-node-disabled-selectable .arco-tree-node-title:hover,
.arco-tree-node-disabled .arco-tree-node-title:hover {
color: var(--color-text-4);
background: none;
cursor: not-allowed;
}
.arco-tree-node-disabled.arco-tree-node-selected .arco-tree-node-title {
color: var(--color-primary-light-3);
}
.arco-tree-node-title-block {
flex: 1;
box-sizing: content-box;
}
.arco-tree-node-title-block .arco-tree-node-drag-icon {
position: absolute;
right: 12px;
}
.arco-tree-node-indent {
position: relative;
flex-shrink: 0;
align-self: stretch;
}
.arco-tree-node-indent-block {
position: relative;
display: inline-block;
width: 12px;
height: 100%;
margin-right: 10px;
}
.arco-tree-node-draggable {
margin-top: 2px;
}
.arco-tree-node-title {
position: relative;
display: flex;
align-items: center;
margin-left: -4px;
padding: 5px 0;
padding-right: 4px;
padding-left: 4px;
font-size: 14px;
border-radius: var(--border-radius-small);
}
.arco-tree-node-title:hover {
color: var(--color-text-1);
background-color: var(--color-fill-2);
}
.arco-tree-node-title:hover .arco-tree-node-drag-icon {
opacity: 1;
}
.arco-tree-node-title-draggable::before {
position: absolute;
top: -2px;
right: 0;
left: 0;
display: block;
height: 2px;
border-radius: 1px;
content: '';
}
.arco-tree-node-title-gap-bottom::before {
top: unset;
bottom: -2px;
background-color: rgb(var(--primary-6));
}
.arco-tree-node-title-gap-top::before {
background-color: rgb(var(--primary-6));
}
.arco-tree-node-title-highlight {
color: var(--color-text-1);
background-color: var(--color-primary-light-1);
}
.arco-tree-node-title-dragging,
.arco-tree-node-title-dragging:hover {
color: var(--color-text-4);
background-color: var(--color-fill-1);
}
.arco-tree-show-line {
padding-left: 1px;
}
.arco-tree-show-line .arco-tree-node-switcher {
width: 14px;
text-align: center;
}
.arco-tree-show-line .arco-tree-node-switcher .arco-tree-node-icon-hover {
width: 100%;
}
.arco-tree-show-line .arco-tree-node-indent-block {
width: 14px;
}
.arco-tree-show-line .arco-tree-node-indent-block::before {
position: absolute;
left: 50%;
box-sizing: border-box;
width: 1px;
border-left: 1px solid var(--color-neutral-3);
transform: translateX(-50%);
content: '';
top: -5px;
bottom: -5px;
}
.arco-tree-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after {
position: absolute;
right: -7px;
box-sizing: border-box;
width: 1px;
border-left: 1px solid var(--color-neutral-3);
transform: translateX(50%);
content: '';
top: 27px;
bottom: -5px;
}
.arco-tree-show-line .arco-tree-node-indent-block-lineless:before {
display: none;
}
/******** size *******/
.arco-tree-size-mini .arco-tree-node-switcher {
height: 24px;
}
.arco-tree-size-mini .arco-checkbox {
line-height: 24px;
}
.arco-tree-size-mini .arco-tree-node-title {
padding-top: 2px;
padding-bottom: 2px;
font-size: 12px;
line-height: 1.667;
}
.arco-tree-size-mini .arco-tree-node-indent-block::after {
top: 23px;
bottom: -1px;
}
.arco-tree-size-mini .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::before {
top: -1px;
bottom: -1px;
}
.arco-tree-size-small .arco-tree-node-switcher {
height: 28px;
}
.arco-tree-size-small .arco-checkbox {
line-height: 28px;
}
.arco-tree-size-small .arco-tree-node-title {
padding-top: 3px;
padding-bottom: 3px;
font-size: 14px;
}
.arco-tree-size-small .arco-tree-node-indent-block::after {
top: 25px;
bottom: -3px;
}
.arco-tree-size-small .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::before {
top: -3px;
bottom: -3px;
}
.arco-tree-size-large .arco-tree-node-switcher {
height: 36px;
}
.arco-tree-size-large .arco-checkbox {
line-height: 36px;
}
.arco-tree-size-large .arco-tree-node-title {
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
}
.arco-tree-size-large .arco-tree-node-indent-block::after {
top: 29px;
bottom: -7px;
}
.arco-tree-size-large .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::before {
top: -7px;
bottom: -7px;
}
.arco-tree-node-list {
overflow: hidden;
transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-typography {
color: var(--color-text-1);
line-height: 1.5715;
white-space: normal;
overflow-wrap: anywhere;
}
h1.arco-typography,
h2.arco-typography,
h3.arco-typography,
h4.arco-typography,
h5.arco-typography,
h6.arco-typography {
margin-top: 1em;
margin-bottom: 0.5em;
font-weight: 500;
}
h1.arco-typography {
font-size: 36px;
line-height: 1.23;
}
h2.arco-typography {
font-size: 32px;
line-height: 1.25;
}
h3.arco-typography {
font-size: 28px;
line-height: 1.29;
}
h4.arco-typography {
font-size: 24px;
line-height: 1.33;
}
h5.arco-typography {
font-size: 20px;
line-height: 1.4;
}
h6.arco-typography {
font-size: 16px;
line-height: 1.5;
}
div.arco-typography,
p.arco-typography {
margin-top: 0;
margin-bottom: 1em;
}
.arco-typography-primary {
color: rgb(var(--primary-6));
}
.arco-typography-secondary {
color: var(--color-text-2);
}
.arco-typography-success {
color: rgb(var(--success-6));
}
.arco-typography-warning {
color: rgb(var(--warning-6));
}
.arco-typography-danger {
color: rgb(var(--danger-6));
}
.arco-typography-disabled {
color: var(--color-text-4);
cursor: not-allowed;
}
.arco-typography mark {
background-color: rgb(var(--yellow-4));
}
.arco-typography u {
text-decoration: underline;
}
.arco-typography del {
text-decoration: line-through;
}
.arco-typography b {
font-weight: 500;
}
.arco-typography code {
margin: 0 2px;
padding: 2px 8px;
color: var(--color-text-2);
font-size: 85%;
background-color: var(--color-neutral-2);
border: 1px solid var(--color-neutral-3);
border-radius: 2px;
}
.arco-typography blockquote {
margin: 0;
margin-bottom: 1em;
padding-left: 8px;
background-color: var(--color-bg-2);
border-left: 2px solid var(--color-neutral-6);
}
.arco-typography ol,
.arco-typography ul {
margin: 0;
padding: 0;
}
.arco-typography ul li,
.arco-typography ol li {
margin-left: 20px;
}
.arco-typography ul {
list-style: circle;
}
.arco-typography-spacing-close {
line-height: 1.3;
}
.arco-typography-operation-copy,
.arco-typography-operation-copied {
margin-left: 2px;
padding: 2px;
}
.arco-typography-operation-copy {
color: var(--color-text-2);
background-color: transparent;
border-radius: 2px;
cursor: pointer;
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-typography-operation-copy:hover {
color: var(--color-text-2);
background-color: var(--color-fill-2);
}
.arco-typography-operation-copied {
color: rgb(var(--success-6));
}
.arco-typography-operation-edit {
margin-left: 2px;
padding: 2px;
color: var(--color-text-2);
background-color: transparent;
border-radius: 2px;
cursor: pointer;
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-typography-operation-edit:hover {
color: var(--color-text-2);
background-color: var(--color-fill-2);
}
.arco-typography-operation-expand {
margin: 0 4px;
color: rgb(var(--primary-6));
cursor: pointer;
}
.arco-typography-operation-expand:hover {
color: rgb(var(--primary-5));
}
.arco-typography-edit-content {
position: relative;
left: -13px;
margin-top: -5px;
margin-right: -13px;
margin-bottom: calc(1em - 4px - 1px);
}
.arco-typography-css-operation {
margin-top: -1em;
margin-bottom: 1em;
text-align: right;
}
.arco-upload {
display: inline-block;
max-width: 100%;
cursor: pointer;
}
.arco-upload.arco-upload-draggable {
width: 100%;
}
.arco-upload-tip {
margin-top: 4px;
overflow: hidden;
color: var(--color-text-3);
font-size: 12px;
line-height: 1.5;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-upload-picture-card {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 80px;
height: 80px;
margin-bottom: 0;
color: var(--color-text-2);
text-align: center;
background: var(--color-fill-2);
border: 1px dashed var(--color-neutral-3);
border-radius: var(--border-radius-small);
transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-upload-picture-card:hover {
color: var(--color-text-2);
background-color: var(--color-fill-3);
border-color: var(--color-neutral-4);
}
.arco-upload-drag {
width: 100%;
padding: 50px 0;
color: var(--color-text-1);
text-align: center;
background-color: var(--color-fill-1);
border: 1px dashed var(--color-neutral-3);
border-radius: var(--border-radius-small);
transition: all 0.2s ease;
}
.arco-upload-drag .arco-icon-plus {
margin-bottom: 24px;
color: var(--color-text-2);
font-size: 14px;
}
.arco-upload-drag:hover {
background-color: var(--color-fill-3);
border-color: var(--color-neutral-4);
}
.arco-upload-drag:hover .arco-upload-drag-text {
color: var(--color-text-1);
}
.arco-upload-drag:hover .arco-icon-plus {
color: var(--color-text-2);
}
.arco-upload-drag-active {
color: var(--color-text-1);
background-color: var(--color-primary-light-1);
border-color: rgb(var(--primary-6));
}
.arco-upload-drag-active .arco-upload-drag-text {
color: var(--color-text-1);
}
.arco-upload-drag-active .arco-icon-plus {
color: rgb(var(--primary-6));
}
.arco-upload-drag .arco-upload-tip {
margin-top: 0;
}
.arco-upload-drag-text {
color: var(--color-text-1);
font-size: 14px;
line-height: 1.5;
}
.arco-upload-wrapper {
width: 100%;
}
.arco-upload-wrapper.arco-upload-wrapper-type-picture-card {
display: flex;
justify-content: flex-start;
}
.arco-upload-drag {
width: 100%;
}
.arco-upload-hide {
display: none;
}
.arco-upload-disabled .arco-upload-picture-card,
.arco-upload-disabled .arco-upload-picture-card:hover {
color: var(--color-text-4);
background-color: var(--color-fill-1);
border-color: var(--color-neutral-4);
cursor: not-allowed;
}
.arco-upload-disabled .arco-upload-drag,
.arco-upload-disabled .arco-upload-drag:hover {
background-color: var(--color-fill-1);
border-color: var(--color-text-4);
cursor: not-allowed;
}
.arco-upload-disabled .arco-upload-drag .arco-icon-plus,
.arco-upload-disabled .arco-upload-drag:hover .arco-icon-plus,
.arco-upload-disabled .arco-upload-drag .arco-upload-drag-text,
.arco-upload-disabled .arco-upload-drag:hover .arco-upload-drag-text {
color: var(--color-text-4);
}
.arco-upload-disabled .arco-upload-tip {
color: var(--color-text-4);
}
.arco-upload-icon {
cursor: pointer;
}
.arco-upload-icon-error {
margin-left: 4px;
color: rgb(var(--danger-6));
}
.arco-upload-icon-success {
color: rgb(var(--success-6));
font-size: 14px;
line-height: 14px;
}
.arco-upload-icon-remove {
position: relative;
font-size: 14px;
}
.arco-upload-icon-start,
.arco-upload-icon-cancel {
position: absolute;
top: 50%;
left: 50%;
color: var(--color-white);
font-size: 12px;
transform: translateX(-50%) translateY(-50%);
}
.arco-upload-icon-upload {
color: rgb(var(--primary-6));
font-size: 14px;
cursor: pointer;
transition: all 0.2s ease;
}
.arco-upload-icon-upload:active,
.arco-upload-icon-upload:hover {
color: rgb(var(--primary-7));
}
.arco-upload-list {
margin: 0;
padding: 0;
list-style: none;
/*** listtype is text ****/
/*** end ****/
}
.arco-upload-list.arco-upload-list-type-text,
.arco-upload-list.arco-upload-list-type-picture {
width: 100%;
}
.arco-upload-list.arco-upload-list-type-text .arco-upload-list-item:first-of-type,
.arco-upload-list.arco-upload-list-type-picture .arco-upload-list-item:first-of-type {
margin-top: 24px;
}
.arco-upload-list-item-done .arco-upload-list-item-file-icon {
color: rgb(var(--primary-6));
}
.arco-upload-list-item {
position: relative;
display: flex;
align-items: center;
box-sizing: border-box;
margin-top: 12px;
}
.arco-upload-list-item-content {
display: flex;
flex: 1;
flex-wrap: nowrap;
align-items: center;
box-sizing: border-box;
width: 100%;
padding: 8px 0;
padding-right: 10px;
padding-left: 12px;
overflow: hidden;
font-size: 14px;
background-color: var(--color-fill-1);
border-radius: var(--border-radius-small);
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-upload-list-item-file-icon {
margin-right: 12px;
color: rgb(var(--primary-6));
font-size: 16px;
line-height: 16px;
}
.arco-upload-list-item-thumbnail {
flex-shrink: 0;
width: 40px;
height: 40px;
margin-right: 12px;
}
.arco-upload-list-item-thumbnail img {
width: 100%;
height: 100%;
}
.arco-upload-list-item-name {
display: flex;
flex: 1;
align-items: center;
margin-right: 10px;
overflow: hidden;
color: var(--color-text-1);
font-size: 14px;
line-height: 1.4286;
white-space: nowrap;
text-overflow: ellipsis;
}
.arco-upload-list-item-name-link {
overflow: hidden;
color: rgb(var(--link-6));
text-decoration: none;
text-overflow: ellipsis;
cursor: pointer;
}
.arco-upload-list-item-name-text {
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.arco-upload-list-item .arco-upload-progress {
position: relative;
margin-left: auto;
line-height: 12px;
}
.arco-upload-list-item .arco-upload-progress:hover .arco-progress-circle-bg {
stroke: rgba(var(--gray-10), 0.2);
}
.arco-upload-list-item .arco-upload-progress:hover .arco-progress-circle-bar {
stroke: rgb(var(--primary-7));
}
.arco-upload-list-item-operation {
margin-left: 12px;
color: var(--color-text-2);
font-size: 12px;
}
.arco-upload-list-item-operation .arco-upload-icon-remove {
font-size: inherit;
}
.arco-upload-list-item-error .arco-upload-list-status,
.arco-upload-list-item-done .arco-upload-list-status {
display: none;
}
.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-name-link,
.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-name {
color: rgb(var(--danger-6));
}
.arco-upload-list.arco-upload-list-type-picture-card {
display: flex;
flex-wrap: wrap;
vertical-align: top;
}
.arco-upload-list.arco-upload-list-type-picture-card .arco-upload-list-status {
top: 50%;
margin-left: 0;
transform: translateY(-50%);
}
.arco-upload-list-picture {
display: inline-block;
margin-top: 0;
margin-right: 8px;
margin-bottom: 8px;
padding-right: 0;
overflow: hidden;
vertical-align: top;
transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-upload-list-picture-status-error .arco-upload-list-picture-mask {
opacity: 1;
}
.arco-upload-list-picture {
position: relative;
box-sizing: border-box;
width: 80px;
height: 80px;
overflow: hidden;
line-height: 80px;
text-align: center;
vertical-align: top;
border-radius: var(--border-radius-small);
}
.arco-upload-list-picture img {
width: 100%;
height: 100%;
}
.arco-upload-list-picture-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: var(--color-white);
font-size: 16px;
line-height: 80px;
text-align: center;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
opacity: 0;
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-upload-list-picture-operation {
display: none;
font-size: 14px;
}
.arco-upload-list-picture-operation .arco-upload-icon-retry {
color: var(--color-white);
}
.arco-upload-list-picture-error-tip .arco-upload-icon-error {
color: var(--color-white);
font-size: 26px;
}
.arco-upload-list-picture-mask:hover {
opacity: 1;
}
.arco-upload-list-picture-mask:hover .arco-upload-list-picture-operation {
display: flex;
justify-content: space-evenly;
}
.arco-upload-list-picture-mask:hover .arco-upload-list-picture-error-tip {
display: none;
}
.arco-upload-list-type-picture .arco-upload-list-item-content {
padding-top: 8px;
padding-bottom: 8px;
}
.arco-upload-list-type-picture .arco-upload-list-item-error .arco-upload-list-item-content {
background-color: var(--color-danger-light-1);
}
.arco-upload-list-type-picture .arco-upload-list-item-error .arco-upload-list-item-name-link,
.arco-upload-list-type-picture .arco-upload-list-item-error .arco-upload-list-item-name {
color: rgb(var(--danger-6));
}
.arco-upload-hide + .arco-upload-list .arco-upload-list-item:first-of-type {
margin-top: 0;
}
.arco-upload-slide-up-enter {
opacity: 0;
}
.arco-upload-slide-up-enter-active {
opacity: 1;
transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-upload-slide-up-exit {
opacity: 1;
}
.arco-upload-slide-up-exit-active {
margin: 0;
overflow: hidden;
opacity: 0;
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
}
.arco-upload-list-item.arco-upload-slide-inline-enter {
opacity: 0;
}
.arco-upload-list-item.arco-upload-slide-inline-enter-active {
opacity: 1;
transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-upload-list-item.arco-upload-slide-inline-exit {
opacity: 1;
}
.arco-upload-list-item.arco-upload-slide-inline-exit-active {
margin: 0;
overflow: hidden;
opacity: 0;
transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
}
@font-face {
font-family: "iconfont"; /* Project id 1322031 */
src: url('/assets/iconfont-B03ErWXi.woff2?t=1637827008562') format('woff2'),
url('/assets/iconfont-FfbcwS_p.woff?t=1637827008562') format('woff'),
url('/assets/iconfont-BRRTYgYk.ttf?t=1637827008562') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 1em;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-backtop:before {
content: "\e617";
}
.icon-shezhi:before {
content: "\e62b";
}
.icon-server:before {
content: "\e6a5";
}
.icon-email-success:before {
content: "\e7c6";
}
.icon-alarm:before {
content: "\e6a6";
}
.icon-sms-failed:before {
content: "\e7c7";
}
.icon-tool:before {
content: "\e6a7";
}
.icon-protocol-add:before {
content: "\e7c8";
}
.icon-shut-down:before {
content: "\e6a8";
}
.icon-asset-add:before {
content: "\e7c9";
}
.icon-merge:before {
content: "\e6a9";
}
.icon-protocol-audit:before {
content: "\e7ca";
}
.icon-institute:before {
content: "\e6aa";
}
.icon-qq:before {
content: "\e7cb";
}
.icon-staff:before {
content: "\e6ab";
}
.icon-oper-auto-1:before {
content: "\e7cc";
}
.icon-user:before {
content: "\e6ac";
}
.icon-oper-auto:before {
content: "\e7cd";
}
.icon-asset:before {
content: "\e6ad";
}
.icon-console:before {
content: "\e7ce";
}
.icon-aid:before {
content: "\e6ae";
}
.icon-sys-enhance:before {
content: "\e7cf";
}
.icon-deblock:before {
content: "\e6af";
}
.icon-snow:before {
content: "\e7d0";
}
.icon-lock:before {
content: "\e6b0";
}
.icon-blob:before {
content: "\e7d1";
}
.icon-ban:before {
content: "\e6b1";
}
.icon-bank-card:before {
content: "\e7d2";
}
.icon-serve:before {
content: "\e6b2";
}
.icon-layout-custom:before {
content: "\e7d3";
}
.icon-lound-speaker:before {
content: "\e6b3";
}
.icon-add-column:before {
content: "\e7d4";
}
.icon-link:before {
content: "\e6b4";
}
.icon-out-column:before {
content: "\e7d5";
}
.icon-memory:before {
content: "\e6b5";
}
.icon-in-column:before {
content: "\e7d6";
}
.icon-start:before {
content: "\e6b6";
}
.icon-deblock-2:before {
content: "\e7d7";
}
.icon-migrate:before {
content: "\e6b7";
}
.icon-set-configure:before {
content: "\e7d8";
}
.icon-pencil:before {
content: "\e6b8";
}
.icon-view-authority:before {
content: "\e7d9";
}
.icon-cancel:before {
content: "\e6b9";
}
.icon-lingpai:before {
content: "\e7da";
}
.icon-calendar:before {
content: "\e6ba";
}
.icon-duankailianjie:before {
content: "\e7db";
}
.icon-top-bold:before {
content: "\e6bb";
}
.icon-seal:before {
content: "\e7dc";
}
.icon-bottom:before {
content: "\e6bc";
}
.icon-backup-hm:before {
content: "\e7dd";
}
.icon-top:before {
content: "\e6bd";
}
.icon-psw-reset:before {
content: "\e7de";
}
.icon-right:before {
content: "\e6be";
}
.icon-host:before {
content: "\e7df";
}
.icon-right-bold:before {
content: "\e6bf";
}
.icon-initiate-task:before {
content: "\e7e0";
}
.icon-bottom-bold:before {
content: "\e6c0";
}
.icon-del-un-translate:before {
content: "\e7e1";
}
.icon-left:before {
content: "\e6c1";
}
.icon-del-task:before {
content: "\e7e2";
}
.icon-left-bold:before {
content: "\e6c2";
}
.icon-script-set:before {
content: "\e7e3";
}
.icon-upload-pic:before {
content: "\e6c3";
}
.icon-script-language:before {
content: "\e7e4";
}
.icon-community:before {
content: "\e6c4";
}
.icon-experiment:before {
content: "\e7e5";
}
.icon-clock:before {
content: "\e6c5";
}
.icon-subgroup:before {
content: "\e7e6";
}
.icon-authorise:before {
content: "\e6c6";
}
.icon-wind-speed:before {
content: "\e7e7";
}
.icon-window:before {
content: "\e6c7";
}
.icon-wind-class:before {
content: "\e7e8";
}
.icon-event:before {
content: "\e6c8";
}
.icon-wind-speed-high:before {
content: "\e7e9";
}
.icon-data-base:before {
content: "\e6c9";
}
.icon-wind-speed-low:before {
content: "\e7ea";
}
.icon-back-circle:before {
content: "\e6ca";
}
.icon-xuanxiang:before {
content: "\e7eb";
}
.icon-refresh-circle:before {
content: "\e6cb";
}
.icon-fengxiang:before {
content: "\e7ec";
}
.icon-refresh-square:before {
content: "\e6cc";
}
.icon-kongtiaofengsu:before {
content: "\e7ed";
}
.icon-back-square:before {
content: "\e6cd";
}
.icon-taiyang:before {
content: "\e7ee";
}
.icon-attend:before {
content: "\e6ce";
}
.icon-zhire:before {
content: "\e7ef";
}
.icon-attended:before {
content: "\e6cf";
}
.icon-zidong:before {
content: "\e7f0";
}
.icon-picture:before {
content: "\e6d0";
}
.icon-zhuye:before {
content: "\e7f1";
}
.icon-network:before {
content: "\e6d1";
}
.icon-jingyin:before {
content: "\e7f2";
}
.icon-order-mine:before {
content: "\e6d2";
}
.icon-quxiaojingyin:before {
content: "\e7f3";
}
.icon-info:before {
content: "\e6d3";
}
.icon-bofangzanting:before {
content: "\e7f4";
}
.icon-info-read:before {
content: "\e6d4";
}
.icon-xiumian:before {
content: "\e7f5";
}
.icon-pause:before {
content: "\e6d5";
}
.icon-kuaitui:before {
content: "\e7f6";
}
.icon-message:before {
content: "\e6d6";
}
.icon-kuaijin:before {
content: "\e7f7";
}
.icon-middleware:before {
content: "\e6d7";
}
.icon-tingzhi-shixin:before {
content: "\e7f8";
}
.icon-finish:before {
content: "\e6d8";
}
.icon-wendu:before {
content: "\e7f9";
}
.icon-folder:before {
content: "\e6d9";
}
.icon-fanhui-:before {
content: "\e7fa";
}
.icon-midware:before {
content: "\e6da";
}
.icon-shuzi:before {
content: "\e7fb";
}
.icon-histogram:before {
content: "\e6db";
}
.icon-yaotou:before {
content: "\e7fc";
}
.icon-panel:before {
content: "\e6dc";
}
.icon-jieneng:before {
content: "\e7fd";
}
.icon-unknow:before {
content: "\e6dd";
}
.icon-huanjingzaosheng:before {
content: "\e7fe";
}
.icon-net-device:before {
content: "\e6de";
}
.icon-qiya:before {
content: "\e7ff";
}
.icon-compass:before {
content: "\e6df";
}
.icon-san:before {
content: "\e800";
}
.icon-cloud:before {
content: "\e6e0";
}
.icon-PM:before {
content: "\e801";
}
.icon-add:before {
content: "\e6e1";
}
.icon-yiwei:before {
content: "\e802";
}
.icon-app:before {
content: "\e6e2";
}
.icon-xiayiqu:before {
content: "\e803";
}
.icon-file:before {
content: "\e6e3";
}
.icon-shangyiqu:before {
content: "\e804";
}
.icon-email:before {
content: "\e6e4";
}
.icon-shengda:before {
content: "\e805";
}
.icon-hardware:before {
content: "\e6e5";
}
.icon-shengjingyin:before {
content: "\e806";
}
.icon-screen:before {
content: "\e6e6";
}
.icon-shengxiao:before {
content: "\e807";
}
.icon-star-full:before {
content: "\e6e7";
}
.icon-liebiaoshunxu:before {
content: "\e808";
}
.icon-star-empty:before {
content: "\e6e8";
}
.icon-suiji:before {
content: "\e809";
}
.icon-set-place:before {
content: "\e6e9";
}
.icon-danquxunhuan:before {
content: "\e80a";
}
.icon-set:before {
content: "\e6ea";
}
.icon-liebiaoxunhuan:before {
content: "\e80b";
}
.icon-account-audit:before {
content: "\e6eb";
}
.icon-bofang:before {
content: "\e80c";
}
.icon-config-account:before {
content: "\e6ec";
}
.icon-fengsu:before {
content: "\e80d";
}
.icon-eye:before {
content: "\e6ed";
}
.icon-fengsu1:before {
content: "\e80e";
}
.icon-knowledge-base:before {
content: "\e6ee";
}
.icon-fengsu2:before {
content: "\e80f";
}
.icon-wechat:before {
content: "\e6ef";
}
.icon-angle-30:before {
content: "\e810";
}
.icon-update:before {
content: "\e6f0";
}
.icon-angle-60:before {
content: "\e811";
}
.icon-self-test:before {
content: "\e6f1";
}
.icon-angle-90:before {
content: "\e812";
}
.icon-backup:before {
content: "\e6f2";
}
.icon-angle-120:before {
content: "\e813";
}
.icon-bulletin:before {
content: "\e6f3";
}
.icon-my-home:before {
content: "\e814";
}
.icon-union:before {
content: "\e6f4";
}
.icon-user-primary:before {
content: "\e815";
}
.icon-protocol:before {
content: "\e6f5";
}
.icon-user-sec:before {
content: "\e816";
}
.icon-funnel:before {
content: "\e6f6";
}
.icon-pronunciatio:before {
content: "\e817";
}
.icon-reduce:before {
content: "\e6f7";
}
.icon-air-movement:before {
content: "\e818";
}
.icon-enlarge:before {
content: "\e6f8";
}
.icon-in-out:before {
content: "\e819";
}
.icon-sponsor:before {
content: "\e6f9";
}
.icon-denglengshi:before {
content: "\e81a";
}
.icon-stop:before {
content: "\e6fa";
}
.icon-scan-address:before {
content: "\e6fb";
}
.icon-snmp-response:before {
content: "\e6fc";
}
.icon-line:before {
content: "\e6fd";
}
.icon-nav-log-center:before {
content: "\e6fe";
}
.icon-nav-process-center:before {
content: "\e6ff";
}
.icon-nav-account-manage:before {
content: "\e700";
}
.icon-nav-oper-center:before {
content: "\e701";
}
.icon-nav-event-center:before {
content: "\e702";
}
.icon-nav-system-set:before {
content: "\e703";
}
.icon-nav-asset-monitor:before {
content: "\e704";
}
.icon-nav-asset-manage:before {
content: "\e705";
}
.icon-nav-self-service:before {
content: "\e706";
}
.icon-minus:before {
content: "\e707";
}
.icon-minus-bold:before {
content: "\e708";
}
.icon-plus-bold:before {
content: "\e709";
}
.icon-plus:before {
content: "\e70a";
}
.icon-frequency:before {
content: "\e70b";
}
.icon-delete:before {
content: "\e70c";
}
.icon-organ:before {
content: "\e71a";
}
.icon-account-asset:before {
content: "\e71b";
}
.icon-manage-author:before {
content: "\e71c";
}
.icon-config-safe:before {
content: "\e71d";
}
.icon-account-isolate:before {
content: "\e71e";
}
.icon-position:before {
content: "\e71f";
}
.icon-aim:before {
content: "\e720";
}
.icon-source:before {
content: "\e721";
}
.icon-config-audit:before {
content: "\e722";
}
.icon-asset-expired:before {
content: "\e723";
}
.icon-asset-change:before {
content: "\e724";
}
.icon-roadblock:before {
content: "\e725";
}
.icon-tag2:before {
content: "\e726";
}
.icon-inspection:before {
content: "\e727";
}
.icon-trophy:before {
content: "\e728";
}
.icon-briefcase:before {
content: "\e729";
}
.icon-mib:before {
content: "\e72a";
}
.icon-cabinet:before {
content: "\e72b";
}
.icon-config-ip:before {
content: "\e72c";
}
.icon-week:before {
content: "\e72d";
}
.icon-month:before {
content: "\e72e";
}
.icon-day:before {
content: "\e72f";
}
.icon-set-alarm:before {
content: "\e730";
}
.icon-batch-add:before {
content: "\e738";
}
.icon-batch-reduce:before {
content: "\e739";
}
.icon-batch-del:before {
content: "\e73a";
}
.icon-batch-import:before {
content: "\e73b";
}
.icon-batch-export:before {
content: "\e73c";
}
.icon-flag:before {
content: "\e73d";
}
.icon-oper-apply:before {
content: "\e73e";
}
.icon-business-server:before {
content: "\e73f";
}
.icon-oper-equip:before {
content: "\e740";
}
.icon-log:before {
content: "\e741";
}
.icon-download:before {
content: "\e742";
}
.icon-batch-execution:before {
content: "\e743";
}
.icon-assist:before {
content: "\e744";
}
.icon-announce:before {
content: "\e745";
}
.icon-special-oper:before {
content: "\e746";
}
.icon-system-statu:before {
content: "\e747";
}
.icon-early-warn:before {
content: "\e748";
}
.icon-delegate:before {
content: "\e749";
}
.icon-receive:before {
content: "\e74a";
}
.icon-order-track:before {
content: "\e74b";
}
.icon-query-knowledge:before {
content: "\e74c";
}
.icon-set-process:before {
content: "\e74d";
}
.icon-manage-process:before {
content: "\e74e";
}
.icon-order-add:before {
content: "\e74f";
}
.icon-order-pending:before {
content: "\e750";
}
.icon-config-rule:before {
content: "\e751";
}
.icon-config-command:before {
content: "\e752";
}
.icon-official-edition:before {
content: "\e753";
}
.icon-linux:before {
content: "\e754";
}
.icon-mac:before {
content: "\e755";
}
.icon-windows:before {
content: "\e756";
}
.icon-link-equip:before {
content: "\e757";
}
.icon-activation:before {
content: "\e758";
}
.icon-config-link-audit:before {
content: "\e759";
}
.icon-after-change-psw:before {
content: "\e75a";
}
.icon-before-change-psw:before {
content: "\e75b";
}
.icon-port:before {
content: "\e75c";
}
.icon-association:before {
content: "\e75d";
}
.icon-inquire:before {
content: "\e75e";
}
.icon-list:before {
content: "\e75f";
}
.icon-engine-room:before {
content: "\e760";
}
.icon-batch-oper:before {
content: "\e761";
}
.icon-straight:before {
content: "\e762";
}
.icon-entity:before {
content: "\e763";
}
.icon-orthogonal:before {
content: "\e764";
}
.icon-curve:before {
content: "\e765";
}
.icon-align-vertical:before {
content: "\e766";
}
.icon-align-bottom:before {
content: "\e767";
}
.icon-align-level:before {
content: "\e768";
}
.icon-align-top:before {
content: "\e769";
}
.icon-align-right:before {
content: "\e76a";
}
.icon-align-left:before {
content: "\e76b";
}
.icon-layout:before {
content: "\e76c";
}
.icon-full-screen:before {
content: "\e76d";
}
.icon-cancel-full-screen:before {
content: "\e76e";
}
.icon-capture-screen:before {
content: "\e76f";
}
.icon-click:before {
content: "\e770";
}
.icon-business-translate:before {
content: "\e771";
}
.icon-vcr:before {
content: "\e772";
}
.icon-camera:before {
content: "\e773";
}
.icon-timer:before {
content: "\e774";
}
.icon-nav-set-oper:before {
content: "\e775";
}
.icon-rocket:before {
content: "\e776";
}
.icon-battery:before {
content: "\e777";
}
.icon-business-monitor:before {
content: "\e778";
}
.icon-double-left:before {
content: "\e779";
}
.icon-double-right:before {
content: "\e77a";
}
.icon-most-bottom:before {
content: "\e77b";
}
.icon-most-left:before {
content: "\e77c";
}
.icon-most-top:before {
content: "\e77d";
}
.icon-most-right:before {
content: "\e77e";
}
.icon-arrow-right:before {
content: "\e77f";
}
.icon-arrow-bottom:before {
content: "\e780";
}
.icon-arrow-top:before {
content: "\e781";
}
.icon-arrow-left:before {
content: "\e782";
}
.icon-resource:before {
content: "\e783";
}
.icon-ruler:before {
content: "\e784";
}
.icon-info-query:before {
content: "\e785";
}
.icon-last-time:before {
content: "\e786";
}
.icon-signal:before {
content: "\e787";
}
.icon-no-signal:before {
content: "\e788";
}
.icon-arrow-right-bottom:before {
content: "\e789";
}
.icon-arrow-right-top:before {
content: "\e78a";
}
.icon-arrow-left-bottom:before {
content: "\e78b";
}
.icon-arrow-left-top:before {
content: "\e78c";
}
.icon-reboot:before {
content: "\e78d";
}
.icon-assist-cancel:before {
content: "\e78e";
}
.icon-carry-out:before {
content: "\e78f";
}
.icon-retreat:before {
content: "\e790";
}
.icon-shopping-cart:before {
content: "\e791";
}
.icon-clean-up:before {
content: "\e792";
}
.icon-u-disk:before {
content: "\e793";
}
.icon-medal:before {
content: "\e794";
}
.icon-money:before {
content: "\e795";
}
.icon-fire:before {
content: "\e796";
}
.icon-cd:before {
content: "\e797";
}
.icon-blackboard:before {
content: "\e798";
}
.icon-scissors:before {
content: "\e799";
}
.icon-minimum:before {
content: "\e664";
}
.icon-pin:before {
content: "\e79a";
}
.icon-maximize:before {
content: "\e665";
}
.icon-monitor:before {
content: "\e79b";
}
.icon-laptop:before {
content: "\e688";
}
.icon-box-select:before {
content: "\e79c";
}
.icon-help:before {
content: "\e689";
}
.icon-printer:before {
content: "\e79d";
}
.icon-excel:before {
content: "\e68a";
}
.icon-mouse:before {
content: "\e79e";
}
.icon-cpu:before {
content: "\e68b";
}
.icon-lightning:before {
content: "\e79f";
}
.icon-alter:before {
content: "\e68c";
}
.icon-quit-s:before {
content: "\e7a0";
}
.icon-edit:before {
content: "\e68d";
}
.icon-nav-oper-center-t:before {
content: "\e7a1";
}
.icon-tag:before {
content: "\e68e";
}
.icon-attended-full:before {
content: "\e7a2";
}
.icon-pie-chart:before {
content: "\e68f";
}
.icon-change-psw:before {
content: "\e7a3";
}
.icon-strategy:before {
content: "\e690";
}
.icon-speech:before {
content: "\e7a4";
}
.icon-policy:before {
content: "\e691";
}
.icon-downtime:before {
content: "\e7a5";
}
.icon-error:before {
content: "\e692";
}
.icon-not-pass:before {
content: "\e7a6";
}
.icon-error-bold:before {
content: "\e693";
}
.icon-close-eye:before {
content: "\e7a7";
}
.icon-send:before {
content: "\e694";
}
.icon-open-eye:before {
content: "\e7a8";
}
.icon-bug:before {
content: "\e695";
}
.icon-scan:before {
content: "\e7a9";
}
.icon-disk:before {
content: "\e696";
}
.icon-qr-code:before {
content: "\e7b0";
}
.icon-like:before {
content: "\e697";
}
.icon-account-only:before {
content: "\e7b1";
}
.icon-tv:before {
content: "\e698";
}
.icon-underway:before {
content: "\e7b6";
}
.icon-order-response:before {
content: "\e699";
}
.icon-prompt-info:before {
content: "\e7b7";
}
.icon-phone:before {
content: "\e69a";
}
.icon-sort:before {
content: "\e7b8";
}
.icon-approve:before {
content: "\e69b";
}
.icon-cloud-down:before {
content: "\e7b9";
}
.icon-dialog:before {
content: "\e69c";
}
.icon-paper-clip:before {
content: "\e7ba";
}
.icon-import:before {
content: "\e69d";
}
.icon-word:before {
content: "\e7bb";
}
.icon-export:before {
content: "\e69e";
}
.icon-bangding:before {
content: "\e7bc";
}
.icon-order:before {
content: "\e69f";
}
.icon-bind-remove:before {
content: "\e7bd";
}
.icon-correct:before {
content: "\e6a0";
}
.icon-cloud1:before {
content: "\e7be";
}
.icon-correct-bold:before {
content: "\e6a1";
}
.icon-pdf:before {
content: "\e7c1";
}
.icon-publish:before {
content: "\e6a2";
}
.icon-order-close:before {
content: "\e7c2";
}
.icon-home:before {
content: "\e6a3";
}
.icon-email-failed:before {
content: "\e7c4";
}
.icon-magnifier:before {
content: "\e6a4";
}
.icon-sms-success:before {
content: "\e7c5";
}
/* Config */
:root {
--sk-size: 40px;
--sk-color: #333;
}
/* Utility class for centering */
.sk-center {
margin: auto;
}
/* Plane
*/
.sk-plane {
width: var(--sk-size);
height: var(--sk-size);
animation: sk-plane 1.2s infinite ease-in-out;
}
@keyframes sk-plane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/* Chase
*/
.sk-chase {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
animation: sk-chase 2.5s infinite linear both;
}
.sk-chase-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
animation: sk-chase-dot 2s infinite ease-in-out both;
}
.sk-chase-dot:before {
content: '';
display: block;
width: 25%;
height: 25%;
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-chase-dot-before 2s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) {
animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
animation-delay: -1s;
}
.sk-chase-dot:nth-child(3) {
animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5) {
animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
animation-delay: -0.6s;
}
.sk-chase-dot:nth-child(1):before {
animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
animation-delay: -1s;
}
.sk-chase-dot:nth-child(3):before {
animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5):before {
animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
animation-delay: -0.6s;
}
@keyframes sk-chase {
100% {
transform: rotate(360deg);
}
}
@keyframes sk-chase-dot {
80%,
100% {
transform: rotate(360deg);
}
}
@keyframes sk-chase-dot-before {
50% {
transform: scale(0.4);
}
100%,
0% {
transform: scale(1);
}
}
/* Bounce
*/
.sk-bounce {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
}
.sk-bounce-dot {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--sk-color);
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.sk-bounce-dot:nth-child(2) {
animation-delay: -1s;
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0);
}
45%,
55% {
transform: scale(1);
}
}
/* Wave
*/
.sk-wave {
width: var(--sk-size);
height: var(--sk-size);
display: flex;
justify-content: space-between;
}
.sk-wave-rect {
background-color: var(--sk-color);
height: 100%;
width: 15%;
animation: sk-wave 1.2s infinite ease-in-out;
}
.sk-wave-rect:nth-child(1) {
animation-delay: -1.2s;
}
.sk-wave-rect:nth-child(2) {
animation-delay: -1.1s;
}
.sk-wave-rect:nth-child(3) {
animation-delay: -1s;
}
.sk-wave-rect:nth-child(4) {
animation-delay: -0.9s;
}
.sk-wave-rect:nth-child(5) {
animation-delay: -0.8s;
}
@keyframes sk-wave {
0%,
40%,
100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
}
/* Pulse
*/
.sk-pulse {
width: var(--sk-size);
height: var(--sk-size);
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes sk-pulse {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
opacity: 0;
}
}
/* Flow
*/
.sk-flow {
width: calc(var(--sk-size) * 1.3);
height: calc(var(--sk-size) * 1.3);
display: flex;
justify-content: space-between;
}
.sk-flow-dot {
width: 25%;
height: 25%;
background-color: var(--sk-color);
border-radius: 50%;
animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
}
.sk-flow-dot:nth-child(1) {
animation-delay: -0.3s;
}
.sk-flow-dot:nth-child(2) {
animation-delay: -0.15s;
}
@keyframes sk-flow {
0%,
80%,
100% {
transform: scale(0.3);
}
40% {
transform: scale(1);
}
}
/* Swing
*/
.sk-swing {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
animation: sk-swing 1.8s infinite linear;
}
.sk-swing-dot {
width: 45%;
height: 45%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-swing-dot 2s infinite ease-in-out;
}
.sk-swing-dot:nth-child(2) {
top: auto;
bottom: 0;
animation-delay: -1s;
}
@keyframes sk-swing {
100% {
transform: rotate(360deg);
}
}
@keyframes sk-swing-dot {
0%,
100% {
transform: scale(0.2);
}
50% {
transform: scale(1);
}
}
/* Circle
*/
.sk-circle {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
}
.sk-circle-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle-dot:before {
content: '';
display: block;
width: 15%;
height: 15%;
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-circle 1.2s infinite ease-in-out both;
}
.sk-circle-dot:nth-child(1) {
transform: rotate(30deg);
}
.sk-circle-dot:nth-child(2) {
transform: rotate(60deg);
}
.sk-circle-dot:nth-child(3) {
transform: rotate(90deg);
}
.sk-circle-dot:nth-child(4) {
transform: rotate(120deg);
}
.sk-circle-dot:nth-child(5) {
transform: rotate(150deg);
}
.sk-circle-dot:nth-child(6) {
transform: rotate(180deg);
}
.sk-circle-dot:nth-child(7) {
transform: rotate(210deg);
}
.sk-circle-dot:nth-child(8) {
transform: rotate(240deg);
}
.sk-circle-dot:nth-child(9) {
transform: rotate(270deg);
}
.sk-circle-dot:nth-child(10) {
transform: rotate(300deg);
}
.sk-circle-dot:nth-child(11) {
transform: rotate(330deg);
}
.sk-circle-dot:nth-child(1):before {
animation-delay: -1.1s;
}
.sk-circle-dot:nth-child(2):before {
animation-delay: -1s;
}
.sk-circle-dot:nth-child(3):before {
animation-delay: -0.9s;
}
.sk-circle-dot:nth-child(4):before {
animation-delay: -0.8s;
}
.sk-circle-dot:nth-child(5):before {
animation-delay: -0.7s;
}
.sk-circle-dot:nth-child(6):before {
animation-delay: -0.6s;
}
.sk-circle-dot:nth-child(7):before {
animation-delay: -0.5s;
}
.sk-circle-dot:nth-child(8):before {
animation-delay: -0.4s;
}
.sk-circle-dot:nth-child(9):before {
animation-delay: -0.3s;
}
.sk-circle-dot:nth-child(10):before {
animation-delay: -0.2s;
}
.sk-circle-dot:nth-child(11):before {
animation-delay: -0.1s;
}
@keyframes sk-circle {
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/* Circle Fade
*/
.sk-circle-fade {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
}
.sk-circle-fade-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle-fade-dot:before {
content: '';
display: block;
width: 15%;
height: 15%;
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-circle-fade 1.2s infinite ease-in-out both;
}
.sk-circle-fade-dot:nth-child(1) {
transform: rotate(30deg);
}
.sk-circle-fade-dot:nth-child(2) {
transform: rotate(60deg);
}
.sk-circle-fade-dot:nth-child(3) {
transform: rotate(90deg);
}
.sk-circle-fade-dot:nth-child(4) {
transform: rotate(120deg);
}
.sk-circle-fade-dot:nth-child(5) {
transform: rotate(150deg);
}
.sk-circle-fade-dot:nth-child(6) {
transform: rotate(180deg);
}
.sk-circle-fade-dot:nth-child(7) {
transform: rotate(210deg);
}
.sk-circle-fade-dot:nth-child(8) {
transform: rotate(240deg);
}
.sk-circle-fade-dot:nth-child(9) {
transform: rotate(270deg);
}
.sk-circle-fade-dot:nth-child(10) {
transform: rotate(300deg);
}
.sk-circle-fade-dot:nth-child(11) {
transform: rotate(330deg);
}
.sk-circle-fade-dot:nth-child(1):before {
animation-delay: -1.1s;
}
.sk-circle-fade-dot:nth-child(2):before {
animation-delay: -1s;
}
.sk-circle-fade-dot:nth-child(3):before {
animation-delay: -0.9s;
}
.sk-circle-fade-dot:nth-child(4):before {
animation-delay: -0.8s;
}
.sk-circle-fade-dot:nth-child(5):before {
animation-delay: -0.7s;
}
.sk-circle-fade-dot:nth-child(6):before {
animation-delay: -0.6s;
}
.sk-circle-fade-dot:nth-child(7):before {
animation-delay: -0.5s;
}
.sk-circle-fade-dot:nth-child(8):before {
animation-delay: -0.4s;
}
.sk-circle-fade-dot:nth-child(9):before {
animation-delay: -0.3s;
}
.sk-circle-fade-dot:nth-child(10):before {
animation-delay: -0.2s;
}
.sk-circle-fade-dot:nth-child(11):before {
animation-delay: -0.1s;
}
@keyframes sk-circle-fade {
0%,
39%,
100% {
opacity: 0;
transform: scale(0.6);
}
40% {
opacity: 1;
transform: scale(1);
}
}
/* Grid
*/
.sk-grid {
width: var(--sk-size);
height: var(--sk-size);
/* Cube positions
* 1 2 3
* 4 5 6
* 7 8 9
*/
}
.sk-grid-cube {
width: 33.33%;
height: 33.33%;
background-color: var(--sk-color);
float: left;
animation: sk-grid 1.3s infinite ease-in-out;
}
.sk-grid-cube:nth-child(1) {
animation-delay: 0.2s;
}
.sk-grid-cube:nth-child(2) {
animation-delay: 0.3s;
}
.sk-grid-cube:nth-child(3) {
animation-delay: 0.4s;
}
.sk-grid-cube:nth-child(4) {
animation-delay: 0.1s;
}
.sk-grid-cube:nth-child(5) {
animation-delay: 0.2s;
}
.sk-grid-cube:nth-child(6) {
animation-delay: 0.3s;
}
.sk-grid-cube:nth-child(7) {
animation-delay: 0s;
}
.sk-grid-cube:nth-child(8) {
animation-delay: 0.1s;
}
.sk-grid-cube:nth-child(9) {
animation-delay: 0.2s;
}
@keyframes sk-grid {
0%,
70%,
100% {
transform: scale3D(1, 1, 1);
}
35% {
transform: scale3D(0, 0, 1);
}
}
/* Fold
*/
.sk-fold {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
transform: rotateZ(45deg);
}
.sk-fold-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
}
.sk-fold-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--sk-color);
animation: sk-fold 2.4s infinite linear both;
transform-origin: 100% 100%;
}
.sk-fold-cube:nth-child(2) {
transform: scale(1.1) rotateZ(90deg);
}
.sk-fold-cube:nth-child(4) {
transform: scale(1.1) rotateZ(180deg);
}
.sk-fold-cube:nth-child(3) {
transform: scale(1.1) rotateZ(270deg);
}
.sk-fold-cube:nth-child(2):before {
animation-delay: 0.3s;
}
.sk-fold-cube:nth-child(4):before {
animation-delay: 0.6s;
}
.sk-fold-cube:nth-child(3):before {
animation-delay: 0.9s;
}
@keyframes sk-fold {
0%,
10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
/* Wander
*/
.sk-wander {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
}
.sk-wander-cube {
background-color: var(--sk-color);
width: 20%;
height: 20%;
position: absolute;
top: 0;
left: 0;
--sk-wander-distance: calc(var(--sk-size) * 0.75);
animation: sk-wander 2s ease-in-out -2s infinite both;
}
.sk-wander-cube:nth-child(2) {
animation-delay: -0.5s;
}
.sk-wander-cube:nth-child(3) {
animation-delay: -1s;
}
@keyframes sk-wander {
0% {
transform: rotate(0deg);
}
25% {
transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(0.6);
}
50% {
/* Make FF rotate in the right direction */
transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg);
}
50.1% {
transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg);
}
75% {
transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(0.6);
}
100% {
transform: rotate(-360deg);
}
}
html,
body {
background-color: #fff;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
color: rgba(0, 0, 0, 0.65);
scroll-padding-top: 80px;
}
code {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
}
.left-menu-container-arco .arco-menu-inner {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 0;
}
.left-menu-container-arco .arco-menu-inner .arco-menu-inline-header svg,
.left-menu-container-arco .arco-menu-inner .arco-menu-item svg {
margin-right: 7px;
}
.left-menu-three-container-arco .arco-menu-inner {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 0;
}
.left-menu-three-container-arco .arco-menu-inner .arco-menu-item.arco-menu-selected {
background-color: #ffffff;
color: #004EA2;
}
.left-menu-three-container-arco .arco-menu-inner .arco-menu-inline-header svg,
.left-menu-three-container-arco .arco-menu-inner .arco-menu-item svg {
margin-right: 7px;
}
.left-menu-three-container-arco .arco-menu-inner .arco-menu-inline-header:hover,
.left-menu-three-container-arco .arco-menu-inner .arco-menu-item:hover {
background-color: #fff;
color: #004EA2;
}
.arco-icon.left-menu-icon {
display: inline-block;
position: relative;
top: 3px;
left: -3px;
font-size: 20px;
}
.normal-page {
padding: 12px;
}
.table-page {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.table-page.flex-same > * {
height: 0;
flex-grow: 1;
}
.vxe-table .vxe-table--loading.vxe-loading {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: rgba(255, 255, 255, 0.5);
}
.vxe-table .vxe-table--loading.vxe-loading .vxe-loading--spinner::before {
content: "";
width: 100%;
height: 100%;
border-radius: 0;
background-color: #004EA2;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: none;
animation: none;
width: var(--sk-size);
height: var(--sk-size);
animation: sk-plane 1.2s infinite ease-in-out;
}
.vxe-table .vxe-table--loading.vxe-loading .vxe-loading--spinner::after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
background-color: transparent;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: none;
animation: none;
}
.arco-modal-simple {
width: 240px;
padding: 15px;
top: 150px !important;
vertical-align: top !important;
}
.arco-modal-simple .arco-modal-header {
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
}
.arco-modal-simple .arco-modal-body {
padding: 15px;
}
.arco-modal-simple .arco-modal-footer {
margin-top: 10px;
}
.vxe-button:hover,
.vxe-button:active,
.vxe-button:focus {
box-shadow: none !important;
}
.vxe-tools--operate .vxe-button:hover,
.vxe-tools--operate .vxe-button:active,
.vxe-tools--operate .vxe-button:focus {
background-color: transparent !important;
color: #004EA2;
}
.in-ss-top-banner-search .arco-dropdown .arco-dropdown-list-wrapper {
max-height: 400px !important;
}
.in-ss-top-banner-search .arco-dropdown li.arco-dropdown-option {
padding: 10px 20px;
line-height: 1.5 !important;
}
.in-ss-top-banner-search .arco-dropdown li.arco-dropdown-option:hover .title {
color: #27c47d !important;
}
.in-ss-top-banner-search .arco-dropdown li.arco-dropdown-option:not(:first-of-type) {
border-top: 1px dashed #f1f1f1;
}
.ss-dialog-model-container.no-padding .arco-modal-body {
padding: 0;
}
.ss-dialog-model-container .arco-modal-wrapper {
overflow: hidden;
display: flex !important;
align-content: center;
align-items: center;
justify-content: center;
justify-items: center;
}
.ss-dialog-model-container.have-top .arco-modal-wrapper {
align-content: flex-start !important;
align-items: flex-start !important;
}
.ss-dialog-model-container .ss-dialog-model {
display: flex !important;
position: relative;
flex-direction: column !important;
overflow: hidden;
}
.ss-dialog-model-container .ss-dialog-model .arco-modal-header,
.ss-dialog-model-container .ss-dialog-model .arco-modal-footer {
flex-shrink: 0;
}
.ss-dialog-model-container .ss-dialog-model .arco-modal-body {
display: flex;
flex-direction: column;
flex-grow: 1;
overflow: auto;
}
.ss-dialog-model-container .ss-dialog-model .arco-modal-body.flex-same > * {
height: 0;
flex-grow: 1;
}
.arco-form-item-layout-vertical > .arco-form-item-label-col {
margin-bottom: 4px;
}
.arco-form-item-content {
width: 100%;
}
.vxe-modal--wrapper {
z-index: 100000 !important;
}
.side-toc-container > .title {
font-size: 20px;
font-weight: bold;
}
.side-toc-container > ul {
margin-left: 20px !important;
}
.side-toc-container > ul > li {
margin-left: 15px !important;
}
.side-toc-container a {
color: rgb(var(--link-6)) !important;
text-decoration: none;
}
.side-toc-container a:hover {
text-decoration: underline;
}
.side-toc-container li,
.side-toc-container ul {
padding: 3px 0 3px 0;
margin-left: 18px;
}
.vxe-modal--box {
max-width: 100vw;
}
.arco-picker-range-container {
max-width: 100vw;
overflow: auto;
}
@media screen and (min-width: 1000px) and (max-width: 10000px) {
.mb-show {
display: none !important;
}
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
.mb-hide {
display: none !important;
}
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
.pc-show {
display: none !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 10000px) {
.pc-hide {
display: none !important;
}
}
.ss-markdown-edit pre > div.hljs {
background: none;
}
.ss-filter-form *[class*='error'] {
background-color: var(--color-fill-2);
}
.ss-filter-form *[class*='error']:hover {
background-color: var(--color-fill-3);
}
.ss-filter-form *[class*='error']:focus-within {
background-color: var(--color-bg-2);
border-color: rgb(var(--primary-6));
}
body > div[id^="drender"] {
height: 0 !important;
width: 0 !important;
overflow: hidden !important;
}
/**
鼠标指针
*/
.cursor-p {
cursor: pointer;
}
.cursor-m {
cursor: move;
}
.cursor-d {
cursor: default;
}
/**
字体粗细
*/
.font-bold {
font-weight: bold;
}
.font-normal {
font-weight: normal;
}
.font-lighter {
font-weight: lighter;
}
/**
对齐方式
*/
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.mar-center {
margin-left: auto;
margin-right: auto;
}
/**
文本溢出
*/
.line1-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
/* for Opera */
}
.line2-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/*显示的行数*/
overflow: hidden;
}
.line3-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
/*显示的行数*/
overflow: hidden;
}
.line4-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
/*显示的行数*/
overflow: hidden;
}
.line5-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
/*显示的行数*/
overflow: hidden;
}
/**
颜色
*/
.color-primary {
color: #004EA2;
}
.bg-primary {
background-color: #004EA2;
}
.bca-primary {
border: 1px solid #004EA2;
}
.bct-primary {
border-top: 1px solid #004EA2;
}
.bcb-primary {
border-bottom: 1px solid #004EA2;
}
.bctb-primary {
border-bottom: 1px solid #004EA2;
border-top: 1px solid #004EA2;
}
.bclr-primary {
border-left: 1px solid #004EA2;
border-right: 1px solid #004EA2;
}
.bcr-primary {
border-right: 1px solid #004EA2;
}
.bcl-primary {
border-left: 1px solid #004EA2;
}
.color-link {
color: #1890ff;
}
.bg-link {
background-color: #1890ff;
}
.bca-link {
border: 1px solid #1890ff;
}
.bct-link {
border-top: 1px solid #1890ff;
}
.bcb-link {
border-bottom: 1px solid #1890ff;
}
.bctb-link {
border-bottom: 1px solid #1890ff;
border-top: 1px solid #1890ff;
}
.bclr-link {
border-left: 1px solid #1890ff;
border-right: 1px solid #1890ff;
}
.bcr-link {
border-right: 1px solid #1890ff;
}
.bcl-link {
border-left: 1px solid #1890ff;
}
.color-success {
color: #52c41a;
}
.bg-success {
background-color: #52c41a;
}
.bca-success {
border: 1px solid #52c41a;
}
.bct-success {
border-top: 1px solid #52c41a;
}
.bcb-success {
border-bottom: 1px solid #52c41a;
}
.bctb-success {
border-bottom: 1px solid #52c41a;
border-top: 1px solid #52c41a;
}
.bclr-success {
border-left: 1px solid #52c41a;
border-right: 1px solid #52c41a;
}
.bcr-success {
border-right: 1px solid #52c41a;
}
.bcl-success {
border-left: 1px solid #52c41a;
}
.color-warning {
color: #faad14;
}
.bg-warning {
background-color: #faad14;
}
.bca-warning {
border: 1px solid #faad14;
}
.bct-warning {
border-top: 1px solid #faad14;
}
.bcb-warning {
border-bottom: 1px solid #faad14;
}
.bctb-warning {
border-bottom: 1px solid #faad14;
border-top: 1px solid #faad14;
}
.bclr-warning {
border-left: 1px solid #faad14;
border-right: 1px solid #faad14;
}
.bcr-warning {
border-right: 1px solid #faad14;
}
.bcl-warning {
border-left: 1px solid #faad14;
}
.color-error {
color: #f5222d;
}
.bg-error {
background-color: #f5222d;
}
.bca-error {
border: 1px solid #f5222d;
}
.bct-error {
border-top: 1px solid #f5222d;
}
.bcb-error {
border-bottom: 1px solid #f5222d;
}
.bctb-error {
border-bottom: 1px solid #f5222d;
border-top: 1px solid #f5222d;
}
.bclr-error {
border-left: 1px solid #f5222d;
border-right: 1px solid #f5222d;
}
.bcr-error {
border-right: 1px solid #f5222d;
}
.bcl-error {
border-left: 1px solid #f5222d;
}
.color-text {
color: rgba(0, 0, 0, 0.65);
}
.bg-text {
background-color: rgba(0, 0, 0, 0.65);
}
.bca-text {
border: 1px solid rgba(0, 0, 0, 0.65);
}
.bct-text {
border-top: 1px solid rgba(0, 0, 0, 0.65);
}
.bcb-text {
border-bottom: 1px solid rgba(0, 0, 0, 0.65);
}
.bctb-text {
border-bottom: 1px solid rgba(0, 0, 0, 0.65);
border-top: 1px solid rgba(0, 0, 0, 0.65);
}
.bclr-text {
border-left: 1px solid rgba(0, 0, 0, 0.65);
border-right: 1px solid rgba(0, 0, 0, 0.65);
}
.bcr-text {
border-right: 1px solid rgba(0, 0, 0, 0.65);
}
.bcl-text {
border-left: 1px solid rgba(0, 0, 0, 0.65);
}
.color-text-sec {
color: rgba(0, 0, 0, 0.45);
}
.bg-text-sec {
background-color: rgba(0, 0, 0, 0.45);
}
.bca-text-sec {
border: 1px solid rgba(0, 0, 0, 0.45);
}
.bct-text-sec {
border-top: 1px solid rgba(0, 0, 0, 0.45);
}
.bcb-text-sec {
border-bottom: 1px solid rgba(0, 0, 0, 0.45);
}
.bctb-text-sec {
border-bottom: 1px solid rgba(0, 0, 0, 0.45);
border-top: 1px solid rgba(0, 0, 0, 0.45);
}
.bclr-text-sec {
border-left: 1px solid rgba(0, 0, 0, 0.45);
border-right: 1px solid rgba(0, 0, 0, 0.45);
}
.bcr-text-sec {
border-right: 1px solid rgba(0, 0, 0, 0.45);
}
.bcl-text-sec {
border-left: 1px solid rgba(0, 0, 0, 0.45);
}
.color-border {
color: #d9d9d9;
}
.bg-border {
background-color: #d9d9d9;
}
.bca-border {
border: 1px solid #d9d9d9;
}
.bct-border {
border-top: 1px solid #d9d9d9;
}
.bcb-border {
border-bottom: 1px solid #d9d9d9;
}
.bctb-border {
border-bottom: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
}
.bclr-border {
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
}
.bcr-border {
border-right: 1px solid #d9d9d9;
}
.bcl-border {
border-left: 1px solid #d9d9d9;
}
.color-border-light {
color: #eee;
}
.bg-border-light {
background-color: #eee;
}
.bca-border-light {
border: 1px solid #eee;
}
.bct-border-light {
border-top: 1px solid #eee;
}
.bcb-border-light {
border-bottom: 1px solid #eee;
}
.bctb-border-light {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
}
.bclr-border-light {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
.bcr-border-light {
border-right: 1px solid #eee;
}
.bcl-border-light {
border-left: 1px solid #eee;
}
.color-text-gray {
color: #aaa;
}
.bg-text-gray {
background-color: #aaa;
}
.bca-text-gray {
border: 1px solid #aaa;
}
.bct-text-gray {
border-top: 1px solid #aaa;
}
.bcb-text-gray {
border-bottom: 1px solid #aaa;
}
.bctb-text-gray {
border-bottom: 1px solid #aaa;
border-top: 1px solid #aaa;
}
.bclr-text-gray {
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
}
.bcr-text-gray {
border-right: 1px solid #aaa;
}
.bcl-text-gray {
border-left: 1px solid #aaa;
}
.color-white {
color: #fff;
}
.bg-white {
background-color: #fff;
}
.bca-white {
border: 1px solid #fff;
}
.bct-white {
border-top: 1px solid #fff;
}
.bcb-white {
border-bottom: 1px solid #fff;
}
.bctb-white {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
.bclr-white {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.bcr-white {
border-right: 1px solid #fff;
}
.bcl-white {
border-left: 1px solid #fff;
}
/**
溢出隐藏
*/
.overflow-h {
overflow: hidden;
}
.overflow-s {
overflow: scroll;
}
.overflow-a {
overflow: auto;
}
/**
字体大小
*/
.fz-xs {
font-size: 12px;
}
.fz-sm {
font-size: 13px;
}
.fz-bs {
font-size: 14px;
}
.fz-md {
font-size: 16px;
}
.fz-lg {
font-size: 18px;
}
.fz-xl {
font-size: 20px;
}
.fz-content {
font-size: 14px;
}
.fz-title {
font-size: 18px;
}
/**
间距尺寸
*/
.pt-xs {
padding-top: 4px;
}
.pl-xs {
padding-left: 4px;
}
.pr-xs {
padding-right: 4px;
}
.pb-xs {
padding-bottom: 4px;
}
.plr-xs {
padding-left: 4px;
padding-right: 4px;
}
.ptb-xs {
padding-top: 4px;
padding-bottom: 4px;
}
.pa-xs {
padding: 4px;
}
.pt-sm {
padding-top: 8px;
}
.pl-sm {
padding-left: 8px;
}
.pr-sm {
padding-right: 8px;
}
.pb-sm {
padding-bottom: 8px;
}
.plr-sm {
padding-left: 8px;
padding-right: 8px;
}
.ptb-sm {
padding-top: 8px;
padding-bottom: 8px;
}
.pa-sm {
padding: 8px;
}
.pt-md {
padding-top: 12px;
}
.pl-md {
padding-left: 12px;
}
.pr-md {
padding-right: 12px;
}
.pb-md {
padding-bottom: 12px;
}
.plr-md {
padding-left: 12px;
padding-right: 12px;
}
.ptb-md {
padding-top: 12px;
padding-bottom: 12px;
}
.pa-md {
padding: 12px;
}
.pt-lg {
padding-top: 16px;
}
.pl-lg {
padding-left: 16px;
}
.pr-lg {
padding-right: 16px;
}
.pb-lg {
padding-bottom: 16px;
}
.plr-lg {
padding-left: 16px;
padding-right: 16px;
}
.ptb-lg {
padding-top: 16px;
padding-bottom: 16px;
}
.pa-lg {
padding: 16px;
}
.mt-xs {
margin-top: 4px;
}
.ml-xs {
margin-left: 4px;
}
.mr-xs {
margin-right: 4px;
}
.mb-xs {
margin-bottom: 4px;
}
.mlr-xs {
margin-left: 4px;
margin-right: 4px;
}
.mtb-xs {
margin-top: 4px;
margin-bottom: 4px;
}
.ma-xs {
margin: 4px;
}
.mt-sm {
margin-top: 8px;
}
.ml-sm {
margin-left: 8px;
}
.mr-sm {
margin-right: 8px;
}
.mb-sm {
margin-bottom: 8px;
}
.mlr-sm {
margin-left: 8px;
margin-right: 8px;
}
.mtb-sm {
margin-top: 8px;
margin-bottom: 8px;
}
.ma-sm {
margin: 8px;
}
.mt-md {
margin-top: 12px;
}
.ml-md {
margin-left: 12px;
}
.mr-md {
margin-right: 12px;
}
.mb-md {
margin-bottom: 12px;
}
.mlr-md {
margin-left: 12px;
margin-right: 12px;
}
.mtb-md {
margin-top: 12px;
margin-bottom: 12px;
}
.ma-md {
margin: 12px;
}
.mt-lg {
margin-top: 16px;
}
.ml-lg {
margin-left: 16px;
}
.mr-lg {
margin-right: 16px;
}
.mb-lg {
margin-bottom: 16px;
}
.mlr-lg {
margin-left: 16px;
margin-right: 16px;
}
.mtb-lg {
margin-top: 16px;
margin-bottom: 16px;
}
.ma-lg {
margin: 16px;
}
.radius-1 {
border-radius: 1px;
}
.radius-2 {
border-radius: 2px;
}
.radius-4 {
border-radius: 4px;
}
.radius-5 {
border-radius: 5px;
}
.radius-6 {
border-radius: 6px;
}
.radius-7 {
border-radius: 7px;
}
.radius-8 {
border-radius: 8px;
}
.radius-9 {
border-radius: 9px;
}
.radius-10 {
border-radius: 10px;
}
/**
定位方式
*/
.pos-a {
position: absolute;
}
.pos-r {
position: relative;
}
.pos-f {
position: fixed;
}
.pos-s {
position: sticky;
}
.disp-ib {
display: inline-block;
}
.disp-i {
display: inline;
}
.disp-b {
display: block;
}
.disp-t {
display: table;
}
.disp-trg {
display: table-row-group;
}
.disp-tr {
display: table-row;
}
.disp-tcg {
display: table-column-group;
}
.disp-tc {
display: table-column;
}
.disp-cell {
display: table-cell;
}
.border-box {
box-sizing: border-box;
}
/**
尺寸大小
*/
.w100p {
width: 100% !important;
}
.h100p {
height: 100% !important;
}
.w0 {
width: 0;
}
.h0 {
height: 0;
}
.wh100p {
width: 100% !important;
height: 100% !important;
}
.wh0 {
width: 0 !important;
height: 0 !important;
}
.pos-a-full {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/**
flex 布局
*/
.flex-horiz {
display: flex;
}
.flex-horiz.flex-same > * {
width: 0;
flex-grow: 1;
}
.flex-column {
display: flex;
flex-direction: column;
}
.flex-column.flex-same > * {
height: 0;
flex-grow: 1;
}
.flex-grow {
flex-grow: 1;
}
.flex-not-shk {
flex-shrink: 0;
}
.flex-shk {
flex-shrink: 1;
}
.flex-center {
align-content: center;
align-items: center;
}
.flex-center-j {
justify-content: center;
justify-items: center;
}
.flex-center-all {
align-content: center;
align-items: center;
justify-content: center;
justify-items: center;
}
.flex-wrap {
flex-wrap: wrap;
}
/**
盒子阴影
*/
.box-shadow-thin {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}
.box-shadow-thick {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
/**
滚动条样式
*/
.scroll-thin::-webkit-scrollbar {
background-color: transparent;
width: 5px;
}
.scroll-thin::-webkit-scrollbar-thumb {
background-color: rgba(120, 120, 120, 0.3);
border-radius: 3px;
}
.scroll-thin::-webkit-scrollbar-corner {
background-color: transparent;
height: 0;
}
.scroll-xy {
overflow: auto;
}
.scroll-y {
overflow-x: hidden;
overflow-y: auto;
}
.scroll-x {
overflow-y: hidden;
overflow-x: auto;
}
/**
动画
*/
.trans-1 {
transition: 0.1s all ease;
}
.trans-2 {
transition: 0.2s all ease;
}
.trans-4 {
transition: 0.4s all ease;
}
.trans-10 {
transition: 1s all ease;
}
.underline {
text-decoration: underline;
}
.underline-hover:hover {
text-decoration: underline;
}
.line-through {
text-decoration: line-through;
}
/**
旋转动画
*/
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
.rotation {
-webkit-transform: rotate(360deg);
animation: rotation 2.7s linear infinite;
}
.link-text {
cursor: pointer;
color: #1890ff;
}
.link-text:hover {
text-decoration: underline;
}
.fade-enter-active,
.fade-leave-active {
transition: 0.5s;
}
.fade-enter-from,
.fade-leave-to {
opacity: 0;
}
.fade-quick-enter-active,
.fade-quick-leave-active {
transition: 0.3s;
}
.fade-quick-enter-from,
.fade-quick-leave-to {
opacity: 0;
}
.fade-top-enter-active,
.fade-top-leave-active {
transition: 0.4s;
}
.fade-top-enter-from,
.fade-top-leave-to {
opacity: 0;
transform: translateY(-20px);
}
.fade-right-enter-active,
.fade-right-leave-active {
transition: 0.4s;
}
.fade-right-enter-from,
.fade-right-leave-to {
opacity: 0;
transform: translateX(20px);
}
.fade-right-quick-enter-active,
.fade-right-quick-leave-active {
transition: 0.2s;
}
.fade-right-quick-enter-from,
.fade-right-quick-leave-to {
opacity: 0;
transform: translateX(20px);
}