.demo-block {
border: 1px solid var(--el-border-color-base);
border-radius: 3px;
transition: .2s
}
.demo-block.hover {
box-shadow: 0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)
}
.demo-block code {
font-family: Menlo,Monaco,Consolas,Courier,monospace
}
.demo-block .demo-button {
float: right
}
.demo-block .source {
padding: 24px
}
.demo-block .meta {
background-color: #fafafa;
border-top: 1px solid var(--el-border-color-base);
overflow: hidden;
height: 0;
transition: height .2s
}
.demo-block .description {
padding: 20px;
box-sizing: border-box;
border: 1px solid var(--el-border-color-base);
border-radius: 3px;
font-size: 14px;
line-height: 22px;
color: var(--el-text-color-regular);
word-break: break-word;
margin: 10px;
background-color: #fff
}
.demo-block .description p {
margin: 0;
line-height: 26px
}
.demo-block .description code {
color: #5e6d82;
background-color: #e6effb;
margin: 0 4px;
display: inline-block;
padding: 1px 5px;
font-size: 12px;
border-radius: 3px;
height: 18px;
line-height: 18px
}
.demo-block .highlight pre {
margin: 0
}
.demo-block .highlight code.hljs {
margin: 0;
border: none;
max-height: none;
border-radius: 0
}
.demo-block .highlight code.hljs:before {
content: none
}
.demo-block .demo-block-control {
border-top: 1px solid var(--el-border-color-base);
height: 44px;
box-sizing: border-box;
background-color: #fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
text-align: center;
margin-top: -1px;
color: #d3dce6;
cursor: pointer;
position: relative
}
.demo-block .demo-block-control.is-fixed {
position: sticky;
bottom: 0
}
.demo-block .demo-block-control i {
font-size: 16px;
line-height: 44px;
transition: .3s
}
.demo-block .demo-block-control i.hovering {
transform: translateX(-40px)
}
.demo-block .demo-block-control>span {
position: absolute;
transform: translateX(-30px);
font-size: 14px;
line-height: 44px;
transition: .3s;
display: inline-block
}
.demo-block .demo-block-control:hover {
color: #409eff;
background-color: #f9fafc
}
.demo-block .demo-block-control .text-slide-enter,.demo-block .demo-block-control .text-slide-leave-active {
opacity: 0;
transform: translateX(10px)
}
.demo-block .demo-block-control .control-button-container {
line-height: 40px;
position: absolute;
top: 0;
right: 0;
padding-left: 5px;
padding-right: 25px
}
.demo-block .demo-block-control .control-button-container-left {
left: 0;
width: 100px;
padding-left: 14px
}
.demo-block .demo-block-control .control-button {
font-size: 14px;
margin: 0 10px
}
.link[data-v-1071b572] span {
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 135px
}
@media(max-width: 1000px) {
.right-nav[data-v-1071b572] {
display:none
}
}
.footer[data-v-5230e85a] {
background-color: #f7fbfd;
width: 100%;
padding: 40px 150px;
margin-top: -340px;
box-sizing: border-box;
height: 340px
}
.footer .container[data-v-5230e85a] {
box-sizing: border-box;
width: auto
}
.footer .footer-main[data-v-5230e85a] {
font-size: 0;
display: inline-block;
vertical-align: top;
margin-right: 110px
}
.footer .footer-main h4[data-v-5230e85a] {
font-size: 18px;
color: var(--el-text-color-primary);
line-height: 1;
margin: 0 0 15px
}
.footer .footer-main .footer-main-link[data-v-5230e85a] {
display: block;
margin: 0;
line-height: 2;
font-size: 14px;
color: var(--el-text-color-regular)
}
.footer .footer-main .footer-main-link[data-v-5230e85a]:hover {
color: var(--el-text-color-primary)
}
.footer .footer-social[data-v-5230e85a] {
float: right;
text-align: right
}
.footer .footer-social .footer-social-title[data-v-5230e85a] {
color: var(--el-text-color-regular);
font-size: 18px;
line-height: 1;
margin: 0 0 20px;
padding: 0;
font-weight: 700
}
.footer .footer-social .elementdoc[data-v-5230e85a] {
transition: .3s;
display: inline-block;
line-height: 32px;
text-align: center;
color: #c8d6e8;
background-color: initial;
size: 32px;
font-size: 32px;
vertical-align: middle;
margin-right: 20px
}
.footer .footer-social .elementdoc[data-v-5230e85a]:hover {
transform: scale(1.2);
color: #8d99ab
}
.footer .footer-social .doc-icon-gitter[data-v-5230e85a] {
margin-right: 0
}
.el-popover.footer-popover[data-v-5230e85a] {
padding: 0;
min-width: 120px;
line-height: normal;
box-shadow: 0 0 11px 0 rgba(174,187,211,.24)
}
.el-popover.footer-popover .footer-popover-title[data-v-5230e85a] {
border-bottom: 1px solid var(--el-border-color-base);
height: 30px;
line-height: 30px;
text-align: center;
color: #99a9bf;
background-color: #f8f9fe
}
.el-popover.footer-popover img[data-v-5230e85a] {
size: 100px;
margin: 10px
}
@media(max-width: 1140px) {
.footer[data-v-5230e85a] {
height:auto
}
}
@media(max-width: 1000px) {
.footer-social[data-v-5230e85a] {
display:none
}
}
@media(max-width: 768px) {
.footer .footer-main[data-v-5230e85a] {
margin-bottom:30px
}
}
.algolia-search,.algolia-search .el-autocomplete-suggestion {
width: 450px!important
}
.algolia-search.is-empty .el-autocomplete-suggestion__list {
padding-bottom: 0
}
.algolia-search .el-autocomplete-suggestion__list {
position: static!important;
padding-bottom: 28px
}
.algolia-search li {
border-bottom: 1px solid var(--el-border-color-base)
}
.algolia-search li:last-child {
border-bottom: none
}
.algolia-search .algolia-highlight {
color: #409eff;
font-weight: 700
}
.algolia-search .algolia-search-title {
font-size: 14px;
margin: 6px 0;
line-height: 1.8
}
.algolia-search .algolia-search-separator {
padding: 0 6px
}
.algolia-search .algolia-search-content {
font-size: 12px;
margin: 6px 0;
line-height: 2.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.algolia-search .algolia-search-link {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-right: 20px;
background-color: #e4e7ed;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-sizing: border-box;
text-align: right
}
.algolia-search .algolia-search-link:hover {
background-color: #e4e7ed
}
.algolia-search .algolia-search-link img {
display: inline-block;
height: 17px;
margin-top: 10px
}
.algolia-search .algolia-search-empty {
margin: 5px 0;
text-align: center;
color: var(--el-text-color-secondary)
}
.headerWrapper[data-v-c68a5e5c] {
height: 80px
}
.header[data-v-c68a5e5c] {
height: 80px;
background-color: #fff;
color: #fff;
top: 0;
left: 0;
width: 100%;
line-height: 80px;
z-index: 100;
position: relative
}
.header .container[data-v-c68a5e5c] {
height: 100%;
box-sizing: border-box;
border-bottom: 1px solid #dcdfe6
}
.header .nav-lang-spe[data-v-c68a5e5c] {
color: #888
}
.header h1[data-v-c68a5e5c] {
margin: 0;
float: left;
font-size: 32px;
font-weight: 400
}
.header h1 a[data-v-c68a5e5c] {
color: var(--el-text-color-primary);
text-decoration: none;
display: block
}
.header h1 span[data-v-c68a5e5c] {
font-size: 12px;
display: inline-block;
width: 34px;
height: 18px;
border: 1px solid hsla(0,0%,100%,.5);
text-align: center;
line-height: 18px;
vertical-align: middle;
margin-left: 10px;
border-radius: 3px
}
.header .nav[data-v-c68a5e5c] {
float: right;
height: 100%;
line-height: 80px;
background: transparent;
padding: 0;
margin: 0
}
.header .nav[data-v-c68a5e5c]:after,.header .nav[data-v-c68a5e5c]:before {
display: table;
content: ""
}
.header .nav[data-v-c68a5e5c]:after {
clear: both
}
.header .nav-gap[data-v-c68a5e5c] {
position: relative;
width: 1px;
height: 80px;
padding: 0 20px
}
.header .nav-gap[data-v-c68a5e5c]:before {
content: "";
position: absolute;
top: calc(50% - 8px);
width: 1px;
height: 16px;
background: var(--el-border-color-base)
}
.header .nav-logo[data-v-c68a5e5c] {
width: 160px
}
.header .nav-logo-small[data-v-c68a5e5c],.header .nav-logo[data-v-c68a5e5c] {
vertical-align: sub
}
.header .nav-logo-small[data-v-c68a5e5c] {
width: 44px;
display: none
}
.header .nav-item[data-v-c68a5e5c] {
margin: 0;
float: left;
list-style: none;
position: relative;
cursor: pointer
}
.header .nav-item.nav-algolia-search[data-v-c68a5e5c] {
cursor: default
}
.header .nav-item.lang-item[data-v-c68a5e5c],.header .nav-item[data-v-c68a5e5c]:last-child {
cursor: default;
margin-left: 34px
}
.header .nav-item.lang-item span[data-v-c68a5e5c],.header .nav-item:last-child span[data-v-c68a5e5c] {
opacity: .8
}
.header .nav-item.lang-item .nav-lang[data-v-c68a5e5c],.header .nav-item:last-child .nav-lang[data-v-c68a5e5c] {
cursor: pointer;
display: inline-block;
height: 100%;
color: #888
}
.header .nav-item.lang-item .nav-lang[data-v-c68a5e5c]:hover,.header .nav-item:last-child .nav-lang[data-v-c68a5e5c]:hover {
color: #409eff
}
.header .nav-item.lang-item .nav-lang.active[data-v-c68a5e5c],.header .nav-item:last-child .nav-lang.active[data-v-c68a5e5c] {
font-weight: 700;
color: #409eff
}
.header .nav-item a[data-v-c68a5e5c] {
text-decoration: none;
color: #1989fa;
opacity: .5;
display: block;
padding: 0 22px
}
.header .nav-item a.active[data-v-c68a5e5c],.header .nav-item a[data-v-c68a5e5c]:hover {
opacity: 1
}
.header .nav-item a.active[data-v-c68a5e5c]:after {
content: "";
display: inline-block;
position: absolute;
bottom: 0;
left: calc(50% - 15px);
width: 30px;
height: 2px;
background: #409eff
}
.nav-dropdown[data-v-c68a5e5c] {
margin-bottom: 6px;
padding-left: 18px;
width: 100%
}
.nav-dropdown span[data-v-c68a5e5c] {
display: block;
width: 100%;
font-size: 16px;
color: #888;
line-height: 40px;
transition: .2s;
padding-bottom: 6px;
user-select: none
}
.nav-dropdown span[data-v-c68a5e5c]:hover {
cursor: pointer
}
.nav-dropdown i[data-v-c68a5e5c] {
transition: .2s;
font-size: 12px;
color: #979797;
transform: translateY(-2px)
}
.nav-dropdown .is-active i[data-v-c68a5e5c],.nav-dropdown .is-active span[data-v-c68a5e5c] {
color: #409eff
}
.nav-dropdown .is-active i[data-v-c68a5e5c] {
transform: rotate(180deg) translateY(3px)
}
.nav-dropdown:hover i[data-v-c68a5e5c],.nav-dropdown:hover span[data-v-c68a5e5c] {
color: #409eff
}
.nav-dropdown-list[data-v-c68a5e5c] {
width: auto
}
@media(max-width: 1000px) {
.header .nav-algolia-search[data-v-c68a5e5c],.header .nav-theme-switch[data-v-c68a5e5c] {
display:none
}
}
@media(max-width: 850px) {
.header .nav-logo[data-v-c68a5e5c] {
display:none
}
.header .nav-logo-small[data-v-c68a5e5c] {
display: inline-block
}
.header .nav-item[data-v-c68a5e5c] {
margin-left: 6px
}
.header .nav-item.lang-item[data-v-c68a5e5c],.header .nav-item[data-v-c68a5e5c]:last-child {
margin-left: 10px
}
.header .nav-item a[data-v-c68a5e5c] {
padding: 0 5px
}
}
@media(max-width: 700px) {
.header .container[data-v-c68a5e5c] {
padding:0 12px
}
.header .nav-item a[data-v-c68a5e5c] {
font-size: 12px;
vertical-align: top
}
.header .nav-item.lang-item[data-v-c68a5e5c] {
height: 100%
}
.header .nav-item.lang-item .nav-lang[data-v-c68a5e5c] {
display: flex;
align-items: center
}
.header .nav-item.lang-item .nav-lang span[data-v-c68a5e5c] {
padding-bottom: 0
}
.header .nav-dropdown[data-v-c68a5e5c] {
padding: 0
}
.header .nav-dropdown span[data-v-c68a5e5c] {
font-size: 12px
}
.header .nav-gap[data-v-c68a5e5c] {
padding: 0 8px
}
.header .nav-versions[data-v-c68a5e5c] {
display: none
}
}
.side-nav[data-v-40f0c778] {
width: 100%;
box-sizing: border-box;
padding-right: 30px;
transition: opacity .3s
}
.side-nav.is-fade[data-v-40f0c778] {
transition: opacity 3s
}
.side-nav li[data-v-40f0c778] {
list-style: none
}
.side-nav ul[data-v-40f0c778] {
padding: 0;
margin: 0;
overflow: hidden
}
.side-nav>ul>.nav-item>a[data-v-40f0c778] {
margin-top: 15px
}
.side-nav>ul>.nav-item:nth-child(-n+4)>a[data-v-40f0c778] {
margin-top: 0
}
.side-nav .nav-item a[data-v-40f0c778] {
font-size: 16px;
color: var(--el-text-color-primary);
line-height: 40px;
height: 40px;
margin: 0;
padding: 0;
text-decoration: none;
display: block;
position: relative;
transition: .15s ease-out;
font-weight: 700;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 400
}
.side-nav .nav-item a.active[data-v-40f0c778] {
color: #409eff
}
.side-nav .nav-item .nav-item a[data-v-40f0c778] {
display: block;
height: 40px;
color: #444;
line-height: 40px;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 400
}
.side-nav .nav-item .nav-item a.active[data-v-40f0c778],.side-nav .nav-item .nav-item a[data-v-40f0c778]:hover {
color: #409eff
}
.side-nav .nav-item.sponsors>.sub-nav[data-v-40f0c778] {
margin-top: -10px
}
.side-nav .nav-item.sponsors>a[data-v-40f0c778] {
color: #777;
font-weight: 300;
font-size: 14px
}
.side-nav .nav-item.sponsors .nav-item[data-v-40f0c778] {
display: inline-block
}
.side-nav .nav-item.sponsors .nav-item a[data-v-40f0c778] {
height: auto;
display: inline-block;
vertical-align: middle;
margin: 8px 10px 4px 0
}
.side-nav .nav-item.sponsors .nav-item a img[data-v-40f0c778] {
width: 36px
}
.side-nav .nav-group__title[data-v-40f0c778] {
font-size: 12px;
color: var(--el-text-color-secondary);
line-height: 26px;
margin-top: 15px
}
.side-nav #code-sponsor-widget[data-v-40f0c778] {
margin: 0 0 0 -20px
}
.nav-dropdown-list[data-v-40f0c778] {
width: 120px;
margin-top: -8px
}
.nav-dropdown-list li[data-v-40f0c778] {
font-size: 14px
}
.footer-nav[data-v-ca07ea36] {
padding: 40px 0;
color: var(--el-text-color-primary);
font-size: 14px
}
.footer-nav[data-v-ca07ea36]:after {
content: "";
display: block;
clear: both
}
.footer-nav i[data-v-ca07ea36] {
transition: .3s;
color: var(--el-text-color-secondary);
vertical-align: initial
}
.footer-nav-link[data-v-ca07ea36] {
cursor: pointer;
transition: .3s
}
.footer-nav-link:hover i[data-v-ca07ea36],.footer-nav-link[data-v-ca07ea36]:hover {
color: #409eff
}
.footer-nav-left[data-v-ca07ea36] {
float: left;
margin-left: -4px
}
.footer-nav-right[data-v-ca07ea36] {
float: right;
margin-right: -4px
}
.hljs {
display: block;
overflow-x: auto;
padding: .5em;
background: #fff
}
.hljs,.hljs-subst {
color: #000
}
.hljs-addition,.hljs-meta,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable {
color: #756bb1
}
.hljs-comment,.hljs-quote {
color: #636363
}
.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp {
color: #31a354
}
.hljs-deletion,.hljs-variable {
color: #88f
}
.hljs-built_in,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-tag,.hljs-title,.hljs-type {
color: #3182bd
}
.hljs-emphasis {
font-style: italic
}
.hljs-attribute {
color: #e6550d
}
.demo-block.demo-affix .affix-container {
text-align: center;
height: 400px;
border-radius: 4px;
background: var(--el-color-primary-light-9)
}
.demo-block.demo-alert .el-alert {
margin: 20px 0 0
}
.demo-block.demo-alert .el-alert:first-child {
margin: 0
}
.demo-badge.demo-block .el-dropdown {
vertical-align: middle
}
.demo-badge.demo-block .share-button {
width: 36px;
padding: 10px
}
.demo-badge.demo-block .mark {
margin-top: 8px;
line-height: 1;
float: right
}
.demo-badge.demo-block .item {
margin-right: 40px
}
.demo-border .text {
width: 15%
}
.demo-border .line {
width: 70%
}
.demo-border .line div {
width: 100%;
height: 0;
border-top: 1px solid var(--el-border-color-base)
}
.demo-border .line .dashed {
border-top: 2px dashed var(--el-border-color-base)
}
.demo-shadow {
height: 100px;
width: 50%;
border: 1px solid var(--el-border-color-base)
}
.demo-shadow-text {
line-height: 50px;
color: var(--el-text-color-regular);
font-size: 14px
}
.demo-radius .title {
color: var(--el-text-color-regular);
font-size: 18px;
margin: 10px 0
}
.demo-radius .value {
color: var(--el-text-color-primary);
font-size: 16px;
margin: 10px 0
}
.demo-radius .radius {
height: 40px;
width: 70%;
border: 1px solid var(--el-border-color-base);
border-radius: 0;
margin-top: 20px
}
.demo-block.demo-button .el-row {
margin-bottom: 20px;
align-items: baseline
}
.demo-block.demo-button .el-row:last-child {
margin-bottom: 0
}
.demo-block.demo-button .el-button+.el-button {
margin-left: 10px
}
.demo-block.demo-button .el-button-group .el-button+.el-button {
margin-left: 0
}
.demo-block.demo-button .el-button-group+.el-button-group {
margin-left: 10px
}
.demo-calendar.demo-block .is-selected {
color: var(--el-color-primary)
}
.demo-block.demo-card .card-header {
display: flex;
justify-content: space-between;
align-items: center
}
.demo-block.demo-card .text {
font-size: 14px
}
.demo-block.demo-card .time {
font-size: 13px;
color: var(--el-text-color-secondary)
}
.demo-block.demo-card .bottom {
margin-top: 13px;
line-height: 12px;
display: flex;
justify-content: space-between;
align-items: center
}
.demo-block.demo-card .item {
margin-bottom: 18px
}
.demo-block.demo-card .item:last-child {
margin-bottom: 0
}
.demo-block.demo-card .button {
padding: 0;
min-height: auto
}
.demo-block.demo-card .image {
width: 100%;
display: block
}
.demo-block.demo-card .box-card {
width: 480px
}
.demo-carousel .block {
padding: 30px;
text-align: center;
border-right: 1px solid var(--el-border-color-base);
display: inline-block;
width: 49%;
box-sizing: border-box
}
.demo-carousel .block:last-child {
border-right: none
}
.demo-carousel .demonstration {
display: block;
color: var(--el-text-color-secondary);
font-size: 14px;
margin-bottom: 20px
}
.demo-carousel .el-carousel__container {
text-align: center
}
.demo-carousel .el-carousel__item h3 {
color: var(--el-color-white);
font-size: 18px;
line-height: 300px;
margin: 0
}
.demo-carousel .el-carousel__item h3.small {
font-size: 14px;
line-height: 150px
}
.demo-carousel .el-carousel__item h3.medium {
font-size: 14px;
line-height: 200px
}
.demo-carousel .el-carousel__item:nth-child(2n) {
background-color: #99a9bf
}
.demo-carousel .el-carousel__item:nth-child(odd) {
background-color: #d3dce6
}
.demo-cascader .el-cascader {
width: 222px
}
.demo-cascader-size .el-cascader {
vertical-align: top;
margin-right: 15px
}
.demo-cascader .source>div {
display: flex
}
.demo-cascader .block {
padding: 30px 0;
text-align: center;
border-right: 1px solid var(--el-border-color-base);
width: 50%;
box-sizing: border-box
}
.demo-cascader .block:last-child {
border-right: none
}
.demo-cascader .demonstration {
display: block;
color: var(--el-text-color-secondary);
font-size: 14px;
margin-bottom: 20px
}
.demo-collapse .el-collapse-item__header .header-icon {
margin-left: 5px
}
.demo-color-picker .block {
padding: 30px 0;
text-align: center;
border-right: 1px solid var(--el-border-color-base);
display: inline-block;
width: 50%;
box-sizing: border-box
}
.demo-color-picker .block:last-child {
border-right: none
}
.demo-color-picker .demonstration {
display: block;
color: var(--el-text-color-secondary);
font-size: 14px;
margin-bottom: 20px
}
.demo-color-picker .el-color-picker+.el-color-picker {
margin-left: 20px
}
.demo-color-box {
position: relative;
border-radius: 4px;
padding: 20px;
margin: 5px 0;
height: 114px;
box-sizing: border-box;
color: var(--el-color-white);
font-size: 14px
}
.demo-color-box .value {
font-size: 12px;
opacity: .69;
line-height: 24px
}
.demo-color-box-other {
height: 74px;
margin: 10px 0!important;
border-radius: 4px 4px 4px 4px!important;
padding: 15px 20px
}
.demo-color-box-group .demo-color-box {
border-radius: 0;
margin: 0
}
.demo-color-box-group .demo-color-box:first-child {
border-radius: 4px 4px 0 0
}
.bg-color-sub,.demo-color-box-group .demo-color-box:last-child {
border-radius: 0 0 4px 4px
}
.bg-color-sub {
width: 100%;
height: 40px;
left: 0;
bottom: 0;
position: absolute
}
.bg-blue-sub-item {
width: 11.1111111%;
height: 100%;
display: inline-block
}
.bg-blue-sub-item:first-child {
border-radius: 0 0 0 4px
}
.bg-success-sub-item {
width: 50%;
height: 100%;
display: inline-block
}
.bg-success-sub-item:first-child {
border-radius: 0 0 0 4px
}
.bg-success-sub-item:last-child {
border-radius: 0 0 4px 0
}
.bg-transparent {
border: 1px solid #fcc3c3;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M0 98 L100 0 L100 1 L1 98' fill='%23FCC3C3' /></svg>");
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%,auto
}
.bg-transparent,.demo-color-box-lite,.el-footer,.el-header {
color: var(--el-text-color-primary)
}
.el-footer,.el-header {
background-color: #b3c0d1;
line-height: 60px
}
.el-aside {
color: var(--el-text-color-primary)
}
.demo-container .common-layout .el-footer,.demo-container .common-layout .el-header {
text-align: center
}
.demo-container .common-layout .el-aside {
background-color: #d3dce6;
text-align: center;
line-height: 200px
}
.demo-container .common-layout .el-main {
background-color: #e9eef3;
color: var(--el-text-color-primary);
text-align: center;
line-height: 160px
}
.demo-container .common-layout .el-container {
margin-bottom: 40px
}
.demo-container .common-layout .el-container:last-child {
margin-bottom: 0
}
.demo-container .common-layout .el-container:nth-child(5) .el-aside,.demo-container .common-layout .el-container:nth-child(6) .el-aside {
line-height: 260px
}
.demo-container .common-layout .el-container:nth-child(7) .el-aside {
line-height: 320px
}
.demo-block.demo-date-picker .source>div {
padding: 0;
display: flex;
flex-wrap: wrap
}
.demo-date-picker .block {
padding: 30px 0;
text-align: center;
border-right: 1px solid var(--el-border-color-base);
flex: 1
}
.demo-date-picker .block:last-child {
border-right: none
}
.demo-date-picker .container {
flex: 1;
border-right: 1px solid var(--el-border-color-base)
}
.demo-date-picker .container .block {
border-right: none
}
.demo-date-picker .container .block:last-child {
border-top: 1px solid var(--el-border-color-base)
}
.demo-date-picker .container:last-child {
border-right: none
}
.demo-date-picker .demonstration {
display: block;
color: var(--el-text-color-secondary);
font-size: 14px;
margin-bottom: 20px
}
.demo-block.demo-datetime-picker .source>div {
padding: 0;
display: flex
}
.demo-datetime-picker .block {
padding: 30px 0;
text-align: center;
border-right: 1px solid var(--el-border-color-base);
flex: 1
}
.demo-datetime-picker .block:last-child {
border-right: none
}
.demo-datetime-picker .demonstration {
display: block;
color: var(--el-text-color-secondary);
font-size: 14px;
margin-bottom: 20px
}
.demo-block.demo-dialog .dialog-footer button:first-child {
margin-right: 10px
}
.demo-block.demo-dialog .full-image {
width: 100%
}
.demo-block.demo-dialog .el-dialog__wrapper {
margin: 0
}
.demo-block.demo-dialog .el-input,.demo-block.demo-dialog .el-select {
width: 300px
}
.demo-block.demo-dialog .el-button--text {
margin-right: 15px
}
.demo-block .el-dropdown+.el-dropdown {
margin-left: 15px
}
.demo-block .el-dropdown-link {
cursor: pointer;
color: var(--el-color-primary)
}
.demo-block .el-icon-arrow-down {
font-size: 12px
}
.block-col-2 {
margin: -24px
}
.block-col-2 .el-col {
padding: 30px 0;
text-align: center;
border-right: 1px solid var(--el-border-color-base)
}
.block-col-2 .el-col:last-child {
border-right: 0
}
.demo-dropdown .demonstration {
display: block;
color: var(--el-text-color-secondary);
font-size: 14px;
margin-bottom: 20px
}
.demo-form .el-select .el-input {
width: 380px
}
.demo-form .el-form {
width: 460px
}
.demo-form .line {
text-align: center
}
.demo-form .el-checkbox-group {
width: 320px;
margin: 0;
padding: 0;
list-style: none
}
.demo-form .el-checkbox-group:after,.demo-form .el-checkbox-group:before {
content: " ";
display: table
}
.demo-form .el-checkbox-group:after {
clear: both;
visibility: hidden;
font-size: 0;
height: 0
}
.demo-form .el-checkbox-group .el-checkbox {
float: left;
width: 160px;
margin: 0;
padding: 0
}
.demo-form .el-checkbox-group .el-checkbox+.el-checkbox {
margin-left: 0
}
.demo-form .demo-form-normal {
width: 460px
}
.demo-form .demo-form-inline {
width: auto
}
.demo-form .demo-form-inline .el-input {
width: 150px
}
.demo-form .demo-form-inline>* {
margin-right: 10px
}
.demo-form .demo-ruleForm {
width: 460px
}
.demo-form .demo-ruleForm .el-select .el-input {
width: 360px
}
.demo-form .demo-dynamic .el-input {
margin-right: 10px;
width: 270px;
vertical-align: top
}
.demo-form .fr {
float: right
}
ul.language-list {
color: #5e6d82;
font-size: 14px;
padding-left: 20px
}
ul.language-list li {
line-height: 1.8
}
.demo-icon .source>div>i:not(.no-inherit) {
color: var(--el-text-color-regular)
}
.demo-icon .source>div>i:not(.no-inherit),i.no-inherit {
margin: 0 20px;
font-size: 1.5em;
vertical-align: middle
}
.demo-icon .source button {
margin: 0 20px
}
.page-component .content>ul.icon-list {
overflow: hidden;
list-style: none;
padding: 0!important;
border-top: 1px solid var(--el-border-color-base);
border-left: 1px solid var(--el-border-color-base);
border-radius: 4px;
display: grid;
grid-template-columns: repeat(6,1fr)
}
.icon-list li {
text-align: center;
height: 120px;
line-height: 120px;
color: var(--el-text-color-regular);
font-size: 13px;
border-right: 1px solid var(--el-border-color-base);
border-bottom: 1px solid var(--el-border-color-base)
}
.icon-list li .demo-svg-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
cursor: pointer
}
.icon-list li:after {
content: "";
height: 100%
}
.icon-list li:after,.icon-list li span {
display: inline-block;
vertical-align: middle
}
.icon-list li span {
line-height: normal;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
color: var(--el-text-color-secondary);
transition: color .15s linear
}
.icon-list li i {
display: block;
font-size: 32px;
margin-bottom: 15px;
color: var(--el-text-color-regular);
transition: color .15s linear
}
.icon-list li .icon-name {
display: inline-block;
padding: 0 3px;
height: 1em
}
.icon-list li:hover i,.icon-list li:hover span {
color: var(--el-color-primary)
}
.demo-block.demo-input-number .el-input-number+.el-input-number {
margin-left: 10px
}
.demo-input .el-select .el-input {
width: 130px
}
.demo-input .el-input {
width: 180px
}
.demo-input .el-textarea {
width: 414px
}
.demo-input .el-input-group {
width: 100%
}
.demo-input .demo-input-size .el-input {
vertical-align: top;
margin: 0 10px 10px 0
}
.demo-input .input-with-select .el-input-group__prepend {
background-color: var(--el-color-white)
}
.demo-input .demo-autocomplete {
text-align: center
}
.demo-input .demo-autocomplete .sub-title {
margin-bottom: 10px;
font-size: 14px;
color: var(--el-text-color-secondary)
}
.demo-input .demo-autocomplete .el-col:not(:last-child) {
border-right: 1px solid var(--el-border-color-base)
}
.demo-input .demo-autocomplete .el-autocomplete {
text-align: left
}
.el-autocomplete-suggestion.my-autocomplete li {
line-height: normal;
padding-top: 7px;
padding-bottom: 7px
}
.el-autocomplete-suggestion.my-autocomplete li .name {
text-overflow: ellipsis;
overflow: hidden
}
.el-autocomplete-suggestion.my-autocomplete li .addr {
font-size: 12px;
color: #b4b4b4
}
.el-autocomplete-suggestion.my-autocomplete li .highlighted .addr {
color: #ddd
}
.demo-input-suffix {
margin-bottom: 15px
}
.demo-input-suffix .el-input {
margin-right: 15px
}
.demo-layout .el-row {
margin-bottom: 20px
}
.demo-layout .el-row:last-child {
margin-bottom: 0
}
.demo-layout .el-col {
border-radius: 4px
}
.demo-layout .bg-purple-dark {
background: #99a9bf
}
.demo-layout .bg-purple {
background: #d3dce6
}
.demo-layout .bg-purple-light {
background: #e5e9f2
}
.demo-layout .grid-content {
border-radius: 4px;
min-height: 36px
}
.demo-layout .row-bg {
padding: 10px 0;
background-color: #f9fafc
}
.demo-loading .el-table {
border: none
}
.demo-loading .custom-loading-svg .el-loading-mask>.el-loading-spinner>.circular {
animation: none
}
.demo-block.demo-menu .el-menu-demo {
padding-left: 55px
}
.demo-block.demo-menu .el-menu-vertical-demo:not(.el-menu--collapse) {
width: 240px;
min-height: 400px
}
.demo-block.demo-menu .line {
height: 1px;
background-color: var(--el-border-color-base);
margin: 35px -24px
}
.demo-block.demo-menu h5 {
font-size: 14px;
color: var(--el-text-color-secondary);
margin-top: 10px
}
.demo-block.demo-menu .tac {
text-align: center
}
.demo-block.demo-menu .tac .el-menu-vertical-demo {
display: inline-block;
text-align: left
}
.demo-pagination .source {
padding: 0
}
.demo-pagination .block {
padding: 30px 0;
text-align: center;
border-right: 1px solid var(--el-border-color-base);
display: inline-block;
width: 50%;
box-sizing: border-box
}
.demo-pagination .block:last-child {
border-right: none
}
.demo-pagination .demonstration {
display: block;
color: var(--el-text-color-secondary);
font-size: 14px;
margin-bottom: 20px
}
.demo-block.demo-popover .el-popover+.el-popover {
margin-left: 10px
}
.demo-block.demo-popover .el-input {
width: 360px
}
.demo-block.demo-popover .el-button {
margin-left: 10px
}
.demo-block.demo-progress .el-progress--line {
margin-bottom: 15px;
width: 350px
}
.demo-block.demo-progress .el-progress--circle {
margin-right: 15px
}
.demo-block.demo-progress .percentage-value {
display: block;
margin-top: 10px;
font-size: 28px
}
.demo-block.demo-progress .percentage-label {
display: block;
margin-top: 10px;
font-size: 12px
}
.demo-rate .block {
padding: 30px 0;
text-align: center;
border-right: 1px solid var(--el-border-color-base);
display: inline-block;
width: 49%;
box-sizing: border-box
}
.demo-rate .block:last-child {
border-right: none
}
.demo-rate .demonstration {
display: block;
color: var(--el-text-color-secondary);
font-size: 14px;
margin-bottom: 20px
}
.demo-select .el-select {
width: 240px
}
.demo-block.demo-slider .source {
padding: 0
}
.demo-block.demo-slider .block {
padding: 30px 24px;
overflow: hidden;
border-bottom: 1px solid var(--el-border-color-base)
}
.demo-block.demo-slider .block:last-child {
border-bottom: none
}
.demo-block.demo-slider .demonstration {
font-size: 14px;
color: var(--el-text-color-secondary);
line-height: 44px
}
.demo-block.demo-slider .demonstration+.el-slider {
float: right;
width: 70%;
margin-right: 20px
}
.demo-block.demo-switch .el-switch {
margin: 20px 20px 20px 0
}
.el-table .warning-row {
--el-table-tr-background-color: var(--el-color-warning-lighter)
}
.el-table .success-row {
--el-table-tr-background-color: var(--el-color-success-lighter)
}
.demo-table .name-wrapper {
display: inline-block
}
.demo-table .demo-table-expand label {
width: 90px;
color: var(--el-text-color-secondary)
}
.demo-table .demo-table-expand .el-form-item {
margin-right: 0;
margin-bottom: 0;
width: 50%
}
.demo-block.demo-tag .el-tag+.el-tag {
margin-left: 10px
}
.demo-block.demo-tag .button-new-tag {
margin-left: 10px;
height: 32px;
line-height: 30px;
padding-top: 0;
padding-bottom: 0
}
.demo-block.demo-tag .input-new-tag {
width: 90px;
margin-left: 10px;
vertical-align: bottom
}
.demo-block.demo-tag .tag-group {
display: flex;
align-items: center
}
.demo-block.demo-tag .tag-group__title {
width: 45px;
font-size: 14px;
color: var(--el-text-color-regular)
}
.demo-block.demo-tag .tag-group+.tag-group {
margin-top: 10px
}
.demo-block .el-date-editor+.el-date-editor {
margin-left: 10px
}
.demo-timeline .source .radio {
margin-bottom: 20px
}
.demo-timeline .source .radio .el-radio-group {
margin-left: 20px
}
.demo-tooltip .el-tooltip+.el-tooltip {
margin-left: 15px
}
.demo-tooltip .box {
width: 400px
}
.demo-tooltip .box .top {
text-align: center
}
.demo-tooltip .box .left {
float: left;
width: 60px
}
.demo-tooltip .box .right {
float: right;
width: 60px
}
.demo-tooltip .box .bottom {
clear: both;
text-align: center
}
.demo-tooltip .box .item {
margin: 4px
}
.demo-tooltip .box .left .el-tooltip__popper,.demo-tooltip .box .right .el-tooltip__popper {
padding: 8px 10px
}
.demo-tooltip .box .el-tooltip {
margin-left: 0
}
.demo-transition .transition-box {
margin-bottom: 10px;
width: 200px;
height: 100px;
border-radius: 4px;
background-color: var(--el-color-primary);
text-align: center;
color: var(--el-color-white);
padding: 40px 20px;
margin-right: 20px;
box-sizing: border-box
}
.demo-transfer .transfer-footer {
margin-left: 15px;
padding: 6px 5px
}
.demo-tree .leaf {
width: 20px;
background: #ddd
}
.demo-tree .folder {
width: 20px;
background: #888
}
.demo-tree .buttons,.demo-tree .filter-tree {
margin-top: 20px
}
.demo-tree .custom-tree-container {
display: flex;
margin: -24px
}
.demo-tree .block {
flex: 1;
padding: 8px 24px 24px
}
.demo-tree .block:first-child {
border-right: 1px solid #eff2f6
}
.demo-tree .block>p {
text-align: center;
margin: 0;
line-height: 4
}
.demo-tree .custom-tree-node {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
padding-right: 8px
}
.demo-typo-size .color-dark-light {
color: var(--el-text-color-secondary)
}
.demo-term-box img {
width: 24%;
margin: 0 4% 20px 0
}
.lineH-left {
display: inline-block;
height: 80px
}
.lineH-right {
display: inline-block;
list-style: none;
padding: 0 0 0 90px;
margin: 0;
vertical-align: top
}
.lineH-right li {
font-size: 13px;
color: var(--el-text-color-regular);
height: 20px;
line-height: 20px
}
.lineH-right li span {
padding-left: 40px
}
.upload-tip {
color: var(--el-text-color-secondary);
font-size: 12px;
margin-top: 7px
}
.demo-block {
margin-bottom: 24px
}
.demo-block .upload-demo {
width: 360px
}
.demo-block .avatar-uploader .el-upload {
border: 1px dashed var(--el-border-color-base);
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden
}
.demo-block .avatar-uploader .el-upload:focus,.demo-block .avatar-uploader .el-upload:hover {
border-color: var(--el-color-primary)
}
.demo-block .avatar-uploader .avatar-uploader-icon {
font-size: 28px;
color: var(--el-text-color-secondary);
width: 178px;
height: 178px;
line-height: 178px;
text-align: center
}
.demo-block .avatar-uploader .avatar {
width: 178px;
height: 178px;
display: block
}
.demo-divider-container-1 {
display: inline-block;
width: 33%
}
.demo-divider-container-2 {
display: inline-block;
width: 50%
}
@keyframes dot {
0% {
width: 0;
margin-right: 1em
}
to {
width: 1em;
margin-right: 0
}
}
.demo-image .block,.demo-image__error .block,.demo-image__placeholder .block {
padding: 30px 0;
text-align: center;
border-right: 1px solid var(--el-border-color-base);
display: inline-block;
width: 20%;
box-sizing: border-box;
vertical-align: top
}
.demo-image .block:last-child,.demo-image__error .block:last-child,.demo-image__placeholder .block:last-child {
border-right: none
}
.demo-image .demonstration,.demo-image__error .demonstration,.demo-image__placeholder .demonstration {
display: block;
color: var(--el-text-color-secondary);
font-size: 14px;
margin-bottom: 20px
}
.demo-image__error .block,.demo-image__placeholder .block {
width: 49%
}
.demo-image__error .el-image,.demo-image__placeholder .el-image {
width: 300px;
height: 200px
}
.demo-image__error .image-slot,.demo-image__placeholder .image-slot {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: #f5f7fa;
color: var(--el-text-color-secondary);
font-size: 14px
}
.demo-image__placeholder .dot {
animation: dot 2s steps(3,start) infinite;
overflow: hidden
}
.demo-image__error .image-slot {
font-size: 30px
}
.demo-image__lazy {
height: 400px;
overflow-y: auto
}
.demo-image__lazy .el-image {
display: block;
min-height: 200px;
margin-bottom: 10px
}
.demo-image__lazy .el-image:last-child {
margin-bottom: 0
}
.infinite-list {
height: 300px;
padding: 0;
margin: 0;
list-style: none
}
.infinite-list .infinite-list-item {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
background: var(--el-color-primary-light-9);
margin: 10px;
color: var(--el-color-primary)
}
.infinite-list .infinite-list-item+.list-item {
margin-top: 10px
}
.infinite-list-wrapper {
height: 300px;
text-align: center
}
.infinite-list-wrapper .list {
padding: 0;
margin: 0;
list-style: none
}
.infinite-list-wrapper .list-item {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
background: var(--el-color-danger-lighter);
color: var(--el-color-danger)
}
.infinite-list-wrapper .list-item+.list-item {
margin-top: 10px
}
.demo-avatar.demo-basic {
text-align: center
}
.demo-avatar.demo-basic .demo-basic--circle,.demo-avatar.demo-basic .demo-basic--square {
display: flex;
justify-content: space-between;
align-items: center
}
.demo-avatar.demo-basic .demo-basic--circle .block,.demo-avatar.demo-basic .demo-basic--square .block {
flex: 1
}
.demo-avatar.demo-basic .demo-basic--circle .block:not(:last-child),.demo-avatar.demo-basic .demo-basic--square .block:not(:last-child) {
border-right: 1px solid var(--el-border-color-base)
}
.demo-avatar .sub-title {
margin-bottom: 10px;
font-size: 14px;
color: var(--el-text-color-secondary)
}
.demo-avatar .el-col:not(:last-child) {
border-right: 1px solid var(--el-border-color-base)
}
.demo-avatar .demo-type {
display: flex
}
.demo-avatar .demo-type>div {
flex: 1;
text-align: center
}
.demo-avatar .demo-type>div:not(:last-child) {
border-right: 1px solid var(--el-border-color-base)
}
.demo-avatar .demo-fit {
display: flex;
text-align: center;
justify-content: space-between
}
.demo-avatar .demo-fit .block {
flex: 1;
display: flex;
flex-direction: column;
flex-grow: 0
}
.demo-avatar .demo-fit .title {
margin-bottom: 10px;
font-size: 14px;
color: var(--el-text-color-secondary)
}
.demo-drawer__content {
display: flex;
flex-direction: column;
height: 100%
}
.demo-drawer__content form {
flex: 1
}
.demo-drawer__footer {
display: flex
}
.demo-drawer__footer button {
flex: 1
}
.el-drawer__body {
padding: 20px
}
.demo-block.demo-skeleton .el-card {
margin-bottom: 16px
}
.demo-block.demo-skeleton .card-header {
display: flex;
justify-content: space-between;
align-items: center
}
.demo-block.demo-skeleton .time {
font-size: 13px;
color: var(--el-text-color-secondary)
}
.demo-block.demo-skeleton .bottom {
margin-top: 13px;
line-height: 12px
}
.demo-block.demo-skeleton .button {
padding: 0;
min-height: auto
}
.demo-block.demo-skeleton .image {
width: 100%;
display: block
}
.demo-block.demo-skeleton .image.multi-content {
width: 400px;
height: 267px
}
.demo-block.demo-skeleton .clearfix:after,.demo-block.demo-skeleton .clearfix:before {
display: table;
content: ""
}
.demo-block.demo-skeleton .clearfix:after {
clear: both
}
.demo-block.demo-space .card-header {
display: flex;
justify-content: space-between;
align-items: center
}
.demo-block.demo-space .button {
padding: 0;
min-height: auto
}
.demo-block.demo-scrollbar .item {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
margin: 10px;
text-align: center;
border-radius: 4px;
background: var(--el-color-primary-light-9);
color: var(--el-color-primary)
}
.demo-block.demo-scrollbar .flex-content {
display: flex
}
.demo-block.demo-scrollbar .flex-content .item {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 50px;
margin: 10px;
text-align: center;
border-radius: 4px;
background: var(--el-color-danger-lighter);
color: var(--el-color-danger)
}
.demo-block.demo-scrollbar .el-button {
margin-bottom: 20px
}
.demo-block.demo-descriptions .margin-top,.demo-block.demo-scrollbar .el-slider {
margin-top: 20px
}
.demo-block.demo-descriptions .my-label {
background: var(--el-color-success-lighter)
}
.demo-block.demo-descriptions .my-content {
background: var(--el-color-danger-lighter)
}
body,html {
margin: 0;
padding: 0;
height: 100%;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent
}
body.is-component,html.is-component {
overflow: hidden
}
body {
padding-top: 80px;
height: calc(100% - 80px)
}
#app {
height: 100%
}
#app.is-component {
overflow-y: hidden
}
#app.is-component .main-cnt {
padding: 0;
margin-top: 0;
height: 100%;
min-height: auto
}
#app.is-component .headerWrapper {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 1500
}
#app.is-component .headerWrapper .container {
padding: 0 40px
}
a {
color: var(--el-color-primary);
text-decoration: none
}
code {
background-color: #f9fafc;
padding: 0 4px;
border: 1px solid var(--el-border-color-base);
border-radius: 4px
}
button,input,select,textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit
}
.hljs {
line-height: 1.8;
font-family: Menlo,Monaco,Consolas,Courier,monospace;
font-size: 12px;
padding: 18px 24px;
background-color: #fafafa;
border: 1px solid var(--el-border-color-base);
margin-bottom: 25px;
border-radius: 4px;
-webkit-font-smoothing: auto
}
.main-cnt {
padding-bottom: 340px;
box-sizing: border-box;
min-height: 100%
}
.container,.page-container {
padding: 0 40px
}
.page-container {
padding-top: 55px
}
.page-container h1 {
margin-top: 8px;
margin-bottom: 20px;
color: rgba(0,0,0,.85);
font-weight: 500;
font-size: 30px
}
.page-container h2,.page-container h3,.page-container h4,.page-container h5,.page-container h6 {
margin: 1.6em 0 .6em;
font-weight: 500;
color: rgba(0,0,0,.85)
}
.page-container h2 {
font-size: 24px;
line-height: 36px;
color: #1f2d3d
}
.page-container h3 {
font-size: 18px
}
.page-container h2:hover a,.page-container h3:hover a,.page-container h4:hover a,.page-container h5:hover a {
opacity: .4
}
.page-container h2 a,.page-container h3 a,.page-container h4 a,.page-container h5 a {
float: left;
margin-left: -20px;
opacity: 0;
cursor: pointer
}
.page-container h2 a:hover,.page-container h3 a:hover,.page-container h4 a:hover,.page-container h5 a:hover {
opacity: .4
}
.page-container p {
font-size: 14px;
color: #303133;
line-height: 1.5em
}
.page-container .tip {
padding: 8px 16px;
background-color: var(--el-color-primary-light-9);
border-radius: 4px;
border-left: 5px solid var(--el-color-primary);
margin: 20px 0
}
.page-container .tip code {
background-color: hsla(0,0%,100%,.7);
color: #445368
}
.page-container .warning {
padding: 8px 16px;
background-color: var(--el-color-danger-lighter);
border-radius: 4px;
border-left: 5px solid var(--el-color-danger);
margin: 20px 0
}
.page-container .warning ul {
color: #5e6d82
}
.page-container .warning code {
background-color: hsla(0,0%,100%,.7);
color: #445368
}
.demo {
margin: 20px 0
}
@media(max-width: 1140px) {
.container,.page-container {
width:100%
}
}
@media(max-width: 768px) {
.container,.page-container {
padding:0 20px
}
#app.is-component .headerWrapper .container {
padding: 0 12px
}
}
.element-doc .example-code {
position: relative
}
.element-doc .example-code .lang-mark {
position: absolute;
bottom: .5rem;
color: #909399;
font-family: inherit;
font-size: .7rem;
font-weight: 700;
right: 1rem;
text-transform: uppercase;
user-select: none
}
.element-doc blockquote {
margin: 1em 0;
padding-left: .8em;
color: #909399;
font-size: 90%;
border-left: 4px solid #f0f0f0
}
.element-doc blockquote p {
color: inherit;
margin: 0
}
.element-doc .element-plus__link .el-icon {
vertical-align: text-top;
line-height: 1.5em
}
@font-face {
font-family: icomoon;
src: url(data:application/vnd.ms-fontobject;base64,SAgAAKQHAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAa7522AAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFxwAAALwAAABgY21hcBdW0ooAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlmx3GYOgAAAXgAAAPUaGVhZArUIjUAAAVMAAAANmhoZWEHwgPJAAAFhAAAACRobXR4FgAAAAAABagAAAAgbG9jYQMUAf4AAAXIAAAAEm1heHAADgBvAAAF3AAAACBuYW1lmUoJ+wAABfwAAAGGcG9zdAADAAAAAAeEAAAAIAADA5oBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkDA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpA//9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAUAAP/ABAADwAATACcANQBDAFEAABM0PgIzMh4CFRQOAiMiLgIlNC4CIyIOAhUUHgIzMj4CJTQ2MzIWHQEUBiMiJjUlNDYzMhYdARQGIyImNQEiBhUUFjMhMjY1NCYjAFCLu2pqu4tQUIu7amq7i1ADs0R2n1pan3ZERHafWlqfdkT9cx4WFR4eFRYeAU0eFRYeHhYVHv72ERgYEQEuERgYEQHAaruLUFCLu2pqu4tQUIu7alqfdkREdp9aWp92RER2n+cVHh4VMxYeHhYzFR4eFTMWHh4W/wAZEREZGRERGQAAAAQAAP/ABAADwAATACEALwBPAAABIg4CFRQeAjMyPgI1NC4CATQ2MzIWHQEUBiMiJjUlNDYzMhYdARQGIyImNRMnLgEjIgYPAQ4BIyImNTQ2Nyc3PgEzMhYXHgEVFAYnAgBqu4tQUIu7amq7i1BQi7v+vB4WFR4eFRYeAU0eFRYeHhYVHkQEKlovMFsqBAEFAhAVBgYBCjJrNTZpMwkKHBMDwFCLu2pqu4tQUIu7amq7i1D+jRUeHhUzFh4eFjMVHh4VMxYeHhb+mwEVFRUVAQEBGBEIDwYDBRgaGRoFEwwTGgYAAAQAAP/ABAADwAATACEALwA9AAAFIi4CNTQ+AjMyHgIVFA4CARUUFjMyNj0BNCYjIgYFFRQWMzI2PQE0JiMiBgEiBhUUFjMhMjY1NCYjAgBqu4tQUIu7amq7i1BQi7v+vB4WFR4eFRYeAU0eFRYeHhYVHv72ERgYEQEuERgYEUBQi7tqaruLUFCLu2pqu4tQAo0zFh4eFjMVHh4VMxYeHhYzFR4e/rgZEREZGRERGQAABAAA/8AEAAPAABMAUABeAGwAAAEiDgIVFB4CMzI+AjU0LgITFAYVDgEVDgMjOAExOAExIi4CJzQmJzQmNS4BNTQ2Nz4BMzIWFzEeATMyNjcxPgEzMhYXHgEVFAYHAzQ2MzIWHQEUBiMiJjUlNDYzMhYdARQGIyImNQIAaruLUFCLu2pqu4tQUIu7xwEBARU/TVsyMltNPxUBAQEBAQICBRUMDBUFIHhLS3ggBRUMDBUFAgIBAb4eFRYeHhYVHv6zHhYVHh4VFh4DwFCLu2pqu4tQUIu7amq7i1D9cgICAQECASlCMBsbMEIpAQIBAQICAgYDBQkECwwMCz1MTD0LDAwLBAkFAwYCARsVHh4VMxYeHhYzFR4eFTMWHh4WAAAAAQAAAAAAANh2vmtfDzz1AAsEAAAAAADT2u7cAAAAANPa7twAAP/ABAADwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAACAQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAQAAAAEAAAAAAAAAAAKABQAHgCQAQIBWgHqAAAAAQAAAAgAbQAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=);
src: url(data:application/vnd.ms-fontobject;base64,SAgAAKQHAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAa7522AAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFxwAAALwAAABgY21hcBdW0ooAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlmx3GYOgAAAXgAAAPUaGVhZArUIjUAAAVMAAAANmhoZWEHwgPJAAAFhAAAACRobXR4FgAAAAAABagAAAAgbG9jYQMUAf4AAAXIAAAAEm1heHAADgBvAAAF3AAAACBuYW1lmUoJ+wAABfwAAAGGcG9zdAADAAAAAAeEAAAAIAADA5oBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkDA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpA//9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAUAAP/ABAADwAATACcANQBDAFEAABM0PgIzMh4CFRQOAiMiLgIlNC4CIyIOAhUUHgIzMj4CJTQ2MzIWHQEUBiMiJjUlNDYzMhYdARQGIyImNQEiBhUUFjMhMjY1NCYjAFCLu2pqu4tQUIu7amq7i1ADs0R2n1pan3ZERHafWlqfdkT9cx4WFR4eFRYeAU0eFRYeHhYVHv72ERgYEQEuERgYEQHAaruLUFCLu2pqu4tQUIu7alqfdkREdp9aWp92RER2n+cVHh4VMxYeHhYzFR4eFTMWHh4W/wAZEREZGRERGQAAAAQAAP/ABAADwAATACEALwBPAAABIg4CFRQeAjMyPgI1NC4CATQ2MzIWHQEUBiMiJjUlNDYzMhYdARQGIyImNRMnLgEjIgYPAQ4BIyImNTQ2Nyc3PgEzMhYXHgEVFAYnAgBqu4tQUIu7amq7i1BQi7v+vB4WFR4eFRYeAU0eFRYeHhYVHkQEKlovMFsqBAEFAhAVBgYBCjJrNTZpMwkKHBMDwFCLu2pqu4tQUIu7amq7i1D+jRUeHhUzFh4eFjMVHh4VMxYeHhb+mwEVFRUVAQEBGBEIDwYDBRgaGRoFEwwTGgYAAAQAAP/ABAADwAATACEALwA9AAAFIi4CNTQ+AjMyHgIVFA4CARUUFjMyNj0BNCYjIgYFFRQWMzI2PQE0JiMiBgEiBhUUFjMhMjY1NCYjAgBqu4tQUIu7amq7i1BQi7v+vB4WFR4eFRYeAU0eFRYeHhYVHv72ERgYEQEuERgYEUBQi7tqaruLUFCLu2pqu4tQAo0zFh4eFjMVHh4VMxYeHhYzFR4e/rgZEREZGRERGQAABAAA/8AEAAPAABMAUABeAGwAAAEiDgIVFB4CMzI+AjU0LgITFAYVDgEVDgMjOAExOAExIi4CJzQmJzQmNS4BNTQ2Nz4BMzIWFzEeATMyNjcxPgEzMhYXHgEVFAYHAzQ2MzIWHQEUBiMiJjUlNDYzMhYdARQGIyImNQIAaruLUFCLu2pqu4tQUIu7xwEBARU/TVsyMltNPxUBAQEBAQICBRUMDBUFIHhLS3ggBRUMDBUFAgIBAb4eFRYeHhYVHv6zHhYVHh4VFh4DwFCLu2pqu4tQUIu7amq7i1D9cgICAQECASlCMBsbMEIpAQIBAQICAgYDBQkECwwMCz1MTD0LDAwLBAkFAwYCARsVHh4VMxYeHhYzFR4eFTMWHh4WAAAAAQAAAAAAANh2vmtfDzz1AAsEAAAAAADT2u7cAAAAANPa7twAAP/ABAADwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAACAQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAQAAAAEAAAAAAAAAAAKABQAHgCQAQIBWgHqAAAAAQAAAAgAbQAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=#iefix) format("embedded-opentype"),url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBccAAAC8AAAAYGNtYXAXVtKKAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZsdxmDoAAAF4AAAD1GhlYWQK1CI1AAAFTAAAADZoaGVhB8IDyQAABYQAAAAkaG10eBYAAAAAAAWoAAAAIGxvY2EDFAH+AAAFyAAAABJtYXhwAA4AbwAABdwAAAAgbmFtZZlKCfsAAAX8AAABhnBvc3QAAwAAAAAHhAAAACAAAwOaAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QP//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAFAAD/wAQAA8AAEwAnADUAQwBRAAATND4CMzIeAhUUDgIjIi4CJTQuAiMiDgIVFB4CMzI+AiU0NjMyFh0BFAYjIiY1JTQ2MzIWHQEUBiMiJjUBIgYVFBYzITI2NTQmIwBQi7tqaruLUFCLu2pqu4tQA7NEdp9aWp92RER2n1pan3ZE/XMeFhUeHhUWHgFNHhUWHh4WFR7+9hEYGBEBLhEYGBEBwGq7i1BQi7tqaruLUFCLu2pan3ZERHafWlqfdkREdp/nFR4eFTMWHh4WMxUeHhUzFh4eFv8AGRERGRkRERkAAAAEAAD/wAQAA8AAEwAhAC8ATwAAASIOAhUUHgIzMj4CNTQuAgE0NjMyFh0BFAYjIiY1JTQ2MzIWHQEUBiMiJjUTJy4BIyIGDwEOASMiJjU0NjcnNz4BMzIWFx4BFRQGJwIAaruLUFCLu2pqu4tQUIu7/rweFhUeHhUWHgFNHhUWHh4WFR5EBCpaLzBbKgQBBQIQFQYGAQoyazU2aTMJChwTA8BQi7tqaruLUFCLu2pqu4tQ/o0VHh4VMxYeHhYzFR4eFTMWHh4W/psBFRUVFQEBARgRCA8GAwUYGhkaBRMMExoGAAAEAAD/wAQAA8AAEwAhAC8APQAABSIuAjU0PgIzMh4CFRQOAgEVFBYzMjY9ATQmIyIGBRUUFjMyNj0BNCYjIgYBIgYVFBYzITI2NTQmIwIAaruLUFCLu2pqu4tQUIu7/rweFhUeHhUWHgFNHhUWHh4WFR7+9hEYGBEBLhEYGBFAUIu7amq7i1BQi7tqaruLUAKNMxYeHhYzFR4eFTMWHh4WMxUeHv64GRERGRkRERkAAAQAAP/ABAADwAATAFAAXgBsAAABIg4CFRQeAjMyPgI1NC4CExQGFQ4BFQ4DIzgBMTgBMSIuAic0Jic0JjUuATU0Njc+ATMyFhcxHgEzMjY3MT4BMzIWFx4BFRQGBwM0NjMyFh0BFAYjIiY1JTQ2MzIWHQEUBiMiJjUCAGq7i1BQi7tqaruLUFCLu8cBAQEVP01bMjJbTT8VAQEBAQECAgUVDAwVBSB4S0t4IAUVDAwVBQICAQG+HhUWHh4WFR7+sx4WFR4eFRYeA8BQi7tqaruLUFCLu2pqu4tQ/XICAgEBAgEpQjAbGzBCKQECAQECAgIGAwUJBAsMDAs9TEw9CwwMCwQJBQMGAgEbFR4eFTMWHh4WMxUeHhUzFh4eFgAAAAEAAAAAAADYdr5rXw889QALBAAAAAAA09ru3AAAAADT2u7cAAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAgEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAABAAAAAAAAAAACgAUAB4AkAECAVoB6gAAAAEAAAAIAG0ABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"),url(data:font/woff;base64,d09GRgABAAAAAAfwAAsAAAAAB6QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFx2NtYXAAAAFoAAAAVAAAAFQXVtKKZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAA9QAAAPUx3GYOmhlYWQAAAWYAAAANgAAADYK1CI1aGhlYQAABdAAAAAkAAAAJAfCA8lobXR4AAAF9AAAACAAAAAgFgAAAGxvY2EAAAYUAAAAEgAAABIDFAH+bWF4cAAABigAAAAgAAAAIAAOAG9uYW1lAAAGSAAAAYYAAAGGmUoJ+3Bvc3QAAAfQAAAAIAAAACAAAwAAAAMDmgGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QMDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkD//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABQAA/8AEAAPAABMAJwA1AEMAUQAAEzQ+AjMyHgIVFA4CIyIuAiU0LgIjIg4CFRQeAjMyPgIlNDYzMhYdARQGIyImNSU0NjMyFh0BFAYjIiY1ASIGFRQWMyEyNjU0JiMAUIu7amq7i1BQi7tqaruLUAOzRHafWlqfdkREdp9aWp92RP1zHhYVHh4VFh4BTR4VFh4eFhUe/vYRGBgRAS4RGBgRAcBqu4tQUIu7amq7i1BQi7tqWp92RER2n1pan3ZERHaf5xUeHhUzFh4eFjMVHh4VMxYeHhb/ABkRERkZEREZAAAABAAA/8AEAAPAABMAIQAvAE8AAAEiDgIVFB4CMzI+AjU0LgIBNDYzMhYdARQGIyImNSU0NjMyFh0BFAYjIiY1EycuASMiBg8BDgEjIiY1NDY3Jzc+ATMyFhceARUUBicCAGq7i1BQi7tqaruLUFCLu/68HhYVHh4VFh4BTR4VFh4eFhUeRAQqWi8wWyoEAQUCEBUGBgEKMms1NmkzCQocEwPAUIu7amq7i1BQi7tqaruLUP6NFR4eFTMWHh4WMxUeHhUzFh4eFv6bARUVFRUBAQEYEQgPBgMFGBoZGgUTDBMaBgAABAAA/8AEAAPAABMAIQAvAD0AAAUiLgI1ND4CMzIeAhUUDgIBFRQWMzI2PQE0JiMiBgUVFBYzMjY9ATQmIyIGASIGFRQWMyEyNjU0JiMCAGq7i1BQi7tqaruLUFCLu/68HhYVHh4VFh4BTR4VFh4eFhUe/vYRGBgRAS4RGBgRQFCLu2pqu4tQUIu7amq7i1ACjTMWHh4WMxUeHhUzFh4eFjMVHh7+uBkRERkZEREZAAAEAAD/wAQAA8AAEwBQAF4AbAAAASIOAhUUHgIzMj4CNTQuAhMUBhUOARUOAyM4ATE4ATEiLgInNCYnNCY1LgE1NDY3PgEzMhYXMR4BMzI2NzE+ATMyFhceARUUBgcDNDYzMhYdARQGIyImNSU0NjMyFh0BFAYjIiY1AgBqu4tQUIu7amq7i1BQi7vHAQEBFT9NWzIyW00/FQEBAQEBAgIFFQwMFQUgeEtLeCAFFQwMFQUCAgEBvh4VFh4eFhUe/rMeFhUeHhUWHgPAUIu7amq7i1BQi7tqaruLUP1yAgIBAQIBKUIwGxswQikBAgEBAgICBgMFCQQLDAwLPUxMPQsMDAsECQUDBgIBGxUeHhUzFh4eFjMVHh4VMxYeHhYAAAABAAAAAAAA2Ha+a18PPPUACwQAAAAAANPa7twAAAAA09ru3AAA/8AEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAgAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAoAFAAeAJABAgFaAeoAAAABAAAACABtAAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJpY29tb29uIiBob3Jpei1hZHYteD0iMTAyNCI+PGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMjQiIGFzY2VudD0iOTYwIiBkZXNjZW50PSItNjQiLz48Z2x5cGggaG9yaXotYWR2LXg9IjUxMiIvPjxnbHlwaCB1bmljb2RlPSLupIAiIGdseXBoLW5hbWU9InJhdGUtZmFjZS1vZmYiIGQ9Ik0wIDQ0OGMwIDI4Mi43NjYgMjI5LjIzNCA1MTIgNTEyIDUxMnM1MTItMjI5LjIzNCA1MTItNTEyYzAtMjgyLjc2Ni0yMjkuMjM0LTUxMi01MTItNTEyUzAgMTY1LjIzNCAwIDQ0OHptOTQ3LjIgMGMwIDI0MC4zNTEtMTk0Ljg0OSA0MzUuMi00MzUuMiA0MzUuMlM3Ni44IDY4OC4zNTEgNzYuOCA0NDggMjcxLjY0OSAxMi44IDUxMiAxMi44IDk0Ny4yIDIwNy42NDkgOTQ3LjIgNDQ4ek0yOTQuNCA1ODguODUzQzI5NC40IDYxNy4xIDMxNy4xMjYgNjQwIDM0NS42IDY0MGMyOC4yNzcgMCA1MS4yLTIyLjY2NCA1MS4yLTUxLjE0N3YtNTEuMzA3YzAtMjguMjQ3LTIyLjcyNi01MS4xNDctNTEuMi01MS4xNDctMjguMjc3IDAtNTEuMiAyMi42NjQtNTEuMiA1MS4xNDd2NTEuMzA3em0zMzIuOCAwQzYyNy4yIDYxNy4xIDY0OS45MjYgNjQwIDY3OC40IDY0MGMyOC4yNzcgMCA1MS4yLTIyLjY2NCA1MS4yLTUxLjE0N3YtNTEuMzA3YzAtMjguMjQ3LTIyLjcyNi01MS4xNDctNTEuMi01MS4xNDctMjguMjc3IDAtNTEuMiAyMi42NjQtNTEuMiA1MS4xNDd2NTEuMzA3ek0zNjEuMTQzIDI4MS42QzMzOC40MzIgMjgxLjYgMzIwIDI2Mi45NjMgMzIwIDI0MHMxOC40MzItNDEuNiA0MS4xNDMtNDEuNmgzMDEuNzE0QzY4NS41NjggMTk4LjQgNzA0IDIxNy4wMzcgNzA0IDI0MHMtMTguNDMyIDQxLjYtNDEuMTQzIDQxLjZIMzYxLjE0M3oiLz48Z2x5cGggdW5pY29kZT0i7qSBIiBnbHlwaC1uYW1lPSJyYXRlLWZhY2UtMSIgZD0iTTUxMi4wMDEgOTYwQzIyOS4yMyA5NjAgMCA3MzAuNzcgMCA0NDcuOTk4IDAgMTY1LjIyOCAyMjkuMjMtNjQgNTEyLjAwMS02NCA3OTQuNzctNjQgMTAyNCAxNjUuMjI3IDEwMjQgNDQ3Ljk5OFM3OTQuNzcgOTYwIDUxMi4wMDEgOTYwek0yOTQuNCA1ODguODUzQzI5NC40IDYxNy4xIDMxNy4xMjYgNjQwIDM0NS42IDY0MGMyOC4yNzcgMCA1MS4yLTIyLjY2NCA1MS4yLTUxLjE0N3YtNTEuMzA3YzAtMjguMjQ3LTIyLjcyNi01MS4xNDctNTEuMi01MS4xNDctMjguMjc3IDAtNTEuMiAyMi42NjQtNTEuMiA1MS4xNDd2NTEuMzA3em0zMzIuOCAwQzYyNy4yIDYxNy4xIDY0OS45MjYgNjQwIDY3OC40IDY0MGMyOC4yNzcgMCA1MS4yLTIyLjY2NCA1MS4yLTUxLjE0N3YtNTEuMzA3YzAtMjguMjQ3LTIyLjcyNi01MS4xNDctNTEuMi01MS4xNDctMjguMjc3IDAtNTEuMiAyMi42NjQtNTEuMiA1MS4xNDd2NTEuMzA3em02Ny4zMjktNDA3LjY1NmwtMy40MjIgMS4yMTZjLTU2LjE1IDI3Ljg3Mi0xMTYuMzg4IDQyLjA0Ny0xNzguODgyIDQyLjA0Ny02NC41NTYgMC0xMjUuNjExLTE0LjMxNi0xODEuNTE1LTQyLjQ1bC0zLjM4Mi0xLjEzMmMtMi4xMDItLjYyOC00Ljk0NS0xLjUyOS04LjQ4OS0xLjUyOS0yMC41NTQgMC0zNy4yMzkgMTguMjktMzcuMjM5IDQwLjczNCAwIDEwLjY1NSA0LjU3MSAyMS4zNjEgMTIuMTE0IDI5LjM5OWwtLjQ1NiAyLjQ4MyA5LjUxNiA0LjY5OGM2Ni43NCAzMy4xMDQgMTM5LjMzNiA1MC41MzcgMjA5LjkwNyA1MC41MzcgNzEuODg5IDAgMTQyLjMzNi0xNi45ODQgMjEwLjMxNC01MC45NDggMTEuOTQzLTcuMTgxIDE5LjQwNS0yMC45NTMgMTkuNDA1LTM1LjkwMyAwLTI2LjMyOC0yMS43MS00Ny45NTgtNDcuODcxLTM5LjE1M3oiLz48Z2x5cGggdW5pY29kZT0i7qSCIiBnbHlwaC1uYW1lPSJyYXRlLWZhY2UtMiIgZD0iTTUxMi02NEMyMjkuMjM0LTY0IDAgMTY1LjIzNCAwIDQ0OHMyMjkuMjM0IDUxMiA1MTIgNTEyYzI4Mi43NjYgMCA1MTItMjI5LjIzNCA1MTItNTEyUzc5NC43NjYtNjQgNTEyLTY0ek0yOTQuNCA1ODguODUzdi01MS4zMDdjMC0yOC40ODIgMjIuOTIzLTUxLjE0NyA1MS4yLTUxLjE0NyAyOC40NzQgMCA1MS4yIDIyLjg5OSA1MS4yIDUxLjE0N3Y1MS4zMDdjMCAyOC40ODItMjIuOTIzIDUxLjE0Ny01MS4yIDUxLjE0Ny0yOC40NzQgMC01MS4yLTIyLjg5OS01MS4yLTUxLjE0N3ptMzMyLjggMHYtNTEuMzA3YzAtMjguNDgyIDIyLjkyMy01MS4xNDcgNTEuMi01MS4xNDcgMjguNDc0IDAgNTEuMiAyMi44OTkgNTEuMiA1MS4xNDd2NTEuMzA3YzAgMjguNDgyLTIyLjkyMyA1MS4xNDctNTEuMiA1MS4xNDctMjguNDc0IDAtNTEuMi0yMi44OTktNTEuMi01MS4xNDd6TTM2MS4xNDMgMjgxLjZDMzM4LjQzMiAyODEuNiAzMjAgMjYyLjk2MyAzMjAgMjQwczE4LjQzMi00MS42IDQxLjE0My00MS42aDMwMS43MTRDNjg1LjU2OCAxOTguNCA3MDQgMjE3LjAzNyA3MDQgMjQwcy0xOC40MzIgNDEuNi00MS4xNDMgNDEuNkgzNjEuMTQzeiIvPjxnbHlwaCB1bmljb2RlPSLupIMiIGdseXBoLW5hbWU9InJhdGUtZmFjZS0zIiBkPSJNNTEyLjAwMSA5NjBDMjI5LjIzMSA5NjAgMCA3MzAuNzcgMCA0NDguMDAxUzIyOS4yMy02NCA1MTIuMDAxLTY0Qzc5NC43NzEtNjQgMTAyNCAxNjUuMjMgMTAyNCA0NDcuOTk5Uzc5NC43NzEgOTYwIDUxMi4wMDEgOTYwem0zMDUuNDk0LTY1NC40MzVhNDAuNDA2IDQwLjQwNiAwIDAwLTEuNTY5LTQuMzUgNDAuODUgNDAuODUgMCAwMC0yLjMxNy00LjU1NkM3NTcuOTc4IDE4OS4wNDYgNjQ0LjA5MSAxMTUuMiA1MTIuMjg2IDExNS4ybC0uMjg2LjAwMi0uMjg2LS4wMDJjLTEzMS44MDQgMC0yNDUuNjkzIDczLjg0NS0zMDEuMzIzIDE4MS40NTlhNDAuODUgNDAuODUgMCAwMC0yLjMxNyA0LjU1NiA0MC4zMjggNDAuMzI4IDAgMDAtMS41NjkgNC4zNSA0MC4zMTcgNDAuMzE3IDAgMDAtMS43MDUgMTEuNTk3IDQwLjMxNCA0MC4zMTQgMCAwMDQuMzcyIDE4LjI4MmM2Ljg5NyAxMy42MDEgMjEuMjM5IDIyLjk1NSAzNy44MjIgMjIuOTU1czMwLjkyNy05LjM1NSAzNy44MjMtMjIuOTU1aC42NzZDMzI2LjkwNCAyNTMuOTkxIDQxMi42MjQgMTk3LjkgNTEyIDE5Ny43OTJjOTkuMzc1LjEwOCAxODUuMDk1IDU2LjIgMjI2LjUwNyAxMzcuNjUyaC42NzZjNi44OTcgMTMuNjAxIDIxLjIzOSAyMi45NTUgMzcuODIzIDIyLjk1NXMzMC45MjctOS4zNTUgMzcuODIyLTIyLjk1NWE0MC4yOTggNDAuMjk4IDAgMDA0LjM3Mi0xOC4yODJjMC00LjAyOS0uNjAyLTcuOTE4LTEuNzA1LTExLjU5N3pNNjI3LjIgNTg4Ljg1M0M2MjcuMiA2MTcuMSA2NDkuOTI2IDY0MCA2NzguNCA2NDBjMjguMjc3IDAgNTEuMi0yMi42NjQgNTEuMi01MS4xNDd2LTUxLjMwN2MwLTI4LjI0Ny0yMi43MjYtNTEuMTQ3LTUxLjItNTEuMTQ3LTI4LjI3NyAwLTUxLjIgMjIuNjY0LTUxLjIgNTEuMTQ3djUxLjMwN3ptLTMzMi44IDBDMjk0LjQgNjE3LjEgMzE3LjEyNiA2NDAgMzQ1LjYgNjQwYzI4LjI3NyAwIDUxLjItMjIuNjY0IDUxLjItNTEuMTQ3di01MS4zMDdjMC0yOC4yNDctMjIuNzI2LTUxLjE0Ny01MS4yLTUxLjE0Ny0yOC4yNzcgMC01MS4yIDIyLjY2NC01MS4yIDUxLjE0N3Y1MS4zMDd6Ii8+PC9mb250PjwvZGVmcz48L3N2Zz4=) format("svg");
font-weight: 400;
font-style: normal
}
[class*=" icon-"],[class^=icon-] {
font-family: icomoon!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-rate-face-off:before {
content: ""
}
.icon-rate-face-1:before {
content: ""
}
.icon-rate-face-2:before {
content: ""
}
.icon-rate-face-3:before {
content: ""
}
:root {
--el-color-white: #fff;
--el-color-black: #000;
--el-color-primary: #409eff;
--el-color-primary-light-1: #53a8ff;
--el-color-primary-light-2: #66b1ff;
--el-color-primary-light-3: #79bbff;
--el-color-primary-light-4: #8cc5ff;
--el-color-primary-light-5: #a0cfff;
--el-color-primary-light-6: #b3d8ff;
--el-color-primary-light-7: #c6e2ff;
--el-color-primary-light-8: #d9ecff;
--el-color-primary-light-9: #ecf5ff;
--el-color-success: #67c23a;
--el-color-success-light: #e1f3d8;
--el-color-success-lighter: #f0f9eb;
--el-color-warning: #e6a23c;
--el-color-warning-light: #faecd8;
--el-color-warning-lighter: #fdf6ec;
--el-color-danger: #f56c6c;
--el-color-danger-light: #fde2e2;
--el-color-danger-lighter: #fef0f0;
--el-color-error: #f56c6c;
--el-color-error-light: #fde2e2;
--el-color-error-lighter: #fef0f0;
--el-color-info: #909399;
--el-color-info-light: #e9e9eb;
--el-color-info-lighter: #f4f4f5;
--el-text-color-primary: #303133;
--el-text-color-regular: #606266;
--el-text-color-secondary: #909399;
--el-text-color-placeholder: #c0c4cc;
--el-border-color-base: #dcdfe6;
--el-border-color-light: #e4e7ed;
--el-border-color-lighter: #ebeef5;
--el-border-color-extra-light: #f2f6fc;
--el-background-color-base: #f5f7fa;
--el-border-width-base: 1px;
--el-border-style-base: solid;
--el-border-color-hover: var(--el-text-color-placeholder);
--el-border-base: var(--el-border-width-base) var(--el-border-style-base) var(--el-border-color-base);
--el-border-radius-base: 4px;
--el-border-radius-small: 2px;
--el-border-radius-round: 20px;
--el-border-radius-circle: 100%;
--el-box-shadow-base: 0 2px 4px rgba(0,0,0,0.12),0 0 6px rgba(0,0,0,0.04);
--el-box-shadow-light: 0 2px 12px 0 rgba(0,0,0,0.1);
--el-svg-monochrome-grey: #dcdde0;
--el-fill-base: var(--el-color-white);
--el-font-size-extra-large: 20px;
--el-font-size-large: 18px;
--el-font-size-medium: 16px;
--el-font-size-base: 14px;
--el-font-size-small: 13px;
--el-font-size-extra-small: 12px;
--el-font-weight-primary: 500;
--el-font-line-height-primary: 24px;
--el-font-color-disabled-base: #bbb;
--el-index-normal: 1;
--el-index-top: 1000;
--el-index-popper: 2000;
--el-disabled-fill-base: var(--el-background-color-base);
--el-disabled-color-base: var(--el-text-color-placeholder);
--el-disabled-border-base: var(--el-border-color-light);
--el-transition-duration: 0.3s;
--el-transition-duration-fast: 0.2s;
--el-transition-function-ease-in-out-bezier: cubic-bezier(0.645,0.045,0.355,1);
--el-transition-function-fast-bezier: cubic-bezier(0.23,1,0.32,1);
--el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
--el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
--el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
--el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
--el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
--el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier)
}
@font-face {
font-family: element-icons;
src: url(/static/element-icons.dcdb1ef.woff) format("woff"),url(/static/element-icons.5bba4d9.ttf) format("truetype");
font-weight: 400;
font-display: "auto";
font-style: normal
}
[class*=" el-icon-"],[class^=el-icon-] {
font-family: element-icons!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: initial;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.el-icon-ice-cream-round:before {
content: ""
}
.el-icon-ice-cream-square:before {
content: ""
}
.el-icon-lollipop:before {
content: ""
}
.el-icon-potato-strips:before {
content: ""
}
.el-icon-milk-tea:before {
content: ""
}
.el-icon-ice-drink:before {
content: ""
}
.el-icon-ice-tea:before {
content: ""
}
.el-icon-coffee:before {
content: ""
}
.el-icon-orange:before {
content: ""
}
.el-icon-pear:before {
content: ""
}
.el-icon-apple:before {
content: ""
}
.el-icon-cherry:before {
content: ""
}
.el-icon-watermelon:before {
content: ""
}
.el-icon-grape:before {
content: ""
}
.el-icon-refrigerator:before {
content: ""
}
.el-icon-goblet-square-full:before {
content: ""
}
.el-icon-goblet-square:before {
content: ""
}
.el-icon-goblet-full:before {
content: ""
}
.el-icon-goblet:before {
content: ""
}
.el-icon-cold-drink:before {
content: ""
}
.el-icon-coffee-cup:before {
content: ""
}
.el-icon-water-cup:before {
content: ""
}
.el-icon-hot-water:before {
content: ""
}
.el-icon-ice-cream:before {
content: ""
}
.el-icon-dessert:before {
content: ""
}
.el-icon-sugar:before {
content: ""
}
.el-icon-tableware:before {
content: ""
}
.el-icon-burger:before {
content: ""
}
.el-icon-knife-fork:before {
content: ""
}
.el-icon-fork-spoon:before {
content: ""
}
.el-icon-chicken:before {
content: ""
}
.el-icon-food:before {
content: ""
}
.el-icon-dish-1:before {
content: ""
}
.el-icon-dish:before {
content: ""
}
.el-icon-moon-night:before {
content: ""
}
.el-icon-moon:before {
content: ""
}
.el-icon-cloudy-and-sunny:before {
content: ""
}
.el-icon-partly-cloudy:before {
content: ""
}
.el-icon-cloudy:before {
content: ""
}
.el-icon-sunny:before {
content: ""
}
.el-icon-sunset:before {
content: ""
}
.el-icon-sunrise-1:before {
content: ""
}
.el-icon-sunrise:before {
content: ""
}
.el-icon-heavy-rain:before {
content: ""
}
.el-icon-lightning:before {
content: ""
}
.el-icon-light-rain:before {
content: ""
}
.el-icon-wind-power:before {
content: ""
}
.el-icon-baseball:before {
content: ""
}
.el-icon-soccer:before {
content: ""
}
.el-icon-football:before {
content: ""
}
.el-icon-basketball:before {
content: ""
}
.el-icon-ship:before {
content: ""
}
.el-icon-truck:before {
content: ""
}
.el-icon-bicycle:before {
content: ""
}
.el-icon-mobile-phone:before {
content: ""
}
.el-icon-service:before {
content: ""
}
.el-icon-key:before {
content: ""
}
.el-icon-unlock:before {
content: ""
}
.el-icon-lock:before {
content: ""
}
.el-icon-watch:before {
content: ""
}
.el-icon-watch-1:before {
content: ""
}
.el-icon-timer:before {
content: ""
}
.el-icon-alarm-clock:before {
content: ""
}
.el-icon-map-location:before {
content: ""
}
.el-icon-delete-location:before {
content: ""
}
.el-icon-add-location:before {
content: ""
}
.el-icon-location-information:before {
content: ""
}
.el-icon-location-outline:before {
content: ""
}
.el-icon-location:before {
content: ""
}
.el-icon-place:before {
content: ""
}
.el-icon-discover:before {
content: ""
}
.el-icon-first-aid-kit:before {
content: ""
}
.el-icon-trophy-1:before {
content: ""
}
.el-icon-trophy:before {
content: ""
}
.el-icon-medal:before {
content: ""
}
.el-icon-medal-1:before {
content: ""
}
.el-icon-stopwatch:before {
content: ""
}
.el-icon-mic:before {
content: ""
}
.el-icon-copy-document:before {
content: ""
}
.el-icon-full-screen:before {
content: ""
}
.el-icon-switch-button:before {
content: ""
}
.el-icon-aim:before {
content: ""
}
.el-icon-crop:before {
content: ""
}
.el-icon-odometer:before {
content: ""
}
.el-icon-time:before {
content: ""
}
.el-icon-bangzhu:before {
content: ""
}
.el-icon-close-notification:before {
content: ""
}
.el-icon-microphone:before {
content: ""
}
.el-icon-turn-off-microphone:before {
content: ""
}
.el-icon-position:before {
content: ""
}
.el-icon-postcard:before {
content: ""
}
.el-icon-message:before {
content: ""
}
.el-icon-chat-line-square:before {
content: ""
}
.el-icon-chat-dot-square:before {
content: ""
}
.el-icon-chat-dot-round:before {
content: ""
}
.el-icon-chat-square:before {
content: ""
}
.el-icon-chat-line-round:before {
content: ""
}
.el-icon-chat-round:before {
content: ""
}
.el-icon-set-up:before {
content: ""
}
.el-icon-turn-off:before {
content: ""
}
.el-icon-open:before {
content: ""
}
.el-icon-connection:before {
content: ""
}
.el-icon-link:before {
content: ""
}
.el-icon-cpu:before {
content: ""
}
.el-icon-thumb:before {
content: ""
}
.el-icon-female:before {
content: ""
}
.el-icon-male:before {
content: ""
}
.el-icon-guide:before {
content: ""
}
.el-icon-news:before {
content: ""
}
.el-icon-price-tag:before {
content: ""
}
.el-icon-discount:before {
content: ""
}
.el-icon-wallet:before {
content: ""
}
.el-icon-coin:before {
content: ""
}
.el-icon-money:before {
content: ""
}
.el-icon-bank-card:before {
content: ""
}
.el-icon-box:before {
content: ""
}
.el-icon-present:before {
content: ""
}
.el-icon-sell:before {
content: ""
}
.el-icon-sold-out:before {
content: ""
}
.el-icon-shopping-bag-2:before {
content: ""
}
.el-icon-shopping-bag-1:before {
content: ""
}
.el-icon-shopping-cart-2:before {
content: ""
}
.el-icon-shopping-cart-1:before {
content: ""
}
.el-icon-shopping-cart-full:before {
content: ""
}
.el-icon-smoking:before {
content: ""
}
.el-icon-no-smoking:before {
content: ""
}
.el-icon-house:before {
content: ""
}
.el-icon-table-lamp:before {
content: ""
}
.el-icon-school:before {
content: ""
}
.el-icon-office-building:before {
content: ""
}
.el-icon-toilet-paper:before {
content: ""
}
.el-icon-notebook-2:before {
content: ""
}
.el-icon-notebook-1:before {
content: ""
}
.el-icon-files:before {
content: ""
}
.el-icon-collection:before {
content: ""
}
.el-icon-receiving:before {
content: ""
}
.el-icon-suitcase-1:before {
content: ""
}
.el-icon-suitcase:before {
content: ""
}
.el-icon-film:before {
content: ""
}
.el-icon-collection-tag:before {
content: ""
}
.el-icon-data-analysis:before {
content: ""
}
.el-icon-pie-chart:before {
content: ""
}
.el-icon-data-board:before {
content: ""
}
.el-icon-data-line:before {
content: ""
}
.el-icon-reading:before {
content: ""
}
.el-icon-magic-stick:before {
content: ""
}
.el-icon-coordinate:before {
content: ""
}
.el-icon-mouse:before {
content: ""
}
.el-icon-brush:before {
content: ""
}
.el-icon-headset:before {
content: ""
}
.el-icon-umbrella:before {
content: ""
}
.el-icon-scissors:before {
content: ""
}
.el-icon-mobile:before {
content: ""
}
.el-icon-attract:before {
content: ""
}
.el-icon-monitor:before {
content: ""
}
.el-icon-search:before {
content: ""
}
.el-icon-takeaway-box:before {
content: ""
}
.el-icon-paperclip:before {
content: ""
}
.el-icon-printer:before {
content: ""
}
.el-icon-document-add:before {
content: ""
}
.el-icon-document:before {
content: ""
}
.el-icon-document-checked:before {
content: ""
}
.el-icon-document-copy:before {
content: ""
}
.el-icon-document-delete:before {
content: ""
}
.el-icon-document-remove:before {
content: ""
}
.el-icon-tickets:before {
content: ""
}
.el-icon-folder-checked:before {
content: ""
}
.el-icon-folder-delete:before {
content: ""
}
.el-icon-folder-remove:before {
content: ""
}
.el-icon-folder-add:before {
content: ""
}
.el-icon-folder-opened:before {
content: ""
}
.el-icon-folder:before {
content: ""
}
.el-icon-edit-outline:before {
content: ""
}
.el-icon-edit:before {
content: ""
}
.el-icon-date:before {
content: ""
}
.el-icon-c-scale-to-original:before {
content: ""
}
.el-icon-view:before {
content: ""
}
.el-icon-loading:before {
content: ""
}
.el-icon-rank:before {
content: ""
}
.el-icon-sort-down:before {
content: ""
}
.el-icon-sort-up:before {
content: ""
}
.el-icon-sort:before {
content: ""
}
.el-icon-finished:before {
content: ""
}
.el-icon-refresh-left:before {
content: ""
}
.el-icon-refresh-right:before {
content: ""
}
.el-icon-refresh:before {
content: ""
}
.el-icon-video-play:before {
content: ""
}
.el-icon-video-pause:before {
content: ""
}
.el-icon-d-arrow-right:before {
content: ""
}
.el-icon-d-arrow-left:before {
content: ""
}
.el-icon-arrow-up:before {
content: ""
}
.el-icon-arrow-down:before {
content: ""
}
.el-icon-arrow-right:before {
content: ""
}
.el-icon-arrow-left:before {
content: ""
}
.el-icon-top-right:before {
content: ""
}
.el-icon-top-left:before {
content: ""
}
.el-icon-top:before {
content: ""
}
.el-icon-bottom:before {
content: ""
}
.el-icon-right:before {
content: ""
}
.el-icon-back:before {
content: ""
}
.el-icon-bottom-right:before {
content: ""
}
.el-icon-bottom-left:before {
content: ""
}
.el-icon-caret-top:before {
content: ""
}
.el-icon-caret-bottom:before {
content: ""
}
.el-icon-caret-right:before {
content: ""
}
.el-icon-caret-left:before {
content: ""
}
.el-icon-d-caret:before {
content: ""
}
.el-icon-share:before {
content: ""
}
.el-icon-menu:before {
content: ""
}
.el-icon-s-grid:before {
content: ""
}
.el-icon-s-check:before {
content: ""
}
.el-icon-s-data:before {
content: ""
}
.el-icon-s-opportunity:before {
content: ""
}
.el-icon-s-custom:before {
content: ""
}
.el-icon-s-claim:before {
content: ""
}
.el-icon-s-finance:before {
content: ""
}
.el-icon-s-comment:before {
content: ""
}
.el-icon-s-flag:before {
content: ""
}
.el-icon-s-marketing:before {
content: ""
}
.el-icon-s-shop:before {
content: ""
}
.el-icon-s-open:before {
content: ""
}
.el-icon-s-management:before {
content: ""
}
.el-icon-s-ticket:before {
content: ""
}
.el-icon-s-release:before {
content: ""
}
.el-icon-s-home:before {
content: ""
}
.el-icon-s-promotion:before {
content: ""
}
.el-icon-s-operation:before {
content: ""
}
.el-icon-s-unfold:before {
content: ""
}
.el-icon-s-fold:before {
content: ""
}
.el-icon-s-platform:before {
content: ""
}
.el-icon-s-order:before {
content: ""
}
.el-icon-s-cooperation:before {
content: ""
}
.el-icon-bell:before {
content: ""
}
.el-icon-message-solid:before {
content: ""
}
.el-icon-video-camera:before {
content: ""
}
.el-icon-video-camera-solid:before {
content: ""
}
.el-icon-camera:before {
content: ""
}
.el-icon-camera-solid:before {
content: ""
}
.el-icon-download:before {
content: ""
}
.el-icon-upload2:before {
content: ""
}
.el-icon-upload:before {
content: ""
}
.el-icon-picture-outline-round:before {
content: ""
}
.el-icon-picture-outline:before {
content: ""
}
.el-icon-picture:before {
content: ""
}
.el-icon-close:before {
content: ""
}
.el-icon-check:before {
content: ""
}
.el-icon-plus:before {
content: ""
}
.el-icon-minus:before {
content: ""
}
.el-icon-help:before {
content: ""
}
.el-icon-s-help:before {
content: ""
}
.el-icon-circle-close:before {
content: ""
}
.el-icon-circle-check:before {
content: ""
}
.el-icon-circle-plus-outline:before {
content: ""
}
.el-icon-remove-outline:before {
content: ""
}
.el-icon-zoom-out:before {
content: ""
}
.el-icon-zoom-in:before {
content: ""
}
.el-icon-error:before {
content: ""
}
.el-icon-success:before {
content: ""
}
.el-icon-circle-plus:before {
content: ""
}
.el-icon-remove:before {
content: ""
}
.el-icon-info:before {
content: ""
}
.el-icon-question:before {
content: ""
}
.el-icon-warning-outline:before {
content: ""
}
.el-icon-warning:before {
content: ""
}
.el-icon-goods:before {
content: ""
}
.el-icon-s-goods:before {
content: ""
}
.el-icon-star-off:before {
content: ""
}
.el-icon-star-on:before {
content: ""
}
.el-icon-more-outline:before {
content: ""
}
.el-icon-more:before {
content: ""
}
.el-icon-phone-outline:before {
content: ""
}
.el-icon-phone:before {
content: ""
}
.el-icon-user:before {
content: ""
}
.el-icon-user-solid:before {
content: ""
}
.el-icon-setting:before {
content: ""
}
.el-icon-s-tools:before {
content: ""
}
.el-icon-delete:before {
content: ""
}
.el-icon-delete-solid:before {
content: ""
}
.el-icon-eleme:before {
content: ""
}
.el-icon-platform-eleme:before {
content: ""
}
.el-icon-loading {
animation: rotating 2s linear infinite
}
.el-icon--right {
margin-left: 5px
}
.el-icon--left {
margin-right: 5px
}
@keyframes rotating {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.el-icon {
--color: inherit;
--font-size: 14px;
height: 1em;
width: 1em;
line-height: 1em;
text-align: center;
display: inline-block;
position: relative;
fill: currentColor;
color: var(--color);
font-size: var(--font-size)
}
.el-icon.is-loading {
animation: rotating 2s linear infinite
}
.el-icon svg {
height: 1em;
width: 1em
}
.el-affix--fixed {
position: fixed
}
.el-alert {
--el-alert-padding: 8px 16px;
--el-alert-border-radius-base: var(--el-border-radius-base);
--el-alert-title-font-size: 13px;
--el-alert-description-font-size: 12px;
--el-alert-close-font-size: 12px;
--el-alert-close-customed-font-size: 13px;
--el-alert-icon-size: 16px;
--el-alert-icon-large-size: 28px;
width: 100%;
padding: var(--el-alert-padding);
margin: 0;
box-sizing: border-box;
border-radius: var(--el-alert-border-radius-base);
position: relative;
background-color: var(--el-color-white);
overflow: hidden;
opacity: 1;
display: flex;
align-items: center;
transition: opacity var(--el-transition-duration-fast)
}
.el-alert.is-light .el-alert__closebtn {
color: var(--el-text-color-placeholder)
}
.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description {
color: var(--el-color-white)
}
.el-alert.is-center {
justify-content: center
}
.el-alert--success {
--el-alert-background-color: #f0f9eb
}
.el-alert--success.is-light {
background-color: var(--el-alert-background-color)
}
.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description {
color: var(--el-color-success)
}
.el-alert--success.is-dark {
background-color: var(--el-color-success);
color: var(--el-color-white)
}
.el-alert--info {
--el-alert-background-color: #f4f4f5
}
.el-alert--info.is-light {
background-color: var(--el-alert-background-color)
}
.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description {
color: var(--el-color-info)
}
.el-alert--info.is-dark {
background-color: var(--el-color-info);
color: var(--el-color-white)
}
.el-alert--warning {
--el-alert-background-color: #fdf6ec
}
.el-alert--warning.is-light {
background-color: var(--el-alert-background-color)
}
.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description {
color: var(--el-color-warning)
}
.el-alert--warning.is-dark {
background-color: var(--el-color-warning);
color: var(--el-color-white)
}
.el-alert--error {
--el-alert-background-color: #fef0f0
}
.el-alert--error.is-light {
background-color: var(--el-alert-background-color)
}
.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description {
color: var(--el-color-error)
}
.el-alert--error.is-dark {
background-color: var(--el-color-error);
color: var(--el-color-white)
}
.el-alert__content {
display: table-cell;
padding: 0 8px
}
.el-alert__icon {
font-size: var(--el-alert-icon-size);
width: var(--el-alert-icon-size)
}
.el-alert__icon.is-big {
font-size: var(--el-alert-icon-large-size);
width: var(--el-alert-icon-large-size)
}
.el-alert__title {
font-size: var(--el-alert-title-font-size);
line-height: 18px
}
.el-alert__title.is-bold {
font-weight: 700
}
.el-alert .el-alert__description {
font-size: var(--el-alert-description-font-size);
margin: 5px 0 0
}
.el-alert__closebtn {
font-size: var(--el-alert-close-font-size);
opacity: 1;
position: absolute;
top: 12px;
right: 15px;
cursor: pointer
}
.el-alert__closebtn.is-customed {
font-style: normal;
font-size: var(--el-alert-close-customed-font-size);
top: 9px
}
.el-alert-fade-enter-from,.el-alert-fade-leave-active {
opacity: 0
}
.el-aside {
--el-aside-width: 300px;
overflow: auto;
box-sizing: border-box;
flex-shrink: 0;
width: var(--el-aside-width)
}
.el-autocomplete {
position: relative;
display: inline-block
}
.el-autocomplete__popper.el-popper[role=tooltip] {
background: #fff;
border: 1px solid var(--el-border-color-light);
box-shadow: var(--el-box-shadow-light)
}
.el-autocomplete__popper.el-popper[role=tooltip] .el-popper__arrow:before {
border: 1px solid var(--el-border-color-light)
}
.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow:before {
border-top-color: transparent;
border-left-color: transparent
}
.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow:before {
border-bottom-color: transparent;
border-right-color: transparent
}
.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow:before {
border-left-color: transparent;
border-bottom-color: transparent
}
.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow:before {
border-right-color: transparent;
border-top-color: transparent
}
.el-autocomplete-suggestion {
border-radius: var(--el-border-radius-base);
box-sizing: border-box
}
.el-autocomplete-suggestion__wrap {
max-height: 280px;
padding: 10px 0;
box-sizing: border-box
}
.el-autocomplete-suggestion__list {
margin: 0;
padding: 0
}
.el-autocomplete-suggestion li {
padding: 0 20px;
margin: 0;
line-height: 34px;
cursor: pointer;
color: var(--el-text-color-regular);
font-size: var(--el-font-size-base);
list-style: none;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover {
background-color: var(--el-background-color-base)
}
.el-autocomplete-suggestion li.divider {
margin-top: 6px;
border-top: 1px solid var(--el-color-black)
}
.el-autocomplete-suggestion li.divider:last-child {
margin-bottom: -6px
}
.el-autocomplete-suggestion.is-loading li {
text-align: center;
height: 100px;
line-height: 100px;
font-size: 20px;
color: var(--el-text-color-secondary)
}
.el-autocomplete-suggestion.is-loading li:after {
display: inline-block;
content: "";
height: 100%;
vertical-align: middle
}
.el-autocomplete-suggestion.is-loading li:hover {
background-color: var(--el-color-white)
}
.el-autocomplete-suggestion.is-loading .el-icon-loading {
vertical-align: middle
}
.el-avatar {
--el-avatar-font-color: #fff;
--el-avatar-background-color: #c0c4cc;
--el-avatar-text-font-size: 14px;
--el-avatar-icon-font-size: 18px;
--el-avatar-border-radius: var(--el-border-radius-base);
--el-avatar-large-size: 40px;
--el-avatar-medium-size: 36px;
--el-avatar-small-size: 28px;
display: inline-block;
box-sizing: border-box;
text-align: center;
overflow: hidden;
color: var(--el-avatar-font-color);
background: var(--el-avatar-background-color);
width: var(--el-avatar-large-size);
height: var(--el-avatar-large-size);
line-height: var(--el-avatar-large-size);
font-size: var(--el-avatar-text-font-size)
}
.el-avatar>img {
display: block;
height: 100%;
vertical-align: middle
}
.el-avatar--circle {
border-radius: 50%
}
.el-avatar--square {
border-radius: var(--el-avatar-border-radius)
}
.el-avatar--icon {
font-size: var(--el-avatar-icon-font-size)
}
.el-avatar--small {
width: var(--el-avatar-small-size);
height: var(--el-avatar-small-size);
line-height: var(--el-avatar-small-size)
}
.el-avatar--medium {
width: var(--el-avatar-medium-size);
height: var(--el-avatar-medium-size);
line-height: var(--el-avatar-medium-size)
}
.el-avatar--large {
width: var(--el-avatar-large-size);
height: var(--el-avatar-large-size);
line-height: var(--el-avatar-large-size)
}
.el-backtop {
--el-backtop-background-color: var(--el-color-white);
--el-backtop-font-color: var(--el-color-primary);
--el-backtop-hover-background-color: var(--el-border-color-extra-light);
position: fixed;
background-color: var(--el-backtop-background-color);
width: 40px;
height: 40px;
border-radius: 50%;
color: var(--el-backtop-font-color);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
box-shadow: 0 0 6px rgba(0,0,0,.12);
cursor: pointer;
z-index: 5
}
.el-backtop:hover {
background-color: var(--el-backtop-hover-background-color)
}
.el-badge {
--el-badge-background-color: var(--el-color-danger);
--el-badge-radius: 10px;
--el-badge-font-size: 12px;
--el-badge-padding: 6px;
--el-badge-size: 18px;
position: relative;
vertical-align: middle;
display: inline-block
}
.el-badge__content {
background-color: var(--el-badge-background-color);
border-radius: var(--el-badge-radius);
color: var(--el-color-white);
display: inline-block;
font-size: var(--el-badge-font-size);
height: var(--el-badge-size);
line-height: var(--el-badge-size);
padding: 0 var(--el-badge-padding);
text-align: center;
white-space: nowrap;
border: 1px solid var(--el-color-white)
}
.el-badge__content.is-fixed {
position: absolute;
top: 0;
right: calc(1px + var(--el-badge-size)/2);
transform: translateY(-50%) translateX(100%)
}
.el-badge__content.is-fixed.is-dot {
right: 5px
}
.el-badge__content.is-dot {
height: 8px;
width: 8px;
padding: 0;
right: 0;
border-radius: 50%
}
.el-badge__content--primary {
background-color: var(--el-color-primary)
}
.el-badge__content--success {
background-color: var(--el-color-success)
}
.el-badge__content--warning {
background-color: var(--el-color-warning)
}
.el-badge__content--info {
background-color: var(--el-color-info)
}
.el-badge__content--danger {
background-color: var(--el-color-danger)
}
.el-breadcrumb {
font-size: 14px;
line-height: 1
}
.el-breadcrumb:after,.el-breadcrumb:before {
display: table;
content: ""
}
.el-breadcrumb:after {
clear: both
}
.el-breadcrumb__separator {
margin: 0 9px;
font-weight: 700;
color: var(--el-text-color-placeholder)
}
.el-breadcrumb__separator[class*=icon] {
margin: 0 6px;
font-weight: 400
}
.el-breadcrumb__item {
float: left
}
.el-breadcrumb__inner {
color: var(--el-text-color-regular)
}
.el-breadcrumb__inner.is-link,.el-breadcrumb__inner a {
font-weight: 700;
text-decoration: none;
transition: var(--el-transition-color);
color: var(--el-text-color-primary)
}
.el-breadcrumb__inner.is-link:hover,.el-breadcrumb__inner a:hover {
color: var(--el-color-primary);
cursor: pointer
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
font-weight: 400;
color: var(--el-text-color-regular);
cursor: text
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
display: none
}
.el-button-group {
display: inline-block;
vertical-align: middle
}
.el-button-group:after,.el-button-group:before {
display: table;
content: ""
}
.el-button-group:after {
clear: both
}
.el-button-group>.el-button {
float: left;
position: relative
}
.el-button-group>.el-button+.el-button {
margin-left: 0
}
.el-button-group>.el-button:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.el-button-group>.el-button:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.el-button-group>.el-button:first-child:last-child {
border-top-right-radius: var(--el-border-radius-base);
border-bottom-right-radius: var(--el-border-radius-base);
border-top-left-radius: var(--el-border-radius-base);
border-bottom-left-radius: var(--el-border-radius-base)
}
.el-button-group>.el-button:first-child:last-child.is-round {
border-radius: var(--el-border-radius-round)
}
.el-button-group>.el-button:first-child:last-child.is-circle {
border-radius: 50%
}
.el-button-group>.el-button:not(:first-child):not(:last-child) {
border-radius: 0
}
.el-button-group>.el-button:not(:last-child) {
margin-right: -1px
}
.el-button-group>.el-button.is-active,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover {
z-index: 1
}
.el-button-group>.el-dropdown>.el-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--primary:first-child {
border-right-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--primary:last-child {
border-left-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
border-left-color: var(--el-button-divide-border-color);
border-right-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--success:first-child {
border-right-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--success:last-child {
border-left-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
border-left-color: var(--el-button-divide-border-color);
border-right-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--warning:first-child {
border-right-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--warning:last-child {
border-left-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
border-left-color: var(--el-button-divide-border-color);
border-right-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--danger:first-child {
border-right-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--danger:last-child {
border-left-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
border-left-color: var(--el-button-divide-border-color);
border-right-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--info:first-child {
border-right-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--info:last-child {
border-left-color: var(--el-button-divide-border-color)
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
border-left-color: var(--el-button-divide-border-color);
border-right-color: var(--el-button-divide-border-color)
}
.el-button {
--el-button-font-weight: var(--el-font-weight-primary);
--el-button-border-color: var(--el-border-color-base);
--el-button-background-color: var(--el-color-white);
--el-button-font-color: var(--el-text-color-regular);
--el-button-disabled-font-color: var(--el-text-color-placeholder);
--el-button-disabled-background-color: var(--el-color-white);
--el-button-disabled-border-color: var(--el-border-color-light);
--el-button-divide-border-color: hsla(0,0%,100%,0.5);
display: inline-block;
line-height: 1;
min-height: 40px;
white-space: nowrap;
cursor: pointer;
background: var(--el-button-background-color,var(--el-color-white));
border: var(--el-border-base);
border-color: var(--el-button-border-color,var(--el-border-color-base));
color: var(--el-button-font-color,var(--el-text-color-regular));
-webkit-appearance: none;
text-align: center;
box-sizing: border-box;
outline: none;
margin: 0;
transition: .1s;
font-weight: var(--el-button-font-weight);
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 12px 20px;
font-size: var(--el-font-size-base,14px);
border-radius: var(--el-border-radius-base)
}
.el-button+.el-button {
margin-left: 10px
}
.el-button.is-round {
padding: 12px 20px
}
.el-button:focus,.el-button:hover {
color: var(--el-color-primary);
border-color: var(--el-color-primary-light-7);
background-color: var(--el-color-primary-light-9);
outline: none
}
.el-button:active {
color: #3a8ee6;
border-color: #3a8ee6;
outline: none
}
.el-button::-moz-focus-inner {
border: 0
}
.el-button [class*=el-icon-]+span {
margin-left: 5px
}
.el-button.is-plain:focus,.el-button.is-plain:hover {
background: var(--el-color-white);
border-color: var(--el-color-primary);
color: var(--el-color-primary)
}
.el-button.is-plain:active {
background: var(--el-color-white);
outline: none
}
.el-button.is-active,.el-button.is-plain:active {
border-color: #3a8ee6;
color: #3a8ee6
}
.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover {
color: var(--el-button-disabled-font-color);
cursor: not-allowed;
background-image: none;
background-color: var(--el-button-disabled-background-color);
border-color: var(--el-button-disabled-border-color)
}
.el-button.is-disabled.el-button--text {
background-color: initial
}
.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover {
background-color: var(--el-color-white);
border-color: var(--el-button-disabled-border-color);
color: var(--el-button-disabled-font-color)
}
.el-button.is-loading {
position: relative;
pointer-events: none
}
.el-button.is-loading:before {
pointer-events: none;
content: "";
position: absolute;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
border-radius: inherit;
background-color: hsla(0,0%,100%,.35)
}
.el-button.is-round {
border-radius: var(--el-border-radius-round);
padding: 12px 23px
}
.el-button.is-circle {
border-radius: 50%;
padding: 12px
}
.el-button--primary {
--el-button-font-color: #fff;
--el-button-background-color: #409eff;
--el-button-border-color: #409eff;
--el-button-hover-color: #66b1ff;
--el-button-active-font-color: #e6e6e6;
--el-button-active-background-color: #0d84ff;
--el-button-active-border-color: #0d84ff
}
.el-button--primary:focus,.el-button--primary:hover {
background: var(--el-button-hover-color);
border-color: var(--el-button-hover-color);
color: var(--el-button-font-color)
}
.el-button--primary:active {
outline: none
}
.el-button--primary.is-active,.el-button--primary:active {
background: var(--el-button-active-background-color);
border-color: var(--el-button-active-border-color);
color: var(--el-button-active-font-color)
}
.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover {
color: #fff;
background-color: #a0cfff;
border-color: #a0cfff
}
.el-button--primary.is-plain {
color: var(--el-button-background-color);
background-color: #ecf5ff;
border-color: #b3d8ff
}
.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover {
background: var(--el-button-background-color);
border-color: var(--el-button-background-color);
color: var(--el-color-white)
}
.el-button--primary.is-plain:active {
background: var(--el-button-active-background-color);
border-color: var(--el-button-active-border-color);
color: var(--el-color-white);
outline: none
}
.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover {
color: #8cc5ff;
background-color: #ecf5ff;
border-color: #d9ecff
}
.el-button--success {
--el-button-font-color: #fff;
--el-button-background-color: #67c23a;
--el-button-border-color: #67c23a;
--el-button-hover-color: #85ce61;
--el-button-active-font-color: #e6e6e6;
--el-button-active-background-color: #529b2e;
--el-button-active-border-color: #529b2e
}
.el-button--success:focus,.el-button--success:hover {
background: var(--el-button-hover-color);
border-color: var(--el-button-hover-color);
color: var(--el-button-font-color)
}
.el-button--success:active {
outline: none
}
.el-button--success.is-active,.el-button--success:active {
background: var(--el-button-active-background-color);
border-color: var(--el-button-active-border-color);
color: var(--el-button-active-font-color)
}
.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover {
color: #fff;
background-color: #b3e19d;
border-color: #b3e19d
}
.el-button--success.is-plain {
color: var(--el-button-background-color);
background-color: #f0f9eb;
border-color: #c2e7b0
}
.el-button--success.is-plain:focus,.el-button--success.is-plain:hover {
background: var(--el-button-background-color);
border-color: var(--el-button-background-color);
color: var(--el-color-white)
}
.el-button--success.is-plain:active {
background: var(--el-button-active-background-color);
border-color: var(--el-button-active-border-color);
color: var(--el-color-white);
outline: none
}
.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover {
color: #a4da89;
background-color: #f0f9eb;
border-color: #e1f3d8
}
.el-button--warning {
--el-button-font-color: #fff;
--el-button-background-color: #e6a23c;
--el-button-border-color: #e6a23c;
--el-button-hover-color: #ebb563;
--el-button-active-font-color: #e6e6e6;
--el-button-active-background-color: #d48a1b;
--el-button-active-border-color: #d48a1b
}
.el-button--warning:focus,.el-button--warning:hover {
background: var(--el-button-hover-color);
border-color: var(--el-button-hover-color);
color: var(--el-button-font-color)
}
.el-button--warning:active {
outline: none
}
.el-button--warning.is-active,.el-button--warning:active {
background: var(--el-button-active-background-color);
border-color: var(--el-button-active-border-color);
color: var(--el-button-active-font-color)
}
.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover {
color: #fff;
background-color: #f3d19e;
border-color: #f3d19e
}
.el-button--warning.is-plain {
color: var(--el-button-background-color);
background-color: #fdf6ec;
border-color: #f5dab1
}
.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover {
background: var(--el-button-background-color);
border-color: var(--el-button-background-color);
color: var(--el-color-white)
}
.el-button--warning.is-plain:active {
background: var(--el-button-active-background-color);
border-color: var(--el-button-active-border-color);
color: var(--el-color-white);
outline: none
}
.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover {
color: #f0c78a;
background-color: #fdf6ec;
border-color: #faecd8
}
.el-button--danger {
--el-button-font-color: #fff;
--el-button-background-color: #f56c6c;
--el-button-border-color: #f56c6c;
--el-button-hover-color: #f78989;
--el-button-active-font-color: #e6e6e6;
--el-button-active-background-color: #f23c3c;
--el-button-active-border-color: #f23c3c
}
.el-button--danger:focus,.el-button--danger:hover {
background: var(--el-button-hover-color);
border-color: var(--el-button-hover-color);
color: var(--el-button-font-color)
}
.el-button--danger:active {
outline: none
}
.el-button--danger.is-active,.el-button--danger:active {
background: var(--el-button-active-background-color);
border-color: var(--el-button-active-border-color);
color: var(--el-button-active-font-color)
}
.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover {
color: #fff;
background-color: #fab6b6;
border-color: #fab6b6
}
.el-button--danger.is-plain {
color: var(--el-button-background-color);
background-color: #fef0f0;
border-color: #fbc4c4
}
.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover {
background: var(--el-button-background-color);
border-color: var(--el-button-background-color);
color: var(--el-color-white)
}
.el-button--danger.is-plain:active {
background: var(--el-button-active-background-color);
border-color: var(--el-button-active-border-color);
color: var(--el-color-white);
outline: none
}
.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover {
color: #f9a7a7;
background-color: #fef0f0;
border-color: #fde2e2
}
.el-button--info {
--el-button-font-color: #fff;
--el-button-background-color: #909399;
--el-button-border-color: #909399;
--el-button-hover-color: #a6a9ad;
--el-button-active-font-color: #e6e6e6;
--el-button-active-background-color: #767980;
--el-button-active-border-color: #767980
}
.el-button--info:focus,.el-button--info:hover {
background: var(--el-button-hover-color);
border-color: var(--el-button-hover-color);
color: var(--el-button-font-color)
}
.el-button--info:active {
outline: none
}
.el-button--info.is-active,.el-button--info:active {
background: var(--el-button-active-background-color);
border-color: var(--el-button-active-border-color);
color: var(--el-button-active-font-color)
}
.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover {
color: #fff;
background-color: #c8c9cc;
border-color: #c8c9cc
}
.el-button--info.is-plain {
color: var(--el-button-background-color);
background-color: #f4f4f5;
border-color: #d3d4d6
}
.el-button--info.is-plain:focus,.el-button--info.is-plain:hover {
background: var(--el-button-background-color);
border-color: var(--el-button-background-color);
color: var(--el-color-white)
}
.el-button--info.is-plain:active {
background: var(--el-button-active-background-color);
border-color: var(--el-button-active-border-color);
color: var(--el-color-white);
outline: none
}
.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover {
color: #bcbec2;
background-color: #f4f4f5;
border-color: #e9e9eb
}
.el-button--medium {
min-height: 36px;
padding: 10px 20px;
font-size: var(--el-font-size-base,14px);
border-radius: var(--el-border-radius-base)
}
.el-button--medium.is-round {
padding: 10px 20px
}
.el-button--medium.is-circle {
padding: 10px
}
.el-button--small {
min-height: 32px;
padding: 9px 15px;
font-size: 12px;
border-radius: calc(var(--el-border-radius-base) - 1px)
}
.el-button--small.is-round {
padding: 9px 15px
}
.el-button--small.is-circle {
padding: 9px
}
.el-button--mini {
min-height: 28px;
padding: 7px 15px;
font-size: 12px;
border-radius: calc(var(--el-border-radius-base) - 1px)
}
.el-button--mini.is-round {
padding: 7px 15px
}
.el-button--mini.is-circle {
padding: 7px
}
.el-button--text {
border-color: transparent;
color: var(--el-color-primary);
background: transparent;
padding-left: 0;
padding-right: 0
}
.el-button--text:focus,.el-button--text:hover {
color: var(--el-color-primary-light-2);
border-color: transparent;
background-color: initial
}
.el-button--text:active {
color: #3a8ee6;
background-color: initial
}
.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active {
border-color: transparent
}
.el-calendar {
--el-calendar-border: var(--el-table-border,1px solid var(--el-border-color-lighter));
--el-calendar-header-border-bottom: var(--el-calendar-border);
--el-calendar-selected-background-color: #f2f8fe;
--el-calendar-cell-width: 85px;
background-color: #fff
}
.el-calendar__header {
display: flex;
justify-content: space-between;
padding: 12px 20px;
border-bottom: var(--el-calendar-header-border-bottom)
}
.el-calendar__title {
color: #000;
align-self: center
}
.el-calendar__body {
padding: 12px 20px 35px
}
.el-calendar-table {
table-layout: fixed;
width: 100%
}
.el-calendar-table thead th {
padding: 12px 0;
color: var(--el-text-color-regular);
font-weight: 400
}
.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev {
color: var(--el-text-color-placeholder)
}
.el-calendar-table td {
border-bottom: var(--el-calendar-border);
border-right: var(--el-calendar-border);
vertical-align: top;
transition: background-color var(--el-transition-duration-fast) ease
}
.el-calendar-table td.is-selected {
background-color: var(--el-calendar-selected-background-color)
}
.el-calendar-table td.is-today {
color: var(--el-color-primary)
}
.el-calendar-table tr:first-child td {
border-top: var(--el-calendar-border)
}
.el-calendar-table tr td:first-child {
border-left: var(--el-calendar-border)
}
.el-calendar-table tr.el-calendar-table__row--hide-border td {
border-top: none
}
.el-calendar-table .el-calendar-day {
box-sizing: border-box;
padding: 8px;
height: var(--el-calendar-cell-width)
}
.el-calendar-table .el-calendar-day:hover {
cursor: pointer;
background-color: var(--el-calendar-selected-background-color)
}
.el-card {
--el-card-border-color: var(--el-border-color-light,#ebeef5);
--el-card-border-radius: 4px;
--el-card-padding: 20px;
--el-card-background-color: var(--el-color-white)
}
.dark .el-card {
--el-card-background-color: var(--el-color-black)
}
.el-card {
border-radius: var(--el-card-border-radius);
border: 1px solid var(--el-card-border-color);
background-color: var(--el-card-background-color);
overflow: hidden;
color: var(--el-text-color-primary);
transition: var(--el-transition-duration)
}
.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover {
box-shadow: var(--el-box-shadow-light)
}
.el-card__header {
padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
border-bottom: 1px solid var(--el-card-border-color);
box-sizing: border-box
}
.el-card__body {
padding: var(--el-card-padding)
}
.el-carousel__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden
}
.el-carousel__item,.el-carousel__item.is-active {
z-index: calc(var(--el-index-normal) - 1)
}
.el-carousel__item--card,.el-carousel__item.is-animating {
transition: transform .4s ease-in-out
}
.el-carousel__item--card {
width: 50%
}
.el-carousel__item--card.is-in-stage {
cursor: pointer;
z-index: var(--el-index-normal)
}
.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
opacity: .12
}
.el-carousel__item--card.is-active {
z-index: calc(var(--el-index-normal) + 1)
}
.el-carousel__mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
opacity: .24;
transition: var(--el-transition-duration-fast)
}
.el-carousel {
--el-carousel-arrow-font-size: 12px;
--el-carousel-arrow-size: 36px;
--el-carousel-arrow-background: rgba(31,45,61,0.11);
--el-carousel-arrow-hover-background: rgba(31,45,61,0.23);
--el-carousel-indicator-width: 30px;
--el-carousel-indicator-height: 2px;
--el-carousel-indicator-padding-horizontal: 4px;
--el-carousel-indicator-padding-vertical: 12px;
--el-carousel-indicator-out-color: var(--el-border-color-hover);
position: relative
}
.el-carousel--horizontal {
overflow-x: hidden
}
.el-carousel--vertical {
overflow-y: hidden
}
.el-carousel__container {
position: relative;
height: 300px
}
.el-carousel__arrow {
border: none;
outline: none;
padding: 0;
margin: 0;
height: var(--el-carousel-arrow-size);
width: var(--el-carousel-arrow-size);
cursor: pointer;
transition: var(--el-transition-duration);
border-radius: 50%;
background-color: var(--el-carousel-arrow-background);
color: #fff;
position: absolute;
top: 50%;
z-index: 10;
transform: translateY(-50%);
text-align: center;
font-size: var(--el-carousel-arrow-font-size)
}
.el-carousel__arrow--left {
left: 16px
}
.el-carousel__arrow--right {
right: 16px
}
.el-carousel__arrow:hover {
background-color: var(--el-carousel-arrow-hover-background)
}
.el-carousel__arrow i {
cursor: pointer
}
.el-carousel__indicators {
position: absolute;
list-style: none;
margin: 0;
padding: 0;
z-index: calc(var(--el-index-normal) + 1)
}
.el-carousel__indicators--horizontal {
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.el-carousel__indicators--vertical {
right: 0;
top: 50%;
transform: translateY(-50%)
}
.el-carousel__indicators--outside {
bottom: calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical)*2);
text-align: center;
position: static;
transform: none
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
opacity: .64
}
.el-carousel__indicators--outside button {
background-color: var(--el-carousel-indicator-out-color);
opacity: .24
}
.el-carousel__indicators--labels {
left: 0;
right: 0;
transform: none;
text-align: center
}
.el-carousel__indicators--labels .el-carousel__button {
height: auto;
width: auto;
padding: 2px 18px;
font-size: 12px
}
.el-carousel__indicators--labels .el-carousel__indicator {
padding: 6px 4px
}
.el-carousel__indicator {
background-color: initial;
cursor: pointer
}
.el-carousel__indicator:hover button {
opacity: .72
}
.el-carousel__indicator--horizontal {
display: inline-block;
padding: var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)
}
.el-carousel__indicator--vertical {
padding: var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)
}
.el-carousel__indicator--vertical .el-carousel__button {
width: var(--el-carousel-indicator-height);
height: calc(var(--el-carousel-indicator-width)/2)
}
.el-carousel__indicator.is-active button {
opacity: 1
}
.el-carousel__button {
display: block;
opacity: .48;
width: var(--el-carousel-indicator-width);
height: var(--el-carousel-indicator-height);
background-color: #fff;
border: none;
outline: none;
padding: 0;
margin: 0;
cursor: pointer;
transition: var(--el-transition-duration)
}
.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active {
transform: translateY(-50%) translateX(-10px);
opacity: 0
}
.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active {
transform: translateY(-50%) translateX(10px);
opacity: 0
}
.el-cascader-panel {
--el-cascader-menu-font-color: var(--el-text-color-regular);
--el-cascader-menu-selected-font-color: var(--el-color-primary);
--el-cascader-menu-fill: var(--el-fill-base);
--el-cascader-menu-font-size: var(--el-font-size-base);
--el-cascader-menu-radius: var(--el-border-radius-base);
--el-cascader-menu-border: solid 1px var(--el-border-color-light);
--el-cascader-menu-shadow: var(--el-box-shadow-light);
--el-cascader-node-background-hover: var(--el-background-color-base);
--el-cascader-node-color-disabled: var(--el-text-color-placeholder);
--el-cascader-color-empty: var(--el-text-color-placeholder);
--el-cascader-tag-background: #f0f2f5;
display: flex;
border-radius: var(--el-cascader-menu-radius);
font-size: var(--el-cascader-menu-font-size)
}
.el-cascader-panel.is-bordered {
border: var(--el-cascader-menu-border);
border-radius: var(--el-cascader-menu-radius)
}
.el-cascader-menu {
min-width: 180px;
box-sizing: border-box;
color: var(--el-cascader-menu-font-color);
border-right: var(--el-cascader-menu-border)
}
.el-cascader-menu:last-child {
border-right: none
}
.el-cascader-menu:last-child .el-cascader-node {
padding-right: 20px
}
.el-cascader-menu__wrap.el-scrollbar__wrap {
height: 204px
}
.el-cascader-menu__list {
position: relative;
min-height: 100%;
margin: 0;
padding: 6px 0;
list-style: none;
box-sizing: border-box
}
.el-cascader-menu__hover-zone {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none
}
.el-cascader-menu__empty-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
color: var(--el-cascader-color-empty)
}
.el-cascader-node {
position: relative;
display: flex;
align-items: center;
padding: 0 30px 0 20px;
height: 34px;
line-height: 34px;
outline: none
}
.el-cascader-node.is-selectable.in-active-path {
color: var(--el-cascader-menu-font-color)
}
.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path {
color: var(--el-cascader-menu-selected-font-color);
font-weight: 700
}
.el-cascader-node:not(.is-disabled) {
cursor: pointer
}
.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover {
background: var(--el-cascader-node-background-hover)
}
.el-cascader-node.is-disabled {
color: var(--el-cascader-node-color-disabled);
cursor: not-allowed
}
.el-cascader-node__prefix {
position: absolute;
left: 10px
}
.el-cascader-node__postfix {
position: absolute;
right: 10px
}
.el-cascader-node__label {
flex: 1;
text-align: left;
padding: 0 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.el-cascader-node>.el-radio {
margin-right: 0
}
.el-cascader-node>.el-radio .el-radio__label {
padding-left: 0
}
.el-cascader {
--el-cascader-menu-font-color: var(--el-text-color-regular);
--el-cascader-menu-selected-font-color: var(--el-color-primary);
--el-cascader-menu-fill: var(--el-fill-base);
--el-cascader-menu-font-size: var(--el-font-size-base);
--el-cascader-menu-radius: var(--el-border-radius-base);
--el-cascader-menu-border: solid 1px var(--el-border-color-light);
--el-cascader-menu-shadow: var(--el-box-shadow-light);
--el-cascader-node-background-hover: var(--el-background-color-base);
--el-cascader-node-color-disabled: var(--el-text-color-placeholder);
--el-cascader-color-empty: var(--el-text-color-placeholder);
--el-cascader-tag-background: #f0f2f5;
display: inline-block;
position: relative;
font-size: var(--el-font-size-base);
line-height: 40px;
outline: none
}
.el-cascader:not(.is-disabled):hover .el-input__inner {
cursor: pointer;
border-color: var(--el-input-hover-border,var(--el-border-color-hover))
}
.el-cascader .el-input {
cursor: pointer
}
.el-cascader .el-input .el-input__inner {
text-overflow: ellipsis
}
.el-cascader .el-input .el-input__inner:focus {
border-color: var(--el-input-focus-border,var(--el-color-primary))
}
.el-cascader .el-input .el-icon-arrow-down {
transition: transform var(--el-transition-duration);
font-size: 14px
}
.el-cascader .el-input .el-icon-arrow-down.is-reverse {
transform: rotate(180deg)
}
.el-cascader .el-input .el-icon-circle-close:hover {
color: var(--el-input-clear-hover-color,var(--el-text-color-secondary))
}
.el-cascader .el-input.is-focus .el-input__inner {
border-color: var(--el-input-focus-border,var(--el-color-primary))
}
.el-cascader--medium {
font-size: 14px;
line-height: 36px
}
.el-cascader--small {
font-size: 13px;
line-height: 32px
}
.el-cascader--mini {
font-size: 12px;
line-height: 28px
}
.el-cascader.is-disabled .el-cascader__label {
z-index: calc(var(--el-index-normal) + 1);
color: var(--el-disabled-color-base)
}
.el-cascader__dropdown {
--el-cascader-menu-font-color: var(--el-text-color-regular);
--el-cascader-menu-selected-font-color: var(--el-color-primary);
--el-cascader-menu-fill: var(--el-fill-base);
--el-cascader-menu-font-size: var(--el-font-size-base);
--el-cascader-menu-radius: var(--el-border-radius-base);
--el-cascader-menu-border: solid 1px var(--el-border-color-light);
--el-cascader-menu-shadow: var(--el-box-shadow-light);
--el-cascader-node-background-hover: var(--el-background-color-base);
--el-cascader-node-color-disabled: var(--el-text-color-placeholder);
--el-cascader-color-empty: var(--el-text-color-placeholder);
--el-cascader-tag-background: #f0f2f5;
font-size: var(--el-cascader-menu-font-size);
border-radius: var(--el-cascader-menu-radius)
}
.el-cascader__dropdown.el-popper[role=tooltip] {
background: var(--el-cascader-menu-fill);
border: var(--el-cascader-menu-border);
box-shadow: var(--el-cascader-menu-shadow)
}
.el-cascader__dropdown.el-popper[role=tooltip] .el-popper__arrow:before {
border: var(--el-cascader-menu-border)
}
.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow:before {
border-top-color: transparent;
border-left-color: transparent
}
.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow:before {
border-bottom-color: transparent;
border-right-color: transparent
}
.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow:before {
border-left-color: transparent;
border-bottom-color: transparent
}
.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow:before {
border-right-color: transparent;
border-top-color: transparent
}
.el-cascader__tags {
position: absolute;
left: 0;
right: 30px;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-wrap: wrap;
line-height: normal;
text-align: left;
box-sizing: border-box
}
.el-cascader__tags .el-tag {
display: inline-flex;
align-items: center;
max-width: 100%;
margin: 2px 0 2px 6px;
text-overflow: ellipsis;
background: var(--el-cascader-tag-background)
}
.el-cascader__tags .el-tag:not(.is-hit) {
border-color: transparent
}
.el-cascader__tags .el-tag>span {
flex: 1;
overflow: hidden;
text-overflow: ellipsis
}
.el-cascader__tags .el-tag .el-icon-close {
flex: none;
background-color: var(--el-text-color-placeholder);
color: var(--el-color-white)
}
.el-cascader__tags .el-tag .el-icon-close:hover {
background-color: var(--el-text-color-secondary)
}
.el-cascader__suggestion-panel {
border-radius: var(--el-cascader-menu-radius)
}
.el-cascader__suggestion-list {
max-height: 204px;
margin: 0;
padding: 6px 0;
font-size: var(--el-font-size-base);
color: var(--el-cascader-menu-font-color);
text-align: center
}
.el-cascader__suggestion-item {
display: flex;
justify-content: space-between;
align-items: center;
height: 34px;
padding: 0 15px;
text-align: left;
outline: none;
cursor: pointer
}
.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover {
background: var(--el-cascader-node-background-hover)
}
.el-cascader__suggestion-item.is-checked {
color: var(--el-cascader-menu-selected-font-color);
font-weight: 700
}
.el-cascader__suggestion-item>span {
margin-right: 10px
}
.el-cascader__empty-text {
margin: 10px 0;
color: var(--el-cascader-color-empty)
}
.el-cascader__search-input {
flex: 1;
height: 24px;
min-width: 60px;
margin: 2px 0 2px 15px;
padding: 0;
color: var(--el-cascader-menu-font-color);
border: none;
outline: none;
box-sizing: border-box
}
.el-cascader__search-input::placeholder {
color: var(--el-text-color-placeholder)
}
.el-check-tag {
background-color: #f5f7fa;
border-radius: var(--el-border-radius-base);
color: var(--el-color-info);
cursor: pointer;
display: inline-block;
font-size: var(--el-font-size-base);
line-height: var(--el-font-size-base);
padding: 7px 15px;
transition: var(--el-transition-all);
font-weight: 700
}
.el-check-tag:hover {
background-color: #dcdfe6
}
.el-check-tag.is-checked {
background-color: #deedfc;
color: #53a8ff
}
.el-check-tag.is-checked:hover {
background-color: #c6e2ff
}
.el-checkbox-button {
--el-checkbox-button-checked-background-color: var(--el-color-primary);
--el-checkbox-button-checked-font-color: var(--el-color-white);
--el-checkbox-button-checked-border-color: var(--el-color-primary);
position: relative;
display: inline-block
}
.el-checkbox-button__inner {
display: inline-block;
line-height: 1;
font-weight: var(--el-checkbox-font-weight);
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background: var(--el-button-background-color,var(--el-color-white));
border: 1px solid #dcdfe6;
border-left: 0;
color: var(--el-button-font-color,var(--el-text-color-regular));
-webkit-appearance: none;
text-align: center;
box-sizing: border-box;
outline: none;
margin: 0;
position: relative;
transition: var(--el-transition-all);
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 12px 20px;
font-size: var(--el-font-size-base,14px);
border-radius: 0
}
.el-checkbox-button__inner.is-round {
padding: 12px 20px
}
.el-checkbox-button__inner:hover {
color: var(--el-color-primary)
}
.el-checkbox-button__inner [class*=el-icon-] {
line-height: .9
}
.el-checkbox-button__inner [class*=el-icon-]+span {
margin-left: 5px
}
.el-checkbox-button__original {
opacity: 0;
outline: none;
position: absolute;
margin: 0;
z-index: -1
}
.el-checkbox-button.is-checked .el-checkbox-button__inner {
color: var(--el-checkbox-button-checked-font-color);
background-color: var(--el-checkbox-button-checked-background-color);
border-color: var(--el-checkbox-button-checked-border-color);
box-shadow: -1px 0 0 0 var(--el-color-primary-light-4)
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
border-left-color: var(--el-checkbox-button-checked-border-color)
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
color: var(--el-button-disabled-font-color,var(--el-text-color-placeholder));
cursor: not-allowed;
background-image: none;
background-color: var(--el-button-disabled-background-color,var(--el-color-white));
border-color: var(--el-button-disabled-border-color,var(--el-border-color-light));
box-shadow: none
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
border-left-color: var(--el-button-disabled-border-color,var(--el-border-color-light))
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
border-left: 1px solid #dcdfe6;
border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
box-shadow: none!important
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
border-color: var(--el-checkbox-button-checked-border-color)
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0
}
.el-checkbox-button--medium .el-checkbox-button__inner {
padding: 10px 20px;
font-size: var(--el-font-size-base,14px);
border-radius: 0
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px
}
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px;
font-size: 12px;
border-radius: 0
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px
}
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px;
font-size: 12px;
border-radius: 0
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
padding: 7px 15px
}
.el-checkbox-group {
font-size: 0
}
.el-checkbox {
--el-checkbox-font-size: 14px;
--el-checkbox-font-weight: var(--el-font-weight-primary);
--el-checkbox-font-color: var(--el-text-color-regular);
--el-checkbox-input-height: 14px;
--el-checkbox-input-width: 14px;
--el-checkbox-border-radius: var(--el-border-radius-small);
--el-checkbox-background-color: var(--el-color-white);
--el-checkbox-input-border: var(--el-border-base);
--el-checkbox-disabled-border-color: var(--el-border-color-base);
--el-checkbox-disabled-input-fill: #edf2fc;
--el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
--el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
--el-checkbox-disabled-checked-input-border-color: var(--el-border-color-base);
--el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
--el-checkbox-checked-font-color: var(--el-color-primary);
--el-checkbox-checked-input-border-color: var(--el-color-primary);
--el-checkbox-checked-background-color: var(--el-color-primary);
--el-checkbox-checked-icon-color: var(--el-fill-base);
--el-checkbox-input-border-color-hover: var(--el-color-primary);
color: var(--el-checkbox-font-color);
font-weight: var(--el-checkbox-font-weight);
font-size: var(--el-font-size-base);
position: relative;
cursor: pointer;
display: inline-flex;
align-items: center;
white-space: nowrap;
user-select: none;
margin-right: 30px;
height: 40px
}
.el-checkbox.el-checkbox--medium {
height: 36px
}
.el-checkbox.el-checkbox--small {
height: 32px
}
.el-checkbox.el-checkbox--mini {
height: 28px
}
.el-checkbox.is-bordered {
padding: 0 20px 0 10px;
border-radius: var(--el-border-radius-base);
border: var(--el-border-base);
box-sizing: border-box
}
.el-checkbox.is-bordered.is-checked {
border-color: var(--el-color-primary)
}
.el-checkbox.is-bordered.is-disabled {
border-color: var(--el-border-color-lighter);
cursor: not-allowed
}
.el-checkbox.is-bordered+.el-checkbox.is-bordered {
margin-left: 10px
}
.el-checkbox.is-bordered.el-checkbox--medium {
padding: 0 20px 0 10px;
border-radius: var(--el-border-radius-base)
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
font-size: var(--el-font-size-base,14px)
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
height: 14px;
width: 14px
}
.el-checkbox.is-bordered.el-checkbox--small {
padding: 0 15px 0 10px;
border-radius: calc(var(--el-border-radius-base) - 1px)
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
font-size: 12px
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
height: 12px;
width: 12px
}
.el-checkbox.is-bordered.el-checkbox--mini {
padding: 0 15px 0 10px;
border-radius: calc(var(--el-border-radius-base) - 1px)
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
font-size: 12px
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
height: 12px;
width: 12px
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after,.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
height: 6px;
width: 2px
}
.el-checkbox__input {
white-space: nowrap;
cursor: pointer;
outline: none;
display: inline-flex;
position: relative
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
background-color: var(--el-checkbox-disabled-input-fill);
border-color: var(--el-checkbox-disabled-border-color);
cursor: not-allowed
}
.el-checkbox__input.is-disabled .el-checkbox__inner:after {
cursor: not-allowed;
border-color: var(--el-checkbox-disabled-icon-color)
}
.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
cursor: not-allowed
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
background-color: var(--el-checkbox-disabled-checked-input-fill);
border-color: var(--el-checkbox-disabled-checked-input-border-color)
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
border-color: var(--el-checkbox-disabled-checked-icon-color)
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
background-color: var(--el-checkbox-disabled-checked-input-fill);
border-color: var(--el-checkbox-disabled-checked-input-border-color)
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
background-color: var(--el-checkbox-disabled-checked-icon-color);
border-color: var(--el-checkbox-disabled-checked-icon-color)
}
.el-checkbox__input.is-disabled+span.el-checkbox__label {
color: var(--el-text-color-placeholder);
cursor: not-allowed
}
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: var(--el-checkbox-checked-background-color);
border-color: var(--el-checkbox-checked-input-border-color)
}
.el-checkbox__input.is-checked .el-checkbox__inner:after {
transform: rotate(45deg) scaleY(1)
}
.el-checkbox__input.is-checked+.el-checkbox__label {
color: var(--el-checkbox-checked-font-color)
}
.el-checkbox__input.is-focus .el-checkbox__inner {
border-color: var(--el-checkbox-input-border-color-hover)
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: var(--el-checkbox-checked-background-color);
border-color: var(--el-checkbox-checked-input-border-color)
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
content: "";
position: absolute;
display: block;
background-color: var(--el-checkbox-checked-icon-color);
height: 2px;
transform: scale(.5);
left: 0;
right: 0;
top: 5px
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
display: none
}
.el-checkbox__inner {
display: inline-block;
position: relative;
border: var(--el-checkbox-input-border);
border-radius: var(--el-checkbox-border-radius);
box-sizing: border-box;
width: var(--el-checkbox-input-width);
height: var(--el-checkbox-input-height);
background-color: var(--el-checkbox-background-color);
z-index: var(--el-index-normal);
transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)
}
.el-checkbox__inner:hover {
border-color: var(--el-checkbox-input-border-color-hover)
}
.el-checkbox__inner:after {
box-sizing: initial;
content: "";
border: 1px solid var(--el-checkbox-checked-icon-color);
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
position: absolute;
top: 1px;
transform: rotate(45deg) scaleY(0);
width: 3px;
transition: transform .15s ease-in .05s;
transform-origin: center
}
.el-checkbox__original {
opacity: 0;
outline: none;
position: absolute;
margin: 0;
width: 0;
height: 0;
z-index: -1
}
.el-checkbox__label {
display: inline-block;
padding-left: 10px;
line-height: 1;
font-size: var(--el-checkbox-font-size)
}
.el-checkbox:last-of-type {
margin-right: 0
}
[class*=el-col-] {
float: left;
box-sizing: border-box
}
[class*=el-col-].is-guttered {
display: block;
min-height: 1px
}
.el-col-0,.el-col-0.is-guttered {
display: none
}
.el-col-0 {
max-width: 0;
flex: 0 0 0%
}
.el-col-offset-0 {
margin-left: 0
}
.el-col-pull-0 {
position: relative;
right: 0
}
.el-col-push-0 {
position: relative;
left: 0
}
.el-col-1 {
max-width: 4.1666666667%;
flex: 0 0 4.1666666667%
}
.el-col-offset-1 {
margin-left: 4.1666666667%
}
.el-col-pull-1 {
position: relative;
right: 4.1666666667%
}
.el-col-push-1 {
position: relative;
left: 4.1666666667%
}
.el-col-2 {
max-width: 8.3333333333%;
flex: 0 0 8.3333333333%
}
.el-col-offset-2 {
margin-left: 8.3333333333%
}
.el-col-pull-2 {
position: relative;
right: 8.3333333333%
}
.el-col-push-2 {
position: relative;
left: 8.3333333333%
}
.el-col-3 {
max-width: 12.5%;
flex: 0 0 12.5%
}
.el-col-offset-3 {
margin-left: 12.5%
}
.el-col-pull-3 {
position: relative;
right: 12.5%
}
.el-col-push-3 {
position: relative;
left: 12.5%
}
.el-col-4 {
max-width: 16.6666666667%;
flex: 0 0 16.6666666667%
}
.el-col-offset-4 {
margin-left: 16.6666666667%
}
.el-col-pull-4 {
position: relative;
right: 16.6666666667%
}
.el-col-push-4 {
position: relative;
left: 16.6666666667%
}
.el-col-5 {
max-width: 20.8333333333%;
flex: 0 0 20.8333333333%
}
.el-col-offset-5 {
margin-left: 20.8333333333%
}
.el-col-pull-5 {
position: relative;
right: 20.8333333333%
}
.el-col-push-5 {
position: relative;
left: 20.8333333333%
}
.el-col-6 {
max-width: 25%;
flex: 0 0 25%
}
.el-col-offset-6 {
margin-left: 25%
}
.el-col-pull-6 {
position: relative;
right: 25%
}
.el-col-push-6 {
position: relative;
left: 25%
}
.el-col-7 {
max-width: 29.1666666667%;
flex: 0 0 29.1666666667%
}
.el-col-offset-7 {
margin-left: 29.1666666667%
}
.el-col-pull-7 {
position: relative;
right: 29.1666666667%
}
.el-col-push-7 {
position: relative;
left: 29.1666666667%
}
.el-col-8 {
max-width: 33.3333333333%;
flex: 0 0 33.3333333333%
}
.el-col-offset-8 {
margin-left: 33.3333333333%
}
.el-col-pull-8 {
position: relative;
right: 33.3333333333%
}
.el-col-push-8 {
position: relative;
left: 33.3333333333%
}
.el-col-9 {
max-width: 37.5%;
flex: 0 0 37.5%
}
.el-col-offset-9 {
margin-left: 37.5%
}
.el-col-pull-9 {
position: relative;
right: 37.5%
}
.el-col-push-9 {
position: relative;
left: 37.5%
}
.el-col-10 {
max-width: 41.6666666667%;
flex: 0 0 41.6666666667%
}
.el-col-offset-10 {
margin-left: 41.6666666667%
}
.el-col-pull-10 {
position: relative;
right: 41.6666666667%
}
.el-col-push-10 {
position: relative;
left: 41.6666666667%
}
.el-col-11 {
max-width: 45.8333333333%;
flex: 0 0 45.8333333333%
}
.el-col-offset-11 {
margin-left: 45.8333333333%
}
.el-col-pull-11 {
position: relative;
right: 45.8333333333%
}
.el-col-push-11 {
position: relative;
left: 45.8333333333%
}
.el-col-12 {
max-width: 50%;
flex: 0 0 50%
}
.el-col-offset-12 {
margin-left: 50%
}
.el-col-pull-12 {
position: relative;
right: 50%
}
.el-col-push-12 {
position: relative;
left: 50%
}
.el-col-13 {
max-width: 54.1666666667%;
flex: 0 0 54.1666666667%
}
.el-col-offset-13 {
margin-left: 54.1666666667%
}
.el-col-pull-13 {
position: relative;
right: 54.1666666667%
}
.el-col-push-13 {
position: relative;
left: 54.1666666667%
}
.el-col-14 {
max-width: 58.3333333333%;
flex: 0 0 58.3333333333%
}
.el-col-offset-14 {
margin-left: 58.3333333333%
}
.el-col-pull-14 {
position: relative;
right: 58.3333333333%
}
.el-col-push-14 {
position: relative;
left: 58.3333333333%
}
.el-col-15 {
max-width: 62.5%;
flex: 0 0 62.5%
}
.el-col-offset-15 {
margin-left: 62.5%
}
.el-col-pull-15 {
position: relative;
right: 62.5%
}
.el-col-push-15 {
position: relative;
left: 62.5%
}
.el-col-16 {
max-width: 66.6666666667%;
flex: 0 0 66.6666666667%
}
.el-col-offset-16 {
margin-left: 66.6666666667%
}
.el-col-pull-16 {
position: relative;
right: 66.6666666667%
}
.el-col-push-16 {
position: relative;
left: 66.6666666667%
}
.el-col-17 {
max-width: 70.8333333333%;
flex: 0 0 70.8333333333%
}
.el-col-offset-17 {
margin-left: 70.8333333333%
}
.el-col-pull-17 {
position: relative;
right: 70.8333333333%
}
.el-col-push-17 {
position: relative;
left: 70.8333333333%
}
.el-col-18 {
max-width: 75%;
flex: 0 0 75%
}
.el-col-offset-18 {
margin-left: 75%
}
.el-col-pull-18 {
position: relative;
right: 75%
}
.el-col-push-18 {
position: relative;
left: 75%
}
.el-col-19 {
max-width: 79.1666666667%;
flex: 0 0 79.1666666667%
}
.el-col-offset-19 {
margin-left: 79.1666666667%
}
.el-col-pull-19 {
position: relative;
right: 79.1666666667%
}
.el-col-push-19 {
position: relative;
left: 79.1666666667%
}
.el-col-20 {
max-width: 83.3333333333%;
flex: 0 0 83.3333333333%
}
.el-col-offset-20 {
margin-left: 83.3333333333%
}
.el-col-pull-20 {
position: relative;
right: 83.3333333333%
}
.el-col-push-20 {
position: relative;
left: 83.3333333333%
}
.el-col-21 {
max-width: 87.5%;
flex: 0 0 87.5%
}
.el-col-offset-21 {
margin-left: 87.5%
}
.el-col-pull-21 {
position: relative;
right: 87.5%
}
.el-col-push-21 {
position: relative;
left: 87.5%
}
.el-col-22 {
max-width: 91.6666666667%;
flex: 0 0 91.6666666667%
}
.el-col-offset-22 {
margin-left: 91.6666666667%
}
.el-col-pull-22 {
position: relative;
right: 91.6666666667%
}
.el-col-push-22 {
position: relative;
left: 91.6666666667%
}
.el-col-23 {
max-width: 95.8333333333%;
flex: 0 0 95.8333333333%
}
.el-col-offset-23 {
margin-left: 95.8333333333%
}
.el-col-pull-23 {
position: relative;
right: 95.8333333333%
}
.el-col-push-23 {
position: relative;
left: 95.8333333333%
}
.el-col-24 {
max-width: 100%;
flex: 0 0 100%
}
.el-col-offset-24 {
margin-left: 100%
}
.el-col-pull-24 {
position: relative;
right: 100%
}
.el-col-push-24 {
position: relative;
left: 100%
}
@media only screen and (max-width: 768px) {
.el-col-xs-0,.el-col-xs-0.is-guttered {
display:none
}
.el-col-xs-0 {
max-width: 0;
flex: 0 0 0%
}
.el-col-xs-offset-0 {
margin-left: 0
}
.el-col-xs-pull-0 {
position: relative;
right: 0
}
.el-col-xs-push-0 {
position: relative;
left: 0
}
.el-col-xs-1 {
display: block;
max-width: 4.1666666667%;
flex: 0 0 4.1666666667%
}
.el-col-xs-offset-1 {
margin-left: 4.1666666667%
}
.el-col-xs-pull-1 {
position: relative;
right: 4.1666666667%
}
.el-col-xs-push-1 {
position: relative;
left: 4.1666666667%
}
.el-col-xs-2 {
display: block;
max-width: 8.3333333333%;
flex: 0 0 8.3333333333%
}
.el-col-xs-offset-2 {
margin-left: 8.3333333333%
}
.el-col-xs-pull-2 {
position: relative;
right: 8.3333333333%
}
.el-col-xs-push-2 {
position: relative;
left: 8.3333333333%
}
.el-col-xs-3 {
display: block;
max-width: 12.5%;
flex: 0 0 12.5%
}
.el-col-xs-offset-3 {
margin-left: 12.5%
}
.el-col-xs-pull-3 {
position: relative;
right: 12.5%
}
.el-col-xs-push-3 {
position: relative;
left: 12.5%
}
.el-col-xs-4 {
display: block;
max-width: 16.6666666667%;
flex: 0 0 16.6666666667%
}
.el-col-xs-offset-4 {
margin-left: 16.6666666667%
}
.el-col-xs-pull-4 {
position: relative;
right: 16.6666666667%
}
.el-col-xs-push-4 {
position: relative;
left: 16.6666666667%
}
.el-col-xs-5 {
display: block;
max-width: 20.8333333333%;
flex: 0 0 20.8333333333%
}
.el-col-xs-offset-5 {
margin-left: 20.8333333333%
}
.el-col-xs-pull-5 {
position: relative;
right: 20.8333333333%
}
.el-col-xs-push-5 {
position: relative;
left: 20.8333333333%
}
.el-col-xs-6 {
display: block;
max-width: 25%;
flex: 0 0 25%
}
.el-col-xs-offset-6 {
margin-left: 25%
}
.el-col-xs-pull-6 {
position: relative;
right: 25%
}
.el-col-xs-push-6 {
position: relative;
left: 25%
}
.el-col-xs-7 {
display: block;
max-width: 29.1666666667%;
flex: 0 0 29.1666666667%
}
.el-col-xs-offset-7 {
margin-left: 29.1666666667%
}
.el-col-xs-pull-7 {
position: relative;
right: 29.1666666667%
}
.el-col-xs-push-7 {
position: relative;
left: 29.1666666667%
}
.el-col-xs-8 {
display: block;
max-width: 33.3333333333%;
flex: 0 0 33.3333333333%
}
.el-col-xs-offset-8 {
margin-left: 33.3333333333%
}
.el-col-xs-pull-8 {
position: relative;
right: 33.3333333333%
}
.el-col-xs-push-8 {
position: relative;
left: 33.3333333333%
}
.el-col-xs-9 {
display: block;
max-width: 37.5%;
flex: 0 0 37.5%
}
.el-col-xs-offset-9 {
margin-left: 37.5%
}
.el-col-xs-pull-9 {
position: relative;
right: 37.5%
}
.el-col-xs-push-9 {
position: relative;
left: 37.5%
}
.el-col-xs-10 {
display: block;
max-width: 41.6666666667%;
flex: 0 0 41.6666666667%
}
.el-col-xs-offset-10 {
margin-left: 41.6666666667%
}
.el-col-xs-pull-10 {
position: relative;
right: 41.6666666667%
}
.el-col-xs-push-10 {
position: relative;
left: 41.6666666667%
}
.el-col-xs-11 {
display: block;
max-width: 45.8333333333%;
flex: 0 0 45.8333333333%
}
.el-col-xs-offset-11 {
margin-left: 45.8333333333%
}
.el-col-xs-pull-11 {
position: relative;
right: 45.8333333333%
}
.el-col-xs-push-11 {
position: relative;
left: 45.8333333333%
}
.el-col-xs-12 {
display: block;
max-width: 50%;
flex: 0 0 50%
}
.el-col-xs-offset-12 {
margin-left: 50%
}
.el-col-xs-pull-12 {
position: relative;
right: 50%
}
.el-col-xs-push-12 {
position: relative;
left: 50%
}
.el-col-xs-13 {
display: block;
max-width: 54.1666666667%;
flex: 0 0 54.1666666667%
}
.el-col-xs-offset-13 {
margin-left: 54.1666666667%
}
.el-col-xs-pull-13 {
position: relative;
right: 54.1666666667%
}
.el-col-xs-push-13 {
position: relative;
left: 54.1666666667%
}
.el-col-xs-14 {
display: block;
max-width: 58.3333333333%;
flex: 0 0 58.3333333333%
}
.el-col-xs-offset-14 {
margin-left: 58.3333333333%
}
.el-col-xs-pull-14 {
position: relative;
right: 58.3333333333%
}
.el-col-xs-push-14 {
position: relative;
left: 58.3333333333%
}
.el-col-xs-15 {
display: block;
max-width: 62.5%;
flex: 0 0 62.5%
}
.el-col-xs-offset-15 {
margin-left: 62.5%
}
.el-col-xs-pull-15 {
position: relative;
right: 62.5%
}
.el-col-xs-push-15 {
position: relative;
left: 62.5%
}
.el-col-xs-16 {
display: block;
max-width: 66.6666666667%;
flex: 0 0 66.6666666667%
}
.el-col-xs-offset-16 {
margin-left: 66.6666666667%
}
.el-col-xs-pull-16 {
position: relative;
right: 66.6666666667%
}
.el-col-xs-push-16 {
position: relative;
left: 66.6666666667%
}
.el-col-xs-17 {
display: block;
max-width: 70.8333333333%;
flex: 0 0 70.8333333333%
}
.el-col-xs-offset-17 {
margin-left: 70.8333333333%
}
.el-col-xs-pull-17 {
position: relative;
right: 70.8333333333%
}
.el-col-xs-push-17 {
position: relative;
left: 70.8333333333%
}
.el-col-xs-18 {
display: block;
max-width: 75%;
flex: 0 0 75%
}
.el-col-xs-offset-18 {
margin-left: 75%
}
.el-col-xs-pull-18 {
position: relative;
right: 75%
}
.el-col-xs-push-18 {
position: relative;
left: 75%
}
.el-col-xs-19 {
display: block;
max-width: 79.1666666667%;
flex: 0 0 79.1666666667%
}
.el-col-xs-offset-19 {
margin-left: 79.1666666667%
}
.el-col-xs-pull-19 {
position: relative;
right: 79.1666666667%
}
.el-col-xs-push-19 {
position: relative;
left: 79.1666666667%
}
.el-col-xs-20 {
display: block;
max-width: 83.3333333333%;
flex: 0 0 83.3333333333%
}
.el-col-xs-offset-20 {
margin-left: 83.3333333333%
}
.el-col-xs-pull-20 {
position: relative;
right: 83.3333333333%
}
.el-col-xs-push-20 {
position: relative;
left: 83.3333333333%
}
.el-col-xs-21 {
display: block;
max-width: 87.5%;
flex: 0 0 87.5%
}
.el-col-xs-offset-21 {
margin-left: 87.5%
}
.el-col-xs-pull-21 {
position: relative;
right: 87.5%
}
.el-col-xs-push-21 {
position: relative;
left: 87.5%
}
.el-col-xs-22 {
display: block;
max-width: 91.6666666667%;
flex: 0 0 91.6666666667%
}
.el-col-xs-offset-22 {
margin-left: 91.6666666667%
}
.el-col-xs-pull-22 {
position: relative;
right: 91.6666666667%
}
.el-col-xs-push-22 {
position: relative;
left: 91.6666666667%
}
.el-col-xs-23 {
display: block;
max-width: 95.8333333333%;
flex: 0 0 95.8333333333%
}
.el-col-xs-offset-23 {
margin-left: 95.8333333333%
}
.el-col-xs-pull-23 {
position: relative;
right: 95.8333333333%
}
.el-col-xs-push-23 {
position: relative;
left: 95.8333333333%
}
.el-col-xs-24 {
display: block;
max-width: 100%;
flex: 0 0 100%
}
.el-col-xs-offset-24 {
margin-left: 100%
}
.el-col-xs-pull-24 {
position: relative;
right: 100%
}
.el-col-xs-push-24 {
position: relative;
left: 100%
}
}
@media only screen and (min-width: 768px) {
.el-col-sm-0,.el-col-sm-0.is-guttered {
display:none
}
.el-col-sm-0 {
max-width: 0;
flex: 0 0 0%
}
.el-col-sm-offset-0 {
margin-left: 0
}
.el-col-sm-pull-0 {
position: relative;
right: 0
}
.el-col-sm-push-0 {
position: relative;
left: 0
}
.el-col-sm-1 {
display: block;
max-width: 4.1666666667%;
flex: 0 0 4.1666666667%
}
.el-col-sm-offset-1 {
margin-left: 4.1666666667%
}
.el-col-sm-pull-1 {
position: relative;
right: 4.1666666667%
}
.el-col-sm-push-1 {
position: relative;
left: 4.1666666667%
}
.el-col-sm-2 {
display: block;
max-width: 8.3333333333%;
flex: 0 0 8.3333333333%
}
.el-col-sm-offset-2 {
margin-left: 8.3333333333%
}
.el-col-sm-pull-2 {
position: relative;
right: 8.3333333333%
}
.el-col-sm-push-2 {
position: relative;
left: 8.3333333333%
}
.el-col-sm-3 {
display: block;
max-width: 12.5%;
flex: 0 0 12.5%
}
.el-col-sm-offset-3 {
margin-left: 12.5%
}
.el-col-sm-pull-3 {
position: relative;
right: 12.5%
}
.el-col-sm-push-3 {
position: relative;
left: 12.5%
}
.el-col-sm-4 {
display: block;
max-width: 16.6666666667%;
flex: 0 0 16.6666666667%
}
.el-col-sm-offset-4 {
margin-left: 16.6666666667%
}
.el-col-sm-pull-4 {
position: relative;
right: 16.6666666667%
}
.el-col-sm-push-4 {
position: relative;
left: 16.6666666667%
}
.el-col-sm-5 {
display: block;
max-width: 20.8333333333%;
flex: 0 0 20.8333333333%
}
.el-col-sm-offset-5 {
margin-left: 20.8333333333%
}
.el-col-sm-pull-5 {
position: relative;
right: 20.8333333333%
}
.el-col-sm-push-5 {
position: relative;
left: 20.8333333333%
}
.el-col-sm-6 {
display: block;
max-width: 25%;
flex: 0 0 25%
}
.el-col-sm-offset-6 {
margin-left: 25%
}
.el-col-sm-pull-6 {
position: relative;
right: 25%
}
.el-col-sm-push-6 {
position: relative;
left: 25%
}
.el-col-sm-7 {
display: block;
max-width: 29.1666666667%;
flex: 0 0 29.1666666667%
}
.el-col-sm-offset-7 {
margin-left: 29.1666666667%
}
.el-col-sm-pull-7 {
position: relative;
right: 29.1666666667%
}
.el-col-sm-push-7 {
position: relative;
left: 29.1666666667%
}
.el-col-sm-8 {
display: block;
max-width: 33.3333333333%;
flex: 0 0 33.3333333333%
}
.el-col-sm-offset-8 {
margin-left: 33.3333333333%
}
.el-col-sm-pull-8 {
position: relative;
right: 33.3333333333%
}
.el-col-sm-push-8 {
position: relative;
left: 33.3333333333%
}
.el-col-sm-9 {
display: block;
max-width: 37.5%;
flex: 0 0 37.5%
}
.el-col-sm-offset-9 {
margin-left: 37.5%
}
.el-col-sm-pull-9 {
position: relative;
right: 37.5%
}
.el-col-sm-push-9 {
position: relative;
left: 37.5%
}
.el-col-sm-10 {
display: block;
max-width: 41.6666666667%;
flex: 0 0 41.6666666667%
}
.el-col-sm-offset-10 {
margin-left: 41.6666666667%
}
.el-col-sm-pull-10 {
position: relative;
right: 41.6666666667%
}
.el-col-sm-push-10 {
position: relative;
left: 41.6666666667%
}
.el-col-sm-11 {
display: block;
max-width: 45.8333333333%;
flex: 0 0 45.8333333333%
}
.el-col-sm-offset-11 {
margin-left: 45.8333333333%
}
.el-col-sm-pull-11 {
position: relative;
right: 45.8333333333%
}
.el-col-sm-push-11 {
position: relative;
left: 45.8333333333%
}
.el-col-sm-12 {
display: block;
max-width: 50%;
flex: 0 0 50%
}
.el-col-sm-offset-12 {
margin-left: 50%
}
.el-col-sm-pull-12 {
position: relative;
right: 50%
}
.el-col-sm-push-12 {
position: relative;
left: 50%
}
.el-col-sm-13 {
display: block;
max-width: 54.1666666667%;
flex: 0 0 54.1666666667%
}
.el-col-sm-offset-13 {
margin-left: 54.1666666667%
}
.el-col-sm-pull-13 {
position: relative;
right: 54.1666666667%
}
.el-col-sm-push-13 {
position: relative;
left: 54.1666666667%
}
.el-col-sm-14 {
display: block;
max-width: 58.3333333333%;
flex: 0 0 58.3333333333%
}
.el-col-sm-offset-14 {
margin-left: 58.3333333333%
}
.el-col-sm-pull-14 {
position: relative;
right: 58.3333333333%
}
.el-col-sm-push-14 {
position: relative;
left: 58.3333333333%
}
.el-col-sm-15 {
display: block;
max-width: 62.5%;
flex: 0 0 62.5%
}
.el-col-sm-offset-15 {
margin-left: 62.5%
}
.el-col-sm-pull-15 {
position: relative;
right: 62.5%
}
.el-col-sm-push-15 {
position: relative;
left: 62.5%
}
.el-col-sm-16 {
display: block;
max-width: 66.6666666667%;
flex: 0 0 66.6666666667%
}
.el-col-sm-offset-16 {
margin-left: 66.6666666667%
}
.el-col-sm-pull-16 {
position: relative;
right: 66.6666666667%
}
.el-col-sm-push-16 {
position: relative;
left: 66.6666666667%
}
.el-col-sm-17 {
display: block;
max-width: 70.8333333333%;
flex: 0 0 70.8333333333%
}
.el-col-sm-offset-17 {
margin-left: 70.8333333333%
}
.el-col-sm-pull-17 {
position: relative;
right: 70.8333333333%
}
.el-col-sm-push-17 {
position: relative;
left: 70.8333333333%
}
.el-col-sm-18 {
display: block;
max-width: 75%;
flex: 0 0 75%
}
.el-col-sm-offset-18 {
margin-left: 75%
}
.el-col-sm-pull-18 {
position: relative;
right: 75%
}
.el-col-sm-push-18 {
position: relative;
left: 75%
}
.el-col-sm-19 {
display: block;
max-width: 79.1666666667%;
flex: 0 0 79.1666666667%
}
.el-col-sm-offset-19 {
margin-left: 79.1666666667%
}
.el-col-sm-pull-19 {
position: relative;
right: 79.1666666667%
}
.el-col-sm-push-19 {
position: relative;
left: 79.1666666667%
}
.el-col-sm-20 {
display: block;
max-width: 83.3333333333%;
flex: 0 0 83.3333333333%
}
.el-col-sm-offset-20 {
margin-left: 83.3333333333%
}
.el-col-sm-pull-20 {
position: relative;
right: 83.3333333333%
}
.el-col-sm-push-20 {
position: relative;
left: 83.3333333333%
}
.el-col-sm-21 {
display: block;
max-width: 87.5%;
flex: 0 0 87.5%
}
.el-col-sm-offset-21 {
margin-left: 87.5%
}
.el-col-sm-pull-21 {
position: relative;
right: 87.5%
}
.el-col-sm-push-21 {
position: relative;
left: 87.5%
}
.el-col-sm-22 {
display: block;
max-width: 91.6666666667%;
flex: 0 0 91.6666666667%
}
.el-col-sm-offset-22 {
margin-left: 91.6666666667%
}
.el-col-sm-pull-22 {
position: relative;
right: 91.6666666667%
}
.el-col-sm-push-22 {
position: relative;
left: 91.6666666667%
}
.el-col-sm-23 {
display: block;
max-width: 95.8333333333%;
flex: 0 0 95.8333333333%
}
.el-col-sm-offset-23 {
margin-left: 95.8333333333%
}
.el-col-sm-pull-23 {
position: relative;
right: 95.8333333333%
}
.el-col-sm-push-23 {
position: relative;
left: 95.8333333333%
}
.el-col-sm-24 {
display: block;
max-width: 100%;
flex: 0 0 100%
}
.el-col-sm-offset-24 {
margin-left: 100%
}
.el-col-sm-pull-24 {
position: relative;
right: 100%
}
.el-col-sm-push-24 {
position: relative;
left: 100%
}
}
@media only screen and (min-width: 992px) {
.el-col-md-0,.el-col-md-0.is-guttered {
display:none
}
.el-col-md-0 {
max-width: 0;
flex: 0 0 0%
}
.el-col-md-offset-0 {
margin-left: 0
}
.el-col-md-pull-0 {
position: relative;
right: 0
}
.el-col-md-push-0 {
position: relative;
left: 0
}
.el-col-md-1 {
display: block;
max-width: 4.1666666667%;
flex: 0 0 4.1666666667%
}
.el-col-md-offset-1 {
margin-left: 4.1666666667%
}
.el-col-md-pull-1 {
position: relative;
right: 4.1666666667%
}
.el-col-md-push-1 {
position: relative;
left: 4.1666666667%
}
.el-col-md-2 {
display: block;
max-width: 8.3333333333%;
flex: 0 0 8.3333333333%
}
.el-col-md-offset-2 {
margin-left: 8.3333333333%
}
.el-col-md-pull-2 {
position: relative;
right: 8.3333333333%
}
.el-col-md-push-2 {
position: relative;
left: 8.3333333333%
}
.el-col-md-3 {
display: block;
max-width: 12.5%;
flex: 0 0 12.5%
}
.el-col-md-offset-3 {
margin-left: 12.5%
}
.el-col-md-pull-3 {
position: relative;
right: 12.5%
}
.el-col-md-push-3 {
position: relative;
left: 12.5%
}
.el-col-md-4 {
display: block;
max-width: 16.6666666667%;
flex: 0 0 16.6666666667%
}
.el-col-md-offset-4 {
margin-left: 16.6666666667%
}
.el-col-md-pull-4 {
position: relative;
right: 16.6666666667%
}
.el-col-md-push-4 {
position: relative;
left: 16.6666666667%
}
.el-col-md-5 {
display: block;
max-width: 20.8333333333%;
flex: 0 0 20.8333333333%
}
.el-col-md-offset-5 {
margin-left: 20.8333333333%
}
.el-col-md-pull-5 {
position: relative;
right: 20.8333333333%
}
.el-col-md-push-5 {
position: relative;
left: 20.8333333333%
}
.el-col-md-6 {
display: block;
max-width: 25%;
flex: 0 0 25%
}
.el-col-md-offset-6 {
margin-left: 25%
}
.el-col-md-pull-6 {
position: relative;
right: 25%
}
.el-col-md-push-6 {
position: relative;
left: 25%
}
.el-col-md-7 {
display: block;
max-width: 29.1666666667%;
flex: 0 0 29.1666666667%
}
.el-col-md-offset-7 {
margin-left: 29.1666666667%
}
.el-col-md-pull-7 {
position: relative;
right: 29.1666666667%
}
.el-col-md-push-7 {
position: relative;
left: 29.1666666667%
}
.el-col-md-8 {
display: block;
max-width: 33.3333333333%;
flex: 0 0 33.3333333333%
}
.el-col-md-offset-8 {
margin-left: 33.3333333333%
}
.el-col-md-pull-8 {
position: relative;
right: 33.3333333333%
}
.el-col-md-push-8 {
position: relative;
left: 33.3333333333%
}
.el-col-md-9 {
display: block;
max-width: 37.5%;
flex: 0 0 37.5%
}
.el-col-md-offset-9 {
margin-left: 37.5%
}
.el-col-md-pull-9 {
position: relative;
right: 37.5%
}
.el-col-md-push-9 {
position: relative;
left: 37.5%
}
.el-col-md-10 {
display: block;
max-width: 41.6666666667%;
flex: 0 0 41.6666666667%
}
.el-col-md-offset-10 {
margin-left: 41.6666666667%
}
.el-col-md-pull-10 {
position: relative;
right: 41.6666666667%
}
.el-col-md-push-10 {
position: relative;
left: 41.6666666667%
}
.el-col-md-11 {
display: block;
max-width: 45.8333333333%;
flex: 0 0 45.8333333333%
}
.el-col-md-offset-11 {
margin-left: 45.8333333333%
}
.el-col-md-pull-11 {
position: relative;
right: 45.8333333333%
}
.el-col-md-push-11 {
position: relative;
left: 45.8333333333%
}
.el-col-md-12 {
display: block;
max-width: 50%;
flex: 0 0 50%
}
.el-col-md-offset-12 {
margin-left: 50%
}
.el-col-md-pull-12 {
position: relative;
right: 50%
}
.el-col-md-push-12 {
position: relative;
left: 50%
}
.el-col-md-13 {
display: block;
max-width: 54.1666666667%;
flex: 0 0 54.1666666667%
}
.el-col-md-offset-13 {
margin-left: 54.1666666667%
}
.el-col-md-pull-13 {
position: relative;
right: 54.1666666667%
}
.el-col-md-push-13 {
position: relative;
left: 54.1666666667%
}
.el-col-md-14 {
display: block;
max-width: 58.3333333333%;
flex: 0 0 58.3333333333%
}
.el-col-md-offset-14 {
margin-left: 58.3333333333%
}
.el-col-md-pull-14 {
position: relative;
right: 58.3333333333%
}
.el-col-md-push-14 {
position: relative;
left: 58.3333333333%
}
.el-col-md-15 {
display: block;
max-width: 62.5%;
flex: 0 0 62.5%
}
.el-col-md-offset-15 {
margin-left: 62.5%
}
.el-col-md-pull-15 {
position: relative;
right: 62.5%
}
.el-col-md-push-15 {
position: relative;
left: 62.5%
}
.el-col-md-16 {
display: block;
max-width: 66.6666666667%;
flex: 0 0 66.6666666667%
}
.el-col-md-offset-16 {
margin-left: 66.6666666667%
}
.el-col-md-pull-16 {
position: relative;
right: 66.6666666667%
}
.el-col-md-push-16 {
position: relative;
left: 66.6666666667%
}
.el-col-md-17 {
display: block;
max-width: 70.8333333333%;
flex: 0 0 70.8333333333%
}
.el-col-md-offset-17 {
margin-left: 70.8333333333%
}
.el-col-md-pull-17 {
position: relative;
right: 70.8333333333%
}
.el-col-md-push-17 {
position: relative;
left: 70.8333333333%
}
.el-col-md-18 {
display: block;
max-width: 75%;
flex: 0 0 75%
}
.el-col-md-offset-18 {
margin-left: 75%
}
.el-col-md-pull-18 {
position: relative;
right: 75%
}
.el-col-md-push-18 {
position: relative;
left: 75%
}
.el-col-md-19 {
display: block;
max-width: 79.1666666667%;
flex: 0 0 79.1666666667%
}
.el-col-md-offset-19 {
margin-left: 79.1666666667%
}
.el-col-md-pull-19 {
position: relative;
right: 79.1666666667%
}
.el-col-md-push-19 {
position: relative;
left: 79.1666666667%
}
.el-col-md-20 {
display: block;
max-width: 83.3333333333%;
flex: 0 0 83.3333333333%
}
.el-col-md-offset-20 {
margin-left: 83.3333333333%
}
.el-col-md-pull-20 {
position: relative;
right: 83.3333333333%
}
.el-col-md-push-20 {
position: relative;
left: 83.3333333333%
}
.el-col-md-21 {
display: block;
max-width: 87.5%;
flex: 0 0 87.5%
}
.el-col-md-offset-21 {
margin-left: 87.5%
}
.el-col-md-pull-21 {
position: relative;
right: 87.5%
}
.el-col-md-push-21 {
position: relative;
left: 87.5%
}
.el-col-md-22 {
display: block;
max-width: 91.6666666667%;
flex: 0 0 91.6666666667%
}
.el-col-md-offset-22 {
margin-left: 91.6666666667%
}
.el-col-md-pull-22 {
position: relative;
right: 91.6666666667%
}
.el-col-md-push-22 {
position: relative;
left: 91.6666666667%
}
.el-col-md-23 {
display: block;
max-width: 95.8333333333%;
flex: 0 0 95.8333333333%
}
.el-col-md-offset-23 {
margin-left: 95.8333333333%
}
.el-col-md-pull-23 {
position: relative;
right: 95.8333333333%
}
.el-col-md-push-23 {
position: relative;
left: 95.8333333333%
}
.el-col-md-24 {
display: block;
max-width: 100%;
flex: 0 0 100%
}
.el-col-md-offset-24 {
margin-left: 100%
}
.el-col-md-pull-24 {
position: relative;
right: 100%
}
.el-col-md-push-24 {
position: relative;
left: 100%
}
}
@media only screen and (min-width: 1200px) {
.el-col-lg-0,.el-col-lg-0.is-guttered {
display:none
}
.el-col-lg-0 {
max-width: 0;
flex: 0 0 0%
}
.el-col-lg-offset-0 {
margin-left: 0
}
.el-col-lg-pull-0 {
position: relative;
right: 0
}
.el-col-lg-push-0 {
position: relative;
left: 0
}
.el-col-lg-1 {
display: block;
max-width: 4.1666666667%;
flex: 0 0 4.1666666667%
}
.el-col-lg-offset-1 {
margin-left: 4.1666666667%
}
.el-col-lg-pull-1 {
position: relative;
right: 4.1666666667%
}
.el-col-lg-push-1 {
position: relative;
left: 4.1666666667%
}
.el-col-lg-2 {
display: block;
max-width: 8.3333333333%;
flex: 0 0 8.3333333333%
}
.el-col-lg-offset-2 {
margin-left: 8.3333333333%
}
.el-col-lg-pull-2 {
position: relative;
right: 8.3333333333%
}
.el-col-lg-push-2 {
position: relative;
left: 8.3333333333%
}
.el-col-lg-3 {
display: block;
max-width: 12.5%;
flex: 0 0 12.5%
}
.el-col-lg-offset-3 {
margin-left: 12.5%
}
.el-col-lg-pull-3 {
position: relative;
right: 12.5%
}
.el-col-lg-push-3 {
position: relative;
left: 12.5%
}
.el-col-lg-4 {
display: block;
max-width: 16.6666666667%;
flex: 0 0 16.6666666667%
}
.el-col-lg-offset-4 {
margin-left: 16.6666666667%
}
.el-col-lg-pull-4 {
position: relative;
right: 16.6666666667%
}
.el-col-lg-push-4 {
position: relative;
left: 16.6666666667%
}
.el-col-lg-5 {
display: block;
max-width: 20.8333333333%;
flex: 0 0 20.8333333333%
}
.el-col-lg-offset-5 {
margin-left: 20.8333333333%
}
.el-col-lg-pull-5 {
position: relative;
right: 20.8333333333%
}
.el-col-lg-push-5 {
position: relative;
left: 20.8333333333%
}
.el-col-lg-6 {
display: block;
max-width: 25%;
flex: 0 0 25%
}
.el-col-lg-offset-6 {
margin-left: 25%
}
.el-col-lg-pull-6 {
position: relative;
right: 25%
}
.el-col-lg-push-6 {
position: relative;
left: 25%
}
.el-col-lg-7 {
display: block;
max-width: 29.1666666667%;
flex: 0 0 29.1666666667%
}
.el-col-lg-offset-7 {
margin-left: 29.1666666667%
}
.el-col-lg-pull-7 {
position: relative;
right: 29.1666666667%
}
.el-col-lg-push-7 {
position: relative;
left: 29.1666666667%
}
.el-col-lg-8 {
display: block;
max-width: 33.3333333333%;
flex: 0 0 33.3333333333%
}
.el-col-lg-offset-8 {
margin-left: 33.3333333333%
}
.el-col-lg-pull-8 {
position: relative;
right: 33.3333333333%
}
.el-col-lg-push-8 {
position: relative;
left: 33.3333333333%
}
.el-col-lg-9 {
display: block;
max-width: 37.5%;
flex: 0 0 37.5%
}
.el-col-lg-offset-9 {
margin-left: 37.5%
}
.el-col-lg-pull-9 {
position: relative;
right: 37.5%
}
.el-col-lg-push-9 {
position: relative;
left: 37.5%
}
.el-col-lg-10 {
display: block;
max-width: 41.6666666667%;
flex: 0 0 41.6666666667%
}
.el-col-lg-offset-10 {
margin-left: 41.6666666667%
}
.el-col-lg-pull-10 {
position: relative;
right: 41.6666666667%
}
.el-col-lg-push-10 {
position: relative;
left: 41.6666666667%
}
.el-col-lg-11 {
display: block;
max-width: 45.8333333333%;
flex: 0 0 45.8333333333%
}
.el-col-lg-offset-11 {
margin-left: 45.8333333333%
}
.el-col-lg-pull-11 {
position: relative;
right: 45.8333333333%
}
.el-col-lg-push-11 {
position: relative;
left: 45.8333333333%
}
.el-col-lg-12 {
display: block;
max-width: 50%;
flex: 0 0 50%
}
.el-col-lg-offset-12 {
margin-left: 50%
}
.el-col-lg-pull-12 {
position: relative;
right: 50%
}
.el-col-lg-push-12 {
position: relative;
left: 50%
}
.el-col-lg-13 {
display: block;
max-width: 54.1666666667%;
flex: 0 0 54.1666666667%
}
.el-col-lg-offset-13 {
margin-left: 54.1666666667%
}
.el-col-lg-pull-13 {
position: relative;
right: 54.1666666667%
}
.el-col-lg-push-13 {
position: relative;
left: 54.1666666667%
}
.el-col-lg-14 {
display: block;
max-width: 58.3333333333%;
flex: 0 0 58.3333333333%
}
.el-col-lg-offset-14 {
margin-left: 58.3333333333%
}
.el-col-lg-pull-14 {
position: relative;
right: 58.3333333333%
}
.el-col-lg-push-14 {
position: relative;
left: 58.3333333333%
}
.el-col-lg-15 {
display: block;
max-width: 62.5%;
flex: 0 0 62.5%
}
.el-col-lg-offset-15 {
margin-left: 62.5%
}
.el-col-lg-pull-15 {
position: relative;
right: 62.5%
}
.el-col-lg-push-15 {
position: relative;
left: 62.5%
}
.el-col-lg-16 {
display: block;
max-width: 66.6666666667%;
flex: 0 0 66.6666666667%
}
.el-col-lg-offset-16 {
margin-left: 66.6666666667%
}
.el-col-lg-pull-16 {
position: relative;
right: 66.6666666667%
}
.el-col-lg-push-16 {
position: relative;
left: 66.6666666667%
}
.el-col-lg-17 {
display: block;
max-width: 70.8333333333%;
flex: 0 0 70.8333333333%
}
.el-col-lg-offset-17 {
margin-left: 70.8333333333%
}
.el-col-lg-pull-17 {
position: relative;
right: 70.8333333333%
}
.el-col-lg-push-17 {
position: relative;
left: 70.8333333333%
}
.el-col-lg-18 {
display: block;
max-width: 75%;
flex: 0 0 75%
}
.el-col-lg-offset-18 {
margin-left: 75%
}
.el-col-lg-pull-18 {
position: relative;
right: 75%
}
.el-col-lg-push-18 {
position: relative;
left: 75%
}
.el-col-lg-19 {
display: block;
max-width: 79.1666666667%;
flex: 0 0 79.1666666667%
}
.el-col-lg-offset-19 {
margin-left: 79.1666666667%
}
.el-col-lg-pull-19 {
position: relative;
right: 79.1666666667%
}
.el-col-lg-push-19 {
position: relative;
left: 79.1666666667%
}
.el-col-lg-20 {
display: block;
max-width: 83.3333333333%;
flex: 0 0 83.3333333333%
}
.el-col-lg-offset-20 {
margin-left: 83.3333333333%
}
.el-col-lg-pull-20 {
position: relative;
right: 83.3333333333%
}
.el-col-lg-push-20 {
position: relative;
left: 83.3333333333%
}
.el-col-lg-21 {
display: block;
max-width: 87.5%;
flex: 0 0 87.5%
}
.el-col-lg-offset-21 {
margin-left: 87.5%
}
.el-col-lg-pull-21 {
position: relative;
right: 87.5%
}
.el-col-lg-push-21 {
position: relative;
left: 87.5%
}
.el-col-lg-22 {
display: block;
max-width: 91.6666666667%;
flex: 0 0 91.6666666667%
}
.el-col-lg-offset-22 {
margin-left: 91.6666666667%
}
.el-col-lg-pull-22 {
position: relative;
right: 91.6666666667%
}
.el-col-lg-push-22 {
position: relative;
left: 91.6666666667%
}
.el-col-lg-23 {
display: block;
max-width: 95.8333333333%;
flex: 0 0 95.8333333333%
}
.el-col-lg-offset-23 {
margin-left: 95.8333333333%
}
.el-col-lg-pull-23 {
position: relative;
right: 95.8333333333%
}
.el-col-lg-push-23 {
position: relative;
left: 95.8333333333%
}
.el-col-lg-24 {
display: block;
max-width: 100%;
flex: 0 0 100%
}
.el-col-lg-offset-24 {
margin-left: 100%
}
.el-col-lg-pull-24 {
position: relative;
right: 100%
}
.el-col-lg-push-24 {
position: relative;
left: 100%
}
}
@media only screen and (min-width: 1920px) {
.el-col-xl-0,.el-col-xl-0.is-guttered {
display:none
}
.el-col-xl-0 {
max-width: 0;
flex: 0 0 0%
}
.el-col-xl-offset-0 {
margin-left: 0
}
.el-col-xl-pull-0 {
position: relative;
right: 0
}
.el-col-xl-push-0 {
position: relative;
left: 0
}
.el-col-xl-1 {
display: block;
max-width: 4.1666666667%;
flex: 0 0 4.1666666667%
}
.el-col-xl-offset-1 {
margin-left: 4.1666666667%
}
.el-col-xl-pull-1 {
position: relative;
right: 4.1666666667%
}
.el-col-xl-push-1 {
position: relative;
left: 4.1666666667%
}
.el-col-xl-2 {
display: block;
max-width: 8.3333333333%;
flex: 0 0 8.3333333333%
}
.el-col-xl-offset-2 {
margin-left: 8.3333333333%
}
.el-col-xl-pull-2 {
position: relative;
right: 8.3333333333%
}
.el-col-xl-push-2 {
position: relative;
left: 8.3333333333%
}
.el-col-xl-3 {
display: block;
max-width: 12.5%;
flex: 0 0 12.5%
}
.el-col-xl-offset-3 {
margin-left: 12.5%
}
.el-col-xl-pull-3 {
position: relative;
right: 12.5%
}
.el-col-xl-push-3 {
position: relative;
left: 12.5%
}
.el-col-xl-4 {
display: block;
max-width: 16.6666666667%;
flex: 0 0 16.6666666667%
}
.el-col-xl-offset-4 {
margin-left: 16.6666666667%
}
.el-col-xl-pull-4 {
position: relative;
right: 16.6666666667%
}
.el-col-xl-push-4 {
position: relative;
left: 16.6666666667%
}
.el-col-xl-5 {
display: block;
max-width: 20.8333333333%;
flex: 0 0 20.8333333333%
}
.el-col-xl-offset-5 {
margin-left: 20.8333333333%
}
.el-col-xl-pull-5 {
position: relative;
right: 20.8333333333%
}
.el-col-xl-push-5 {
position: relative;
left: 20.8333333333%
}
.el-col-xl-6 {
display: block;
max-width: 25%;
flex: 0 0 25%
}
.el-col-xl-offset-6 {
margin-left: 25%
}
.el-col-xl-pull-6 {
position: relative;
right: 25%
}
.el-col-xl-push-6 {
position: relative;
left: 25%
}
.el-col-xl-7 {
display: block;
max-width: 29.1666666667%;
flex: 0 0 29.1666666667%
}
.el-col-xl-offset-7 {
margin-left: 29.1666666667%
}
.el-col-xl-pull-7 {
position: relative;
right: 29.1666666667%
}
.el-col-xl-push-7 {
position: relative;
left: 29.1666666667%
}
.el-col-xl-8 {
display: block;
max-width: 33.3333333333%;
flex: 0 0 33.3333333333%
}
.el-col-xl-offset-8 {
margin-left: 33.3333333333%
}
.el-col-xl-pull-8 {
position: relative;
right: 33.3333333333%
}
.el-col-xl-push-8 {
position: relative;
left: 33.3333333333%
}
.el-col-xl-9 {
display: block;
max-width: 37.5%;
flex: 0 0 37.5%
}
.el-col-xl-offset-9 {
margin-left: 37.5%
}
.el-col-xl-pull-9 {
position: relative;
right: 37.5%
}
.el-col-xl-push-9 {
position: relative;
left: 37.5%
}
.el-col-xl-10 {
display: block;
max-width: 41.6666666667%;
flex: 0 0 41.6666666667%
}
.el-col-xl-offset-10 {
margin-left: 41.6666666667%
}
.el-col-xl-pull-10 {
position: relative;
right: 41.6666666667%
}
.el-col-xl-push-10 {
position: relative;
left: 41.6666666667%
}
.el-col-xl-11 {
display: block;
max-width: 45.8333333333%;
flex: 0 0 45.8333333333%
}
.el-col-xl-offset-11 {
margin-left: 45.8333333333%
}
.el-col-xl-pull-11 {
position: relative;
right: 45.8333333333%
}
.el-col-xl-push-11 {
position: relative;
left: 45.8333333333%
}
.el-col-xl-12 {
display: block;
max-width: 50%;
flex: 0 0 50%
}
.el-col-xl-offset-12 {
margin-left: 50%
}
.el-col-xl-pull-12 {
position: relative;
right: 50%
}
.el-col-xl-push-12 {
position: relative;
left: 50%
}
.el-col-xl-13 {
display: block;
max-width: 54.1666666667%;
flex: 0 0 54.1666666667%
}
.el-col-xl-offset-13 {
margin-left: 54.1666666667%
}
.el-col-xl-pull-13 {
position: relative;
right: 54.1666666667%
}
.el-col-xl-push-13 {
position: relative;
left: 54.1666666667%
}
.el-col-xl-14 {
display: block;
max-width: 58.3333333333%;
flex: 0 0 58.3333333333%
}
.el-col-xl-offset-14 {
margin-left: 58.3333333333%
}
.el-col-xl-pull-14 {
position: relative;
right: 58.3333333333%
}
.el-col-xl-push-14 {
position: relative;
left: 58.3333333333%
}
.el-col-xl-15 {
display: block;
max-width: 62.5%;
flex: 0 0 62.5%
}
.el-col-xl-offset-15 {
margin-left: 62.5%
}
.el-col-xl-pull-15 {
position: relative;
right: 62.5%
}
.el-col-xl-push-15 {
position: relative;
left: 62.5%
}
.el-col-xl-16 {
display: block;
max-width: 66.6666666667%;
flex: 0 0 66.6666666667%
}
.el-col-xl-offset-16 {
margin-left: 66.6666666667%
}
.el-col-xl-pull-16 {
position: relative;
right: 66.6666666667%
}
.el-col-xl-push-16 {
position: relative;
left: 66.6666666667%
}
.el-col-xl-17 {
display: block;
max-width: 70.8333333333%;
flex: 0 0 70.8333333333%
}
.el-col-xl-offset-17 {
margin-left: 70.8333333333%
}
.el-col-xl-pull-17 {
position: relative;
right: 70.8333333333%
}
.el-col-xl-push-17 {
position: relative;
left: 70.8333333333%
}
.el-col-xl-18 {
display: block;
max-width: 75%;
flex: 0 0 75%
}
.el-col-xl-offset-18 {
margin-left: 75%
}
.el-col-xl-pull-18 {
position: relative;
right: 75%
}
.el-col-xl-push-18 {
position: relative;
left: 75%
}
.el-col-xl-19 {
display: block;
max-width: 79.1666666667%;
flex: 0 0 79.1666666667%
}
.el-col-xl-offset-19 {
margin-left: 79.1666666667%
}
.el-col-xl-pull-19 {
position: relative;
right: 79.1666666667%
}
.el-col-xl-push-19 {
position: relative;
left: 79.1666666667%
}
.el-col-xl-20 {
display: block;
max-width: 83.3333333333%;
flex: 0 0 83.3333333333%
}
.el-col-xl-offset-20 {
margin-left: 83.3333333333%
}
.el-col-xl-pull-20 {
position: relative;
right: 83.3333333333%
}
.el-col-xl-push-20 {
position: relative;
left: 83.3333333333%
}
.el-col-xl-21 {
display: block;
max-width: 87.5%;
flex: 0 0 87.5%
}
.el-col-xl-offset-21 {
margin-left: 87.5%
}
.el-col-xl-pull-21 {
position: relative;
right: 87.5%
}
.el-col-xl-push-21 {
position: relative;
left: 87.5%
}
.el-col-xl-22 {
display: block;
max-width: 91.6666666667%;
flex: 0 0 91.6666666667%
}
.el-col-xl-offset-22 {
margin-left: 91.6666666667%
}
.el-col-xl-pull-22 {
position: relative;
right: 91.6666666667%
}
.el-col-xl-push-22 {
position: relative;
left: 91.6666666667%
}
.el-col-xl-23 {
display: block;
max-width: 95.8333333333%;
flex: 0 0 95.8333333333%
}
.el-col-xl-offset-23 {
margin-left: 95.8333333333%
}
.el-col-xl-pull-23 {
position: relative;
right: 95.8333333333%
}
.el-col-xl-push-23 {
position: relative;
left: 95.8333333333%
}
.el-col-xl-24 {
display: block;
max-width: 100%;
flex: 0 0 100%
}
.el-col-xl-offset-24 {
margin-left: 100%
}
.el-col-xl-pull-24 {
position: relative;
right: 100%
}
.el-col-xl-push-24 {
position: relative;
left: 100%
}
}
.el-collapse {
--el-collapse-border-color: var(--el-border-color-lighter);
--el-collapse-header-height: 48px;
--el-collapse-header-background-color: var(--el-color-white);
--el-collapse-header-font-color: var(--el-text-color-primary);
--el-collapse-header-font-size: 13px;
--el-collapse-content-background-color: var(--el-color-white);
--el-collapse-content-font-size: 13px;
--el-collapse-content-font-color: var(--el-text-color-primary);
border-top: 1px solid var(--el-collapse-border-color);
border-bottom: 1px solid var(--el-collapse-border-color)
}
.el-collapse-item.is-disabled .el-collapse-item__header {
color: var(--el-font-color-disabled-base);
cursor: not-allowed
}
.el-collapse-item__header {
display: flex;
align-items: center;
height: var(--el-collapse-header-height);
line-height: var(--el-collapse-header-height);
background-color: var(--el-collapse-header-background-color);
color: var(--el-collapse-header-font-color);
cursor: pointer;
border-bottom: 1px solid var(--el-collapse-border-color);
font-size: var(--el-collapse-header-font-size);
font-weight: 500;
transition: border-bottom-color var(--el-transition-duration);
outline: none
}
.el-collapse-item__arrow {
margin: 0 8px 0 auto;
transition: transform var(--el-transition-duration);
font-weight: 300
}
.el-collapse-item__arrow.is-active {
transform: rotate(90deg)
}
.el-collapse-item__header.focusing:focus:not(:hover) {
color: var(--el-color-primary)
}
.el-collapse-item__header.is-active {
border-bottom-color: transparent
}
.el-collapse-item__wrap {
will-change: height;
background-color: var(--el-collapse-content-background-color);
overflow: hidden;
box-sizing: border-box;
border-bottom: 1px solid var(--el-collapse-border-color)
}
.el-collapse-item__content {
padding-bottom: 25px;
font-size: var(--el-collapse-content-font-size);
color: var(--el-collapse-content-font-color);
line-height: 1.7692307692
}
.el-collapse-item:last-child {
margin-bottom: -1px
}
.el-color-predefine {
display: flex;
font-size: 12px;
margin-top: 8px;
width: 280px
}
.el-color-predefine__colors {
display: flex;
flex: 1;
flex-wrap: wrap
}
.el-color-predefine__color-selector {
margin: 0 0 8px 8px;
width: 20px;
height: 20px;
border-radius: 4px;
cursor: pointer
}
.el-color-predefine__color-selector:nth-child(10n+1) {
margin-left: 0
}
.el-color-predefine__color-selector.selected {
box-shadow: 0 0 3px 2px var(--el-color-primary)
}
.el-color-predefine__color-selector>div {
display: flex;
height: 100%;
border-radius: 3px
}
.el-color-predefine__color-selector.is-alpha {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}
.el-color-hue-slider {
position: relative;
box-sizing: border-box;
width: 280px;
height: 12px;
background-color: red;
padding: 0 2px;
float: right
}
.el-color-hue-slider__bar {
position: relative;
background: linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);
height: 100%
}
.el-color-hue-slider__thumb {
position: absolute;
cursor: pointer;
box-sizing: border-box;
left: 0;
top: 0;
width: 4px;
height: 100%;
border-radius: 1px;
background: #fff;
border: 1px solid #f0f0f0;
box-shadow: 0 0 2px rgba(0,0,0,.6);
z-index: 1
}
.el-color-hue-slider.is-vertical {
width: 12px;
height: 180px;
padding: 2px 0
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
background: linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
left: 0;
top: 0;
width: 100%;
height: 4px
}
.el-color-svpanel {
position: relative;
width: 280px;
height: 180px
}
.el-color-svpanel__black,.el-color-svpanel__white {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.el-color-svpanel__white {
background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0))
}
.el-color-svpanel__black {
background: linear-gradient(0deg,#000,transparent)
}
.el-color-svpanel__cursor {
position: absolute
}
.el-color-svpanel__cursor>div {
cursor: head;
width: 4px;
height: 4px;
box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);
border-radius: 50%;
transform: translate(-2px,-2px)
}
.el-color-alpha-slider {
position: relative;
box-sizing: border-box;
width: 280px;
height: 12px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}
.el-color-alpha-slider__bar {
position: relative;
background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
height: 100%
}
.el-color-alpha-slider__thumb {
position: absolute;
cursor: pointer;
box-sizing: border-box;
left: 0;
top: 0;
width: 4px;
height: 100%;
border-radius: 1px;
background: #fff;
border: 1px solid #f0f0f0;
box-shadow: 0 0 2px rgba(0,0,0,.6);
z-index: 1
}
.el-color-alpha-slider.is-vertical {
width: 20px;
height: 180px
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff)
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
left: 0;
top: 0;
width: 100%;
height: 4px
}
.el-color-dropdown {
width: 300px
}
.el-color-dropdown__main-wrapper {
margin-bottom: 6px
}
.el-color-dropdown__main-wrapper:after {
content: "";
display: table;
clear: both
}
.el-color-dropdown__btns {
margin-top: 6px;
text-align: right
}
.el-color-dropdown__value {
float: left;
line-height: 26px;
font-size: 12px;
color: #000;
width: 160px
}
.el-color-picker {
display: inline-block;
position: relative;
line-height: normal;
height: 40px
}
.el-color-picker.is-disabled .el-color-picker__trigger {
cursor: not-allowed
}
.el-color-picker--medium {
height: 36px
}
.el-color-picker--medium .el-color-picker__trigger {
height: 36px;
width: 36px
}
.el-color-picker--medium .el-color-picker__mask {
height: 34px;
width: 34px
}
.el-color-picker--small {
height: 32px
}
.el-color-picker--small .el-color-picker__trigger {
height: 32px;
width: 32px
}
.el-color-picker--small .el-color-picker__mask {
height: 30px;
width: 30px
}
.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon {
transform: translate3d(-50%,-50%,0) scale(.8)
}
.el-color-picker--mini {
height: 28px
}
.el-color-picker--mini .el-color-picker__trigger {
height: 28px;
width: 28px
}
.el-color-picker--mini .el-color-picker__mask {
height: 26px;
width: 26px
}
.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon {
transform: translate3d(-50%,-50%,0) scale(.8)
}
.el-color-picker__mask {
height: 38px;
width: 38px;
border-radius: 4px;
position: absolute;
top: 1px;
left: 1px;
z-index: 1;
cursor: not-allowed;
background-color: hsla(0,0%,100%,.7)
}
.el-color-picker__trigger {
display: inline-block;
box-sizing: border-box;
height: 40px;
width: 40px;
padding: 4px;
border: 1px solid #e6e6e6;
border-radius: 4px;
font-size: 0;
position: relative;
cursor: pointer
}
.el-color-picker__color {
position: relative;
display: block;
box-sizing: border-box;
border: 1px solid var(--el-text-color-secondary);
border-radius: var(--el-border-radius-small);
width: 100%;
height: 100%;
text-align: center
}
.el-color-picker__color.is-alpha {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}
.el-color-picker__color-inner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.el-color-picker__empty {
color: var(--el-text-color-secondary)
}
.el-color-picker__empty,.el-color-picker__icon {
font-size: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0)
}
.el-color-picker__icon {
display: inline-block;
width: 100%;
color: #fff;
text-align: center
}
.el-color-picker__panel {
position: absolute;
z-index: 10;
padding: 6px;
box-sizing: initial;
background-color: #fff;
border-radius: var(--el-border-radius-base);
box-shadow: var(--el-box-shadow-light)
}
.el-color-picker__panel.el-popper {
border: 1px solid var(--el-border-color-lighter)
}
.el-container {
display: flex;
flex-direction: row;
flex: 1;
flex-basis: auto;
box-sizing: border-box;
min-width: 0
}
.el-container.is-vertical {
flex-direction: column
}
.el-date-table {
font-size: 12px;
user-select: none
}
.el-date-table.is-week-mode .el-date-table__row:hover div {
background-color: var(--el-datepicker-inrange-background-color)
}
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
color: var(--el-datepicker-font-color)
}
.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
margin-left: 5px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px
}
.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
margin-right: 5px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px
}
.el-date-table.is-week-mode .el-date-table__row.current div {
background-color: var(--el-datepicker-inrange-background-color)
}
.el-date-table td {
width: 32px;
height: 30px;
padding: 4px 0;
box-sizing: border-box;
text-align: center;
cursor: pointer;
position: relative
}
.el-date-table td div {
height: 30px;
padding: 3px 0;
box-sizing: border-box
}
.el-date-table td span {
width: 24px;
height: 24px;
display: block;
margin: 0 auto;
line-height: 24px;
position: absolute;
left: 50%;
transform: translateX(-50%);
border-radius: 50%
}
.el-date-table td.next-month,.el-date-table td.prev-month {
color: var(--el-datepicker-off-font-color)
}
.el-date-table td.today {
position: relative
}
.el-date-table td.today span {
color: var(--el-color-primary);
font-weight: 700
}
.el-date-table td.today.end-date span,.el-date-table td.today.start-date span {
color: #fff
}
.el-date-table td.available:hover {
color: var(--el-datepicker-hover-font-color)
}
.el-date-table td.in-range div {
background-color: var(--el-datepicker-inrange-background-color)
}
.el-date-table td.in-range div:hover {
background-color: var(--el-datepicker-inrange-hover-background-color)
}
.el-date-table td.current:not(.disabled) span {
color: #fff;
background-color: var(--el-datepicker-active-color)
}
.el-date-table td.end-date div,.el-date-table td.start-date div {
color: #fff
}
.el-date-table td.end-date span,.el-date-table td.start-date span {
background-color: var(--el-datepicker-active-color)
}
.el-date-table td.start-date div {
margin-left: 5px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px
}
.el-date-table td.end-date div {
margin-right: 5px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px
}
.el-date-table td.disabled div {
background-color: #f5f7fa;
opacity: 1;
cursor: not-allowed;
color: var(--el-text-color-placeholder)
}
.el-date-table td.selected div {
margin-left: 5px;
margin-right: 5px;
background-color: var(--el-datepicker-inrange-background-color);
border-radius: 15px
}
.el-date-table td.selected div:hover {
background-color: var(--el-datepicker-inrange-hover-background-color)
}
.el-date-table td.selected span {
background-color: var(--el-datepicker-active-color);
color: #fff;
border-radius: 15px
}
.el-date-table td.week {
font-size: 80%
}
.el-date-table td.week,.el-date-table th {
color: var(--el-datepicker-header-font-color)
}
.el-date-table th {
padding: 5px;
font-weight: 400;
border-bottom: 1px solid var(--el-border-color-lighter)
}
.el-month-table {
font-size: 12px;
margin: -1px;
border-collapse: collapse
}
.el-month-table td {
text-align: center;
padding: 8px 0;
cursor: pointer
}
.el-month-table td div {
height: 48px;
padding: 6px 0;
box-sizing: border-box
}
.el-month-table td.today .cell {
color: var(--el-color-primary);
font-weight: 700
}
.el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell {
color: #fff
}
.el-month-table td.disabled .cell {
background-color: #f5f7fa;
cursor: not-allowed
}
.el-month-table td.disabled .cell,.el-month-table td.disabled .cell:hover {
color: var(--el-text-color-placeholder)
}
.el-month-table td .cell {
width: 60px;
height: 36px;
display: block;
line-height: 36px;
color: var(--el-datepicker-font-color);
margin: 0 auto;
border-radius: 18px
}
.el-month-table td .cell:hover {
color: var(--el-datepicker-hover-font-color)
}
.el-month-table td.in-range div {
background-color: var(--el-datepicker-inrange-background-color)
}
.el-month-table td.in-range div:hover {
background-color: var(--el-datepicker-inrange-hover-background-color)
}
.el-month-table td.end-date div,.el-month-table td.start-date div {
color: #fff
}
.el-month-table td.end-date .cell,.el-month-table td.start-date .cell {
color: #fff;
background-color: var(--el-datepicker-active-color)
}
.el-month-table td.start-date div {
border-top-left-radius: 24px;
border-bottom-left-radius: 24px
}
.el-month-table td.end-date div {
border-top-right-radius: 24px;
border-bottom-right-radius: 24px
}
.el-month-table td.current:not(.disabled) .cell {
color: var(--el-datepicker-active-color)
}
.el-year-table {
font-size: 12px;
margin: -1px;
border-collapse: collapse
}
.el-year-table .el-icon {
color: var(--el-datepicker-icon-color)
}
.el-year-table td {
text-align: center;
padding: 20px 3px;
cursor: pointer
}
.el-year-table td.today .cell {
color: var(--el-color-primary);
font-weight: 700
}
.el-year-table td.disabled .cell {
background-color: var(--el-background-color-base);
cursor: not-allowed
}
.el-year-table td.disabled .cell,.el-year-table td.disabled .cell:hover {
color: var(--el-text-color-placeholder)
}
.el-year-table td .cell {
width: 48px;
height: 32px;
display: block;
line-height: 32px;
color: var(--el-datepicker-font-color);
margin: 0 auto
}
.el-year-table td .cell:hover {
color: var(--el-datepicker-hover-font-color)
}
.el-year-table td.current:not(.disabled) .cell {
color: var(--el-datepicker-active-color)
}
.el-date-range-picker {
--el-datepicker-font-color: var(--el-text-color-regular);
--el-datepicker-off-font-color: var(--el-text-color-placeholder);
--el-datepicker-header-font-color: var(--el-text-color-regular);
--el-datepicker-icon-color: var(--el-text-color-primary);
--el-datepicker-border-color: var(--el-disabled-border-base);
--el-datepicker-inner-border-color: var(--el-border-color-light);
--el-datepicker-inrange-background-color: var(--el-border-color-extra-light);
--el-datepicker-inrange-hover-background-color: var(--el-border-color-extra-light);
--el-datepicker-active-color: var(--el-color-primary);
--el-datepicker-hover-font-color: var(--el-color-primary);
width: 646px
}
.el-date-range-picker.has-sidebar {
width: 756px
}
.el-date-range-picker table {
table-layout: fixed;
width: 100%
}
.el-date-range-picker .el-picker-panel__body {
min-width: 513px
}
.el-date-range-picker .el-picker-panel__content {
margin: 0
}
.el-date-range-picker__header {
position: relative;
text-align: center;
height: 28px
}
.el-date-range-picker__header [class*=arrow-left] {
float: left
}
.el-date-range-picker__header [class*=arrow-right] {
float: right
}
.el-date-range-picker__header div {
font-size: 16px;
font-weight: 500;
margin-right: 50px
}
.el-date-range-picker__content {
float: left;
width: 50%;
box-sizing: border-box;
margin: 0;
padding: 16px
}
.el-date-range-picker__content.is-left {
border-right: 1px solid var(--el-datepicker-inner-border-color)
}
.el-date-range-picker__content .el-date-range-picker__header div {
margin-left: 50px;
margin-right: 50px
}
.el-date-range-picker__editors-wrap {
box-sizing: border-box;
display: table-cell
}
.el-date-range-picker__editors-wrap.is-right {
text-align: right
}
.el-date-range-picker__time-header {
position: relative;
border-bottom: 1px solid var(--el-datepicker-inner-border-color);
font-size: 12px;
padding: 8px 5px 5px;
display: table;
width: 100%;
box-sizing: border-box
}
.el-date-range-picker__time-header>.el-icon-arrow-right {
font-size: 20px;
vertical-align: middle;
display: table-cell;
color: var(--el-datepicker-icon-color)
}
.el-date-range-picker__time-picker-wrap {
position: relative;
display: table-cell;
padding: 0 5px
}
.el-date-range-picker__time-picker-wrap .el-picker-panel {
position: absolute;
top: 13px;
right: 0;
z-index: 1;
background: #fff
}
.el-date-range-picker__time-picker-wrap .el-time-panel {
position: absolute
}
.el-descriptions {
--el-descriptions-header-margin-bottom: 20px;
--el-descriptions-title-font-size: 16px;
--el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
--el-descriptions-item-bordered-label-background: #fafafa;
box-sizing: border-box;
font-size: var(--el-font-size-base);
color: var(--el-text-color-primary)
}
.el-descriptions__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: var(--el-descriptions-header-margin-bottom)
}
.el-descriptions__title {
font-size: var(--el-descriptions-title-font-size);
font-weight: 700
}
.el-descriptions__body {
color: var(--el-text-color-regular);
background-color: #fff
}
.el-descriptions__body .el-descriptions__table {
border-collapse: collapse;
width: 100%
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell {
box-sizing: border-box;
text-align: left;
font-weight: 400;
line-height: 1.5
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
text-align: left
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center {
text-align: center
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right {
text-align: right
}
.el-descriptions .is-bordered .el-descriptions__cell {
border: var(--el-descriptions-table-border);
padding: 12px 10px
}
.el-descriptions :not(.is-bordered) .el-descriptions__cell {
padding-bottom: 12px
}
.el-descriptions--medium.is-bordered .el-descriptions__cell {
padding: 10px
}
.el-descriptions--medium:not(.is-bordered) .el-descriptions__cell {
padding-bottom: 10px
}
.el-descriptions--small {
font-size: 12px
}
.el-descriptions--small.is-bordered .el-descriptions__cell {
padding: 8px 10px
}
.el-descriptions--small:not(.is-bordered) .el-descriptions__cell {
padding-bottom: 8px
}
.el-descriptions--mini {
font-size: 12px
}
.el-descriptions--mini.is-bordered .el-descriptions__cell {
padding: 6px 10px
}
.el-descriptions--mini:not(.is-bordered) .el-descriptions__cell {
padding-bottom: 6px
}
.el-descriptions__label.el-descriptions__cell.is-bordered-label {
font-weight: 700;
color: var(--el-text-color-secondary);
background: var(--el-descriptions-item-bordered-label-background)
}
.el-descriptions__label:not(.is-bordered-label) {
margin-right: 10px
}
.el-dialog {
--el-dialog-background-color: var(--el-color-white);
--el-dialog-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
--el-dialog-title-font-size: var(--el-font-size-large);
--el-dialog-content-font-size: 14px;
--el-dialog-font-line-height: var(--el-font-line-height-primary);
--el-dialog-padding-primary: 20px;
position: relative;
margin: 0 auto 50px;
background: var(--el-dialog-background-color);
border-radius: var(--el-border-radius-small);
box-shadow: var(--el-dialog-box-shadow);
box-sizing: border-box;
width: 50%
}
.el-dialog.is-fullscreen {
width: 100%;
margin-top: 0;
margin-bottom: 0;
height: 100%;
overflow: auto
}
.el-dialog__wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
margin: 0
}
.el-dialog__header {
padding: var(--el-dialog-padding-primary);
padding-bottom: 10px
}
.el-dialog__headerbtn {
position: absolute;
top: var(--el-dialog-padding-primary);
right: var(--el-dialog-padding-primary);
padding: 0;
background: transparent;
border: none;
outline: none;
cursor: pointer;
font-size: var(--el-message-close-size,16px)
}
.el-dialog__headerbtn .el-dialog__close {
color: var(--el-color-info)
}
.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
color: var(--el-color-primary)
}
.el-dialog__title {
line-height: var(--el-dialog-font-line-height);
font-size: var(--el-dialog-title-font-size);
color: var(--el-text-color-primary)
}
.el-dialog__body {
padding: calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);
color: var(--el-text-color-regular);
font-size: var(--el-dialog-content-font-size);
word-break: break-all
}
.el-dialog__footer {
padding: var(--el-dialog-padding-primary);
padding-top: 10px;
text-align: right;
box-sizing: border-box
}
.el-dialog--center {
text-align: center
}
.el-dialog--center .el-dialog__body {
text-align: initial;
padding: 25px calc(var(--el-dialog-padding-primary) + 5px) 30px
}
.el-dialog--center .el-dialog__footer {
text-align: inherit
}
.el-overlay-dialog {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.dialog-fade-enter-active {
animation: modal-fade-in var(--el-transition-duration)
}
.dialog-fade-enter-active .el-overlay-dialog {
animation: dialog-fade-in var(--el-transition-duration)
}
.dialog-fade-leave-active {
animation: modal-fade-out var(--el-transition-duration)
}
.dialog-fade-leave-active .el-overlay-dialog {
animation: dialog-fade-out var(--el-transition-duration)
}
@keyframes dialog-fade-in {
0% {
transform: translate3d(0,-20px,0);
opacity: 0
}
to {
transform: translateZ(0);
opacity: 1
}
}
@keyframes dialog-fade-out {
0% {
transform: translateZ(0);
opacity: 1
}
to {
transform: translate3d(0,-20px,0);
opacity: 0
}
}
@keyframes modal-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes modal-fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.el-divider {
background-color: var(--el-border-color-base);
position: relative
}
.el-divider--horizontal {
display: block;
height: 1px;
width: 100%;
margin: 24px 0
}
.el-divider--vertical {
display: inline-block;
width: 1px;
height: 1em;
margin: 0 8px;
vertical-align: middle;
position: relative
}
.el-divider__text {
position: absolute;
background-color: #fff;
padding: 0 20px;
font-weight: 500;
color: var(--el-text-color-primary);
font-size: 14px
}
.el-divider__text.is-left {
left: 20px;
transform: translateY(-50%)
}
.el-divider__text.is-center {
left: 50%;
transform: translateX(-50%) translateY(-50%)
}
.el-divider__text.is-right {
right: 20px;
transform: translateY(-50%)
}
@keyframes el-drawer-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes rtl-drawer-animation {
0% {
transform: translate(0)
}
to {
transform: translate(100%)
}
}
@keyframes ltr-drawer-animation {
0% {
transform: translate(0)
}
to {
transform: translate(-100%)
}
}
@keyframes ttb-drawer-animation {
0% {
transform: translate(0)
}
to {
transform: translateY(-100%)
}
}
@keyframes btt-drawer-animation {
0% {
transform: translate(0)
}
to {
transform: translateY(100%)
}
}
.el-drawer {
--el-drawer-background-color: var(--el-dialog-background-color,var(--el-color-white));
--el-drawer-padding-primary: var(--el-dialog-padding-primary,20px);
position: absolute;
box-sizing: border-box;
background-color: var(--el-drawer-background-color);
display: flex;
flex-direction: column;
box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
overflow: hidden
}
.el-drawer-fade-enter-active .el-drawer.rtl {
animation: rtl-drawer-animation var(--el-transition-duration) linear reverse
}
.el-drawer-fade-leave-active .el-drawer.rtl {
animation: rtl-drawer-animation var(--el-transition-duration) linear
}
.el-drawer-fade-enter-active .el-drawer.ltr {
animation: ltr-drawer-animation var(--el-transition-duration) linear reverse
}
.el-drawer-fade-leave-active .el-drawer.ltr {
animation: ltr-drawer-animation var(--el-transition-duration) linear
}
.el-drawer-fade-enter-active .el-drawer.ttb {
animation: ttb-drawer-animation var(--el-transition-duration) linear reverse
}
.el-drawer-fade-leave-active .el-drawer.ttb {
animation: ttb-drawer-animation var(--el-transition-duration) linear
}
.el-drawer-fade-enter-active .el-drawer.btt {
animation: btt-drawer-animation var(--el-transition-duration) linear reverse
}
.el-drawer-fade-leave-active .el-drawer.btt {
animation: btt-drawer-animation var(--el-transition-duration) linear
}
.el-drawer__header {
align-items: center;
color: #72767b;
display: flex;
margin-bottom: 32px;
padding: var(--el-drawer-padding-primary);
padding-bottom: 0
}
.el-drawer__header>:first-child {
flex: 1
}
.el-drawer__title {
margin: 0;
flex: 1;
line-height: inherit;
font-size: 1rem
}
.el-drawer__close-btn {
border: none;
cursor: pointer;
font-size: var(--el-font-size-extra-large);
color: inherit;
background-color: initial;
outline: none
}
.el-drawer__close-btn:hover i {
color: var(--el-color-primary)
}
.el-drawer__body {
flex: 1
}
.el-drawer__body>* {
box-sizing: border-box
}
.el-drawer.ltr,.el-drawer.rtl {
height: 100%;
top: 0;
bottom: 0
}
.el-drawer.btt,.el-drawer.ttb {
width: 100%;
left: 0;
right: 0
}
.el-drawer.ltr {
left: 0
}
.el-drawer.rtl {
right: 0
}
.el-drawer.ttb {
top: 0
}
.el-drawer.btt {
bottom: 0
}
.el-drawer-fade-enter-active {
animation: el-drawer-fade-in var(--el-transition-duration);
overflow: hidden!important
}
.el-drawer-fade-leave-active {
overflow: hidden!important;
animation: el-drawer-fade-in var(--el-transition-duration) reverse
}
.el-dropdown {
display: inline-block;
position: relative;
color: var(--el-text-color-regular);
font-size: var(--el-font-size-base);
line-height: 1
}
.el-dropdown,.el-dropdown__popper {
--el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
--el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
--el-dropdown-menuItem-hover-color: var(--el-color-primary-light-2);
--el-dropdown-menu-index: 10
}
.el-dropdown__popper.el-popper[role=tooltip] {
background: #fff;
box-shadow: var(--el-dropdown-menu-box-shadow)
}
.el-dropdown__popper.el-popper[role=tooltip],.el-dropdown__popper.el-popper[role=tooltip] .el-popper__arrow:before {
border: 1px solid var(--el-border-color-light)
}
.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow:before {
border-top-color: transparent;
border-left-color: transparent
}
.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow:before {
border-bottom-color: transparent;
border-right-color: transparent
}
.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow:before {
border-left-color: transparent;
border-bottom-color: transparent
}
.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow:before {
border-right-color: transparent;
border-top-color: transparent
}
.el-dropdown__popper .el-dropdown-menu {
border: none
}
.el-dropdown__popper .el-dropdown__popper-selfdefine {
outline: none
}
.el-dropdown__popper .el-scrollbar__bar {
z-index: calc(var(--el-dropdown-menu-index) + 1)
}
.el-dropdown__popper .el-dropdown__list {
list-style: none;
padding: 0;
margin: 0;
box-sizing: border-box
}
.el-dropdown .el-button-group {
display: block
}
.el-dropdown .el-button-group .el-button {
float: none
}
.el-dropdown .el-dropdown__caret-button {
padding-left: 5px;
padding-right: 5px;
position: relative;
border-left: none
}
.el-dropdown .el-dropdown__caret-button:before {
content: "";
position: absolute;
display: block;
width: 1px;
top: 5px;
bottom: 5px;
left: 0;
background: hsla(0,0%,100%,.5)
}
.el-dropdown .el-dropdown__caret-button.el-button--default:before {
background: var(--el-default-border-color);
opacity: .5
}
.el-dropdown .el-dropdown__caret-button:hover:before {
top: 0;
bottom: 0
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
padding-left: 0
}
.el-dropdown__list__icon {
font-size: 12px;
margin: 0 3px
}
.el-dropdown .el-dropdown-selfdefine {
outline: none
}
.el-dropdown-menu {
position: relative;
top: 0;
left: 0;
z-index: var(--el-dropdown-menu-index);
padding: 10px 0;
margin: 0;
background-color: #fff;
border: none;
border-radius: var(--el-border-radius-base);
box-shadow: none
}
.el-dropdown-menu__item {
list-style: none;
line-height: 36px;
padding: 0 20px;
margin: 0;
font-size: var(--el-font-size-base);
color: var(--el-text-color-regular);
cursor: pointer;
outline: none
}
.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover {
background-color: var(--el-dropdown-menuItem-hover-fill);
color: var(--el-dropdown-menuItem-hover-color)
}
.el-dropdown-menu__item i {
margin-right: 5px
}
.el-dropdown-menu__item--divided {
position: relative;
margin-top: 6px;
border-top: 1px solid var(--el-border-color-lighter)
}
.el-dropdown-menu__item--divided:before {
content: "";
height: 6px;
display: block;
margin: 0 -20px;
background-color: #fff
}
.el-dropdown-menu__item.is-disabled {
cursor: not-allowed;
color: var(--el-font-color-disabled-base)
}
.el-dropdown-menu--medium {
padding: 6px 0
}
.el-dropdown-menu--medium .el-dropdown-menu__item {
line-height: 30px;
padding: 0 17px;
font-size: 14px
}
.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
margin-top: 6px
}
.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
height: 6px;
margin: 0 -17px
}
.el-dropdown-menu--small {
padding: 6px 0
}
.el-dropdown-menu--small .el-dropdown-menu__item {
line-height: 27px;
padding: 0 15px;
font-size: 13px
}
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
margin-top: 4px
}
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
height: 4px;
margin: 0 -15px
}
.el-dropdown-menu--mini {
padding: 3px 0
}
.el-dropdown-menu--mini .el-dropdown-menu__item {
line-height: 24px;
padding: 0 10px;
font-size: 12px
}
.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
margin-top: 3px
}
.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
height: 3px;
margin: 0 -10px
}
.el-empty {
--el-empty-padding: 40px 0;
--el-empty-image-width: 160px;
--el-empty-description-margin-top: 20px;
--el-empty-bottom-margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
box-sizing: border-box;
padding: var(--el-empty-padding)
}
.el-empty__image {
width: var(--el-empty-image-width)
}
.el-empty__image img {
user-select: none;
width: 100%;
height: 100%;
vertical-align: top;
object-fit: contain
}
.el-empty__image svg {
fill: var(--el-svg-monochrome-grey);
width: 100%;
height: 100%;
vertical-align: top
}
.el-empty__description {
margin-top: var(--el-empty-description-margin-top)
}
.el-empty__description p {
margin: 0;
font-size: var(--el-font-size-base);
color: var(--el-text-color-secondary)
}
.el-empty__bottom {
margin-top: var(--el-empty-bottom-margin-top)
}
.el-footer {
--el-footer-padding: 0 20px;
--el-footer-height: 60px;
padding: var(--el-footer-padding);
box-sizing: border-box;
flex-shrink: 0;
height: var(--el-footer-height)
}
.el-form {
--el-form-label-font-size: var(--el-font-size-base)
}
.el-form--label-left .el-form-item__label {
text-align: left
}
.el-form--label-top .el-form-item {
display: block
}
.el-form--label-top .el-form-item__label {
display: block;
text-align: left;
padding: 0 0 10px
}
.el-form--inline .el-form-item {
display: inline-flex;
margin-right: 10px
}
.el-form--inline.el-form--label-top {
display: flex;
flex-wrap: wrap
}
.el-form--inline.el-form--label-top .el-form-item {
display: block
}
.el-form-item {
display: flex;
margin-bottom: 22px
}
.el-form-item .el-form-item {
margin-bottom: 0
}
.el-form-item .el-input__validateIcon {
display: none
}
.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label {
line-height: 36px
}
.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label {
line-height: 32px
}
.el-form-item--small.el-form-item {
margin-bottom: 18px
}
.el-form-item--small .el-form-item__error {
padding-top: 2px
}
.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label {
line-height: 28px
}
.el-form-item--mini.el-form-item {
margin-bottom: 18px
}
.el-form-item--mini .el-form-item__error {
padding-top: 1px
}
.el-form-item__label-wrap .el-form-item__label {
display: inline-block
}
.el-form-item__label {
flex: 0 0 auto;
text-align: right;
font-size: var(--el-form-label-font-size);
color: var(--el-text-color-regular);
line-height: 40px;
padding: 0 12px 0 0;
box-sizing: border-box
}
.el-form-item__content {
flex: 1;
line-height: 40px;
position: relative;
font-size: 14px;
min-width: 0
}
.el-form-item__content .el-input-group {
vertical-align: top
}
.el-form-item__error {
color: var(--el-color-danger);
font-size: 12px;
line-height: 1;
padding-top: 4px;
position: absolute;
top: 100%;
left: 0
}
.el-form-item__error--inline {
position: relative;
top: auto;
left: auto;
display: inline-block;
margin-left: 10px
}
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
content: "*";
color: var(--el-color-danger);
margin-right: 4px
}
.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus {
border-color: var(--el-color-danger)
}
.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner {
border-color: transparent
}
.el-form-item.is-error .el-input__validateIcon {
color: var(--el-color-danger)
}
.el-form-item--feedback .el-input__validateIcon {
display: inline-block
}
.el-header {
--el-header-padding: 0 20px;
--el-header-height: 60px;
padding: var(--el-header-padding);
box-sizing: border-box;
flex-shrink: 0;
height: var(--el-header-height)
}
.el-image-viewer__wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.el-image-viewer__btn {
position: absolute;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
opacity: .8;
cursor: pointer;
box-sizing: border-box;
user-select: none
}
.el-image-viewer__close {
top: 40px;
right: 40px;
width: 40px;
height: 40px;
font-size: 40px
}
.el-image-viewer__canvas {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center
}
.el-image-viewer__actions {
left: 50%;
bottom: 30px;
transform: translateX(-50%);
width: 282px;
height: 44px;
padding: 0 23px;
background-color: var(--el-text-color-regular);
border-color: #fff;
border-radius: 22px
}
.el-image-viewer__actions__inner {
width: 100%;
height: 100%;
text-align: justify;
cursor: default;
font-size: 23px;
color: #fff;
display: flex;
align-items: center;
justify-content: space-around
}
.el-image-viewer__prev {
left: 40px
}
.el-image-viewer__next,.el-image-viewer__prev {
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
font-size: 24px;
color: #fff;
background-color: var(--el-text-color-regular);
border-color: #fff
}
.el-image-viewer__next {
right: 40px;
text-indent: 2px
}
.el-image-viewer__close {
width: 44px;
height: 44px;
font-size: 24px;
color: #fff;
background-color: var(--el-text-color-regular);
border-color: #fff
}
.el-image-viewer__mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: .5;
background: #000
}
.viewer-fade-enter-active {
animation: viewer-fade-in var(--el-transition-duration)
}
.viewer-fade-leave-active {
animation: viewer-fade-out var(--el-transition-duration)
}
@keyframes viewer-fade-in {
0% {
transform: translate3d(0,-20px,0);
opacity: 0
}
to {
transform: translateZ(0);
opacity: 1
}
}
@keyframes viewer-fade-out {
0% {
transform: translateZ(0);
opacity: 1
}
to {
transform: translate3d(0,-20px,0);
opacity: 0
}
}
.el-image__error,.el-image__inner,.el-image__placeholder {
width: 100%;
height: 100%
}
.el-image {
position: relative;
display: inline-block;
overflow: hidden
}
.el-image__inner {
vertical-align: top
}
.el-image__inner--center {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: block
}
.el-image__error,.el-image__placeholder {
background: #f5f7fa
}
.el-image__error {
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: var(--el-text-color-placeholder);
vertical-align: middle
}
.el-image__preview {
cursor: pointer
}
.el-input-number {
position: relative;
display: inline-block;
width: 180px;
line-height: 38px
}
.el-input-number .el-input {
display: block
}
.el-input-number .el-input__inner {
-webkit-appearance: none;
padding-left: 50px;
padding-right: 50px;
text-align: center
}
.el-input-number__decrease,.el-input-number__increase {
position: absolute;
z-index: 1;
top: 1px;
width: 40px;
height: auto;
text-align: center;
background: #f5f7fa;
color: var(--el-text-color-regular);
cursor: pointer;
font-size: 13px
}
.el-input-number__decrease:hover,.el-input-number__increase:hover {
color: var(--el-color-primary)
}
.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__inner,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__inner {
border-color: var(--el-input-focus-border,var(--el-color-primary))
}
.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled {
color: var(--el-disabled-color-base);
cursor: not-allowed
}
.el-input-number__increase {
right: 1px;
border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
border-left: var(--el-border-base)
}
.el-input-number__decrease {
left: 1px;
border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
border-right: var(--el-border-base)
}
.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase {
border-color: var(--el-disabled-border-base);
color: var(--el-disabled-border-base)
}
.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover {
color: var(--el-disabled-border-base);
cursor: not-allowed
}
.el-input-number--medium {
width: 200px;
line-height: 34px
}
.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase {
width: 36px;
font-size: 14px
}
.el-input-number--medium .el-input__inner {
padding-left: 43px;
padding-right: 43px
}
.el-input-number--small {
width: 130px;
line-height: 30px
}
.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase {
width: 32px;
font-size: 13px
}
.el-input-number--small .el-input__inner {
padding-left: 39px;
padding-right: 39px
}
.el-input-number--mini {
width: 130px;
line-height: 26px
}
.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase {
width: 28px;
font-size: 12px
}
.el-input-number--mini .el-input__inner {
padding-left: 35px;
padding-right: 35px
}
.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon] {
transform: scale(.9)
}
.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon] {
transform: scale(.8)
}
.el-input-number.is-without-controls .el-input__inner {
padding-left: 15px;
padding-right: 15px
}
.el-input-number.is-controls-right .el-input__inner {
padding-left: 15px;
padding-right: 50px
}
.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase {
height: auto;
line-height: 19px
}
.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
transform: scale(.8)
}
.el-input-number.is-controls-right .el-input-number__increase {
border-radius: 0 var(--el-border-radius-base) 0 0;
border-bottom: var(--el-border-base)
}
.el-input-number.is-controls-right .el-input-number__decrease {
right: 1px;
bottom: 1px;
top: auto;
left: auto;
border-right: none;
border-left: var(--el-border-base);
border-radius: 0 0 var(--el-border-radius-base) 0
}
.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase] {
line-height: 17px
}
.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase] {
line-height: 15px
}
.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase] {
line-height: 13px
}
.el-textarea {
--el-input-font-color: var(--el-text-color-regular);
--el-input-border: var(--el-border-base);
--el-input-border-color: var(--el-border-color-base);
--el-input-border-radius: var(--el-border-radius-base);
--el-input-background-color: var(--el-color-white);
--el-input-icon-color: var(--el-text-color-placeholder);
--el-input-placeholder-color: var(--el-text-color-placeholder);
--el-input-hover-border: var(--el-border-color-hover);
--el-input-clear-hover-color: var(--el-text-color-secondary);
--el-input-focus-border: var(--el-color-primary);
position: relative;
display: inline-block;
width: 100%;
vertical-align: bottom;
font-size: var(--el-font-size-base)
}
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
line-height: 1.5;
box-sizing: border-box;
width: 100%;
font-size: inherit;
font-family: inherit;
color: var(--el-input-font-color,var(--el-text-color-regular));
background-color: var(--el-input-background-color,var(--el-color-white));
background-image: none;
border: var(--el-input-border,var(--el-border-base));
border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
transition: var(--el-transition-border)
}
.el-textarea__inner::placeholder {
color: var(--el-input-placeholder-color,var(--el-text-color-placeholder))
}
.el-textarea__inner:hover {
border-color: var(--el-input-hover-border,)
}
.el-textarea__inner:focus {
outline: none;
border-color: var(--el-input-focus-border,)
}
.el-textarea .el-input__count {
color: var(--el-color-info);
background: var(--el-color-white);
position: absolute;
font-size: 12px;
line-height: 14px;
bottom: 5px;
right: 10px
}
.el-textarea.is-disabled .el-textarea__inner {
background-color: var(--el-disabled-fill-base);
border-color: var(--el-disabled-border-base);
color: var(--el-disabled-color-base);
cursor: not-allowed
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
color: var(--el-text-color-placeholder)
}
.el-textarea.is-exceed .el-textarea__inner {
border-color: var(--el-color-danger)
}
.el-textarea.is-exceed .el-input__count {
color: var(--el-color-danger)
}
.el-input {
--el-input-font-color: var(--el-text-color-regular);
--el-input-border: var(--el-border-base);
--el-input-border-color: var(--el-border-color-base);
--el-input-border-radius: var(--el-border-radius-base);
--el-input-background-color: var(--el-color-white);
--el-input-icon-color: var(--el-text-color-placeholder);
--el-input-placeholder-color: var(--el-text-color-placeholder);
--el-input-hover-border: var(--el-border-color-hover);
--el-input-clear-hover-color: var(--el-text-color-secondary);
--el-input-focus-border: var(--el-color-primary);
position: relative;
font-size: var(--el-font-size-base);
display: inline-block;
width: 100%;
line-height: 40px
}
.el-input::-webkit-scrollbar {
z-index: 11;
width: 6px
}
.el-input::-webkit-scrollbar:horizontal {
height: 6px
}
.el-input::-webkit-scrollbar-thumb {
border-radius: 5px;
width: 6px;
background: #b4bccc
}
.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track {
background: #fff
}
.el-input::-webkit-scrollbar-track-piece {
background: #fff;
width: 6px
}
.el-input .el-input__clear {
color: var(--el-input-icon-color);
font-size: var(--el-font-size-base,14px);
cursor: pointer;
transition: var(--el-transition-color)
}
.el-input .el-input__clear:hover {
color: var(--el-input-clear-hover-color)
}
.el-input .el-input__count {
height: 100%;
display: inline-flex;
align-items: center;
color: var(--el-color-info);
font-size: 12px
}
.el-input .el-input__count .el-input__count-inner {
background: #fff;
line-height: normal;
display: inline-block;
padding: 0 5px
}
.el-input__inner {
-webkit-appearance: none;
background-color: var(--el-input-background-color,var(--el-color-white));
background-image: none;
border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
border: var(--el-input-border,var(--el-border-base));
box-sizing: border-box;
color: var(--el-input-font-color,var(--el-text-color-regular));
display: inline-block;
font-size: inherit;
height: 40px;
line-height: 40px;
outline: none;
padding: 0 15px;
transition: var(--el-transition-border);
width: 100%
}
.el-input__inner::placeholder {
color: var(--el-input-placeholder-color,var(--el-text-color-placeholder))
}
.el-input__inner:hover {
border-color: var(--el-input-hover-border,var(--el-border-color-hover))
}
.el-input__inner:focus {
outline: none;
border-color: var(--el-input-focus-border,var(--el-color-primary))
}
.el-input__suffix {
position: absolute;
height: 100%;
right: 5px;
top: 0;
text-align: center;
color: var(--el-input-icon-color,var(--el-text-color-placeholder));
transition: all var(--el-transition-duration);
pointer-events: none
}
.el-input__suffix-inner {
pointer-events: all
}
.el-input__prefix {
position: absolute;
height: 100%;
left: 5px;
top: 0;
color: var(--el-input-icon-color,var(--el-text-color-placeholder))
}
.el-input__icon,.el-input__prefix {
text-align: center;
transition: all var(--el-transition-duration)
}
.el-input__icon {
width: 25px;
line-height: 40px
}
.el-input__icon:after {
content: "";
height: 100%;
width: 0;
display: inline-block;
vertical-align: middle
}
.el-input__validateIcon {
pointer-events: none
}
.el-input.is-active .el-input__inner {
outline: none;
border-color: var(--el-input-focus-border,)
}
.el-input.is-disabled .el-input__inner {
background-color: var(--el-disabled-fill-base);
border-color: var(--el-disabled-border-base);
color: var(--el-disabled-color-base);
cursor: not-allowed
}
.el-input.is-disabled .el-input__inner::placeholder {
color: var(--el-text-color-placeholder)
}
.el-input.is-disabled .el-input__icon {
cursor: not-allowed
}
.el-input.is-exceed .el-input__inner {
border-color: var(--el-color-danger)
}
.el-input.is-exceed .el-input__suffix .el-input__count {
color: var(--el-color-danger)
}
.el-input--suffix .el-input__inner {
padding-right: 30px
}
.el-input--suffix--password-clear .el-input__inner {
padding-right: 55px
}
.el-input--prefix .el-input__inner {
padding-left: 30px
}
.el-input--medium {
font-size: 14px;
line-height: 36px
}
.el-input--medium .el-input__inner {
height: 36px;
line-height: 36px
}
.el-input--medium .el-input__icon {
line-height: 36px
}
.el-input--small {
font-size: 13px;
line-height: 32px
}
.el-input--small .el-input__inner {
height: 32px;
line-height: 32px
}
.el-input--small .el-input__icon {
line-height: 32px
}
.el-input--mini {
font-size: 12px;
line-height: 28px
}
.el-input--mini .el-input__inner {
height: 28px;
line-height: 28px
}
.el-input--mini .el-input__icon {
line-height: 28px
}
.el-input-group {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: initial;
border-spacing: 0
}
.el-input-group>.el-input__inner {
vertical-align: middle;
display: table-cell
}
.el-input-group__append,.el-input-group__prepend {
background-color: var(--el-background-color-base);
color: var(--el-color-info);
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #dcdfe6;
border-radius: var(--el-input-border-radius);
padding: 0 20px;
width: 1px;
white-space: nowrap
}
.el-input-group__append:focus,.el-input-group__prepend:focus {
outline: none
}
.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select {
display: inline-block;
margin: -10px -20px
}
.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: initial;
color: inherit;
border-top: 0;
border-bottom: 0
}
.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input {
font-size: inherit
}
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.el-input-group__append {
border-left: 0
}
.el-input-group--prepend .el-input__inner,.el-input-group__append {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
border-color: transparent
}
.el-input-group--append .el-input__inner {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
border-color: transparent
}
.el-input__inner::-ms-clear {
display: none;
width: 0;
height: 0
}
.el-link {
--el-link-font-size: var(--el-font-size-base);
--el-link-font-weight: var(--el-font-weight-primary);
--el-link-default-font-color: var(--el-text-color-regular);
--el-link-default-active-color: var(--el-color-primary);
--el-link-disabled-font-color: var(--el-text-color-placeholder);
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
vertical-align: middle;
position: relative;
text-decoration: none;
outline: none;
cursor: pointer;
padding: 0;
font-size: var(--el-link-font-size);
font-weight: var(--el-link-font-weight)
}
.el-link.is-underline:hover:after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
border-bottom: 1px solid var(--el-link-default-active-color)
}
.el-link.is-disabled {
cursor: not-allowed
}
.el-link [class*=el-icon-]+span {
margin-left: 5px
}
.el-link.el-link--default {
color: var(--el-link-default-font-color)
}
.el-link.el-link--default:hover {
color: var(--el-link-default-active-color)
}
.el-link.el-link--default:after {
border-color: var(--el-link-default-active-color)
}
.el-link.el-link--default.is-disabled {
color: var(--el-link-disabled-font-color)
}
.el-link.el-link--primary {
--el-link-font-color: var(--el-color-primary);
color: var(--el-link-font-color)
}
.el-link.el-link--primary:hover {
color: #66b1ff
}
.el-link.el-link--primary:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--primary.is-disabled {
color: #a0cfff
}
.el-link.el-link--primary.is-underline:hover:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--success {
--el-link-font-color: var(--el-color-success);
color: var(--el-link-font-color)
}
.el-link.el-link--success:hover {
color: #85ce61
}
.el-link.el-link--success:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--success.is-disabled {
color: #b3e19d
}
.el-link.el-link--success.is-underline:hover:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--warning {
--el-link-font-color: var(--el-color-warning);
color: var(--el-link-font-color)
}
.el-link.el-link--warning:hover {
color: #ebb563
}
.el-link.el-link--warning:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--warning.is-disabled {
color: #f3d19e
}
.el-link.el-link--warning.is-underline:hover:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--danger {
--el-link-font-color: var(--el-color-danger);
color: var(--el-link-font-color)
}
.el-link.el-link--danger:hover {
color: #f78989
}
.el-link.el-link--danger:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--danger.is-disabled {
color: #fab6b6
}
.el-link.el-link--danger.is-underline:hover:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--error {
--el-link-font-color: var(--el-color-error);
color: var(--el-link-font-color)
}
.el-link.el-link--error:hover {
color: #f78989
}
.el-link.el-link--error:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--error.is-disabled {
color: #fab6b6
}
.el-link.el-link--error.is-underline:hover:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--info {
--el-link-font-color: var(--el-color-info);
color: var(--el-link-font-color)
}
.el-link.el-link--info:hover {
color: #a6a9ad
}
.el-link.el-link--info:after {
border-color: var(--el-link-font-color)
}
.el-link.el-link--info.is-disabled {
color: #c8c9cc
}
.el-link.el-link--info.is-underline:hover:after {
border-color: var(--el-link-font-color)
}
:root {
--el-loading-spinner-size: 42px;
--el-loading-fullscreen-spinner-size: 50px
}
.el-loading-parent--relative {
position: relative!important
}
.el-loading-parent--hidden {
overflow: hidden!important
}
.el-loading-mask {
position: absolute;
z-index: 2000;
background-color: hsla(0,0%,100%,.9);
margin: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: opacity var(--el-transition-duration)
}
.el-loading-mask.is-fullscreen {
position: fixed
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
margin-top: calc(0px - var(--el-loading-fullscreen-spinner-size)/2)
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
height: var(--el-loading-fullscreen-spinner-size);
width: var(--el-loading-fullscreen-spinner-size)
}
.el-loading-spinner {
top: 50%;
margin-top: calc(0px - var(--el-loading-spinner-size)/2);
width: 100%;
text-align: center;
position: absolute
}
.el-loading-spinner .el-loading-text {
color: var(--el-color-primary);
margin: 3px 0;
font-size: 14px
}
.el-loading-spinner .circular {
display: inline;
height: var(--el-loading-spinner-size);
width: var(--el-loading-spinner-size);
animation: loading-rotate 2s linear infinite
}
.el-loading-spinner .path {
animation: loading-dash 1.5s ease-in-out infinite;
stroke-dasharray: 90,150;
stroke-dashoffset: 0;
stroke-width: 2;
stroke: var(--el-color-primary);
stroke-linecap: round
}
.el-loading-spinner i {
color: var(--el-color-primary)
}
.el-loading-fade-enter-from,.el-loading-fade-leave-to {
opacity: 0
}
@keyframes loading-rotate {
to {
transform: rotate(1turn)
}
}
@keyframes loading-dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90,150;
stroke-dashoffset: -40px
}
to {
stroke-dasharray: 90,150;
stroke-dashoffset: -120px
}
}
.el-main {
--el-main-padding: 20px;
display: block;
flex: 1;
flex-basis: auto;
overflow: auto;
padding: var(--el-main-padding)
}
.el-main,.el-menu {
box-sizing: border-box
}
.el-menu {
--el-menu-item-font-size: var(--el-font-size-base);
--el-menu-item-font-color: var(--el-text-color-primary);
--el-menu-item-hover-fill: var(--el-color-primary-light-9);
--el-menu-background-color: var(--el-color-white);
--el-menu-border-color: #e6e6e6;
border-right: 1px solid var(--el-menu-border-color);
list-style: none;
position: relative;
margin: 0;
padding-left: 0;
background-color: var(--el-menu-background-color)
}
.el-menu:after,.el-menu:before {
display: table;
content: ""
}
.el-menu:after {
clear: both
}
.el-menu.el-menu--horizontal {
display: flex;
flex-wrap: nowrap;
border-bottom: 1px solid var(--el-menu-border-color)
}
.el-menu--horizontal {
border-right: none
}
.el-menu--horizontal>.el-menu-item {
float: left;
height: 60px;
line-height: 60px;
margin: 0;
border-bottom: 2px solid transparent;
color: var(--el-text-color-secondary)
}
.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover {
color: inherit
}
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
background-color: #fff
}
.el-menu--horizontal>.el-sub-menu {
float: left
}
.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover {
outline: none
}
.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title {
color: var(--el-text-color-primary)
}
.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title {
border-bottom: 2px solid var(--el-color-primary);
color: var(--el-text-color-primary)
}
.el-menu--horizontal>.el-sub-menu .el-sub-menu__title {
height: 60px;
line-height: 60px;
border-bottom: 2px solid transparent;
color: var(--el-text-color-secondary)
}
.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
background-color: #fff
}
.el-menu--horizontal>.el-sub-menu .el-sub-menu__icon-arrow {
position: static;
vertical-align: middle;
margin-left: 8px;
margin-top: -3px
}
.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title {
background-color: #fff;
float: none;
height: 36px;
line-height: 36px;
padding: 0 10px;
color: var(--el-text-color-secondary)
}
.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title {
color: var(--el-text-color-primary)
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
outline: none;
color: var(--el-text-color-primary)
}
.el-menu--horizontal>.el-menu-item.is-active {
border-bottom: 2px solid var(--el-color-primary);
color: var(--el-text-color-primary)
}
.el-menu--collapse {
width: 64px
}
.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon-] {
margin: 0;
vertical-align: middle;
width: 24px;
text-align: center
}
.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow {
display: none
}
.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block
}
.el-menu--collapse>.el-menu-item.is-active i {
color: inherit
}
.el-menu--collapse .el-menu .el-sub-menu {
min-width: 200px
}
.el-menu--collapse .el-sub-menu {
position: relative
}
.el-menu--collapse .el-sub-menu .el-menu {
position: absolute;
margin-left: 5px;
top: 0;
left: 100%;
z-index: 10;
border: 1px solid var(--el-border-color-light);
border-radius: var(--el-border-radius-small);
box-shadow: var(--el-box-shadow-light)
}
.el-menu--collapse .el-sub-menu.is-opened>.el-sub-menu__title .el-sub-menu__icon-arrow {
transform: none
}
.el-menu--collapse .el-sub-menu.is-active i {
color: var(--el-color-primary)
}
.el-menu--popup {
z-index: 100;
min-width: 200px;
border: none;
padding: 5px 0;
border-radius: var(--el-border-radius-small);
box-shadow: var(--el-box-shadow-light)
}
.el-menu-item {
height: 56px;
line-height: 56px;
font-size: var(--el-menu-item-font-size);
color: var(--el-menu-item-font-color);
padding: 0 20px;
list-style: none;
cursor: pointer;
position: relative;
transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);
box-sizing: border-box;
white-space: nowrap
}
.el-menu-item * {
vertical-align: middle
}
.el-menu-item i {
color: var(--el-text-color-secondary)
}
.el-menu-item:focus,.el-menu-item:hover {
outline: none
}
.el-menu-item:hover {
background-color: var(--el-menu-item-hover-fill)
}
.el-menu-item.is-disabled {
opacity: .25;
cursor: not-allowed;
background: none!important
}
.el-menu-item [class^=el-icon-] {
margin-right: 5px;
width: 24px;
text-align: center;
font-size: 18px;
vertical-align: middle
}
.el-menu-item.is-active {
color: var(--el-color-primary)
}
.el-menu-item.is-active i {
color: inherit
}
.el-sub-menu {
list-style: none;
margin: 0;
padding-left: 0
}
.el-sub-menu__title {
height: 56px;
line-height: 56px;
font-size: var(--el-menu-item-font-size);
color: var(--el-menu-item-font-color);
padding: 0 20px;
list-style: none;
cursor: pointer;
position: relative;
transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);
box-sizing: border-box;
white-space: nowrap
}
.el-sub-menu__title * {
vertical-align: middle
}
.el-sub-menu__title i {
color: var(--el-text-color-secondary)
}
.el-sub-menu__title:focus,.el-sub-menu__title:hover {
outline: none
}
.el-sub-menu__title.is-disabled {
opacity: .25;
cursor: not-allowed;
background: none!important
}
.el-sub-menu__title:hover {
background-color: var(--el-menu-item-hover-fill)
}
.el-sub-menu .el-menu {
border: none
}
.el-sub-menu .el-menu-item {
height: 50px;
line-height: 50px;
padding: 0 45px;
min-width: 200px
}
.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
display: none!important
}
.el-sub-menu__icon-more {
margin-right: 0!important
}
.el-sub-menu__icon-arrow {
position: absolute;
top: 50%;
right: 20px;
margin-top: -7px;
transition: transform var(--el-transition-duration);
font-size: 12px
}
.el-sub-menu.is-active .el-sub-menu__title {
border-bottom-color: var(--el-color-primary)
}
.el-sub-menu.is-opened>.el-sub-menu__title .el-sub-menu__icon-arrow {
transform: rotate(180deg)
}
.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title {
opacity: .25;
cursor: not-allowed;
background: none!important
}
.el-sub-menu [class^=el-icon-] {
vertical-align: middle;
margin-right: 5px;
width: 24px;
text-align: center;
font-size: 18px
}
.el-menu-item-group>ul {
padding: 0
}
.el-menu-item-group__title {
padding: 7px 0 7px 20px;
line-height: normal;
font-size: 12px;
color: var(--el-text-color-secondary)
}
.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
transition: var(--el-transition-duration-fast);
opacity: 0
}
:root {
--el-popup-modal-background-color: var(--el-color-black);
--el-popup-modal-opacity: 0.5
}
.v-modal-enter {
animation: v-modal-in var(--el-transition-duration-fast) ease
}
.v-modal-leave {
animation: v-modal-out var(--el-transition-duration-fast) ease forwards
}
@keyframes v-modal-in {
0% {
opacity: 0
}
}
@keyframes v-modal-out {
to {
opacity: 0
}
}
.v-modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: var(--el-popup-modal-opacity);
background: var(--el-popup-modal-background-color)
}
.el-popup-parent--hidden {
overflow: hidden
}
.el-message-box {
--el-messagebox-title-color: var(--el-text-color-primary);
--el-messagebox-width: 420px;
--el-messagebox-border-radius: 4px;
--el-messagebox-font-size: var(--el-font-size-large);
--el-messagebox-content-font-size: var(--el-font-size-base);
--el-messagebox-content-color: var(--el-text-color-regular);
--el-messagebox-error-font-size: 12px;
--el-messagebox-padding-primary: 15px;
display: inline-block;
width: var(--el-messagebox-width);
padding-bottom: 10px;
vertical-align: middle;
background-color: var(--el-color-white);
border-radius: var(--el-messagebox-border-radius);
border: 1px solid var(--el-border-color-lighter);
font-size: var(--el-messagebox-font-size);
box-shadow: var(--el-box-shadow-light);
text-align: left;
overflow: hidden;
backface-visibility: hidden
}
.el-overlay.is-message-box {
text-align: center
}
.el-overlay.is-message-box:after {
content: "";
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle
}
.el-message-box__header {
position: relative;
padding: var(--el-messagebox-padding-primary);
padding-bottom: 10px
}
.el-message-box__title {
padding-left: 0;
margin-bottom: 0;
font-size: var(--el-messagebox-font-size);
line-height: 1;
color: var(--el-messagebox-title-color)
}
.el-message-box__headerbtn {
position: absolute;
top: var(--el-messagebox-padding-primary);
right: var(--el-messagebox-padding-primary);
padding: 0;
border: none;
outline: none;
background: transparent;
font-size: var(--el-message-close-size,16px);
cursor: pointer
}
.el-message-box__headerbtn .el-message-box__close {
color: var(--el-color-info)
}
.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close {
color: var(--el-color-primary)
}
.el-message-box__content {
padding: 10px var(--el-messagebox-padding-primary);
color: var(--el-messagebox-content-color);
font-size: var(--el-messagebox-content-font-size)
}
.el-message-box__container {
position: relative
}
.el-message-box__input {
padding-top: 15px
}
.el-message-box__input div.invalid>input,.el-message-box__input div.invalid>input:focus {
border-color: var(--el-color-error)
}
.el-message-box__status {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 24px!important
}
.el-message-box__status:before {
padding-left: 1px
}
.el-message-box__status+.el-message-box__message {
padding-left: 36px;
padding-right: 12px
}
.el-message-box__status.el-icon-success {
--el-messagebox-color: var(--el-color-success);
color: var(--el-messagebox-color)
}
.el-message-box__status.el-icon-info {
--el-messagebox-color: var(--el-color-info);
color: var(--el-messagebox-color)
}
.el-message-box__status.el-icon-warning {
--el-messagebox-color: var(--el-color-warning);
color: var(--el-messagebox-color)
}
.el-message-box__status.el-icon-error {
--el-messagebox-color: var(--el-color-error);
color: var(--el-messagebox-color)
}
.el-message-box__message {
margin: 0
}
.el-message-box__message p {
margin: 0;
line-height: 24px
}
.el-message-box__errormsg {
color: var(--el-color-error);
font-size: var(--el-messagebox-error-font-size);
min-height: 18px;
margin-top: 2px
}
.el-message-box__btns {
padding: 5px 15px 0;
text-align: right
}
.el-message-box__btns button:nth-child(2) {
margin-left: 10px
}
.el-message-box__btns-reverse {
flex-direction: row-reverse
}
.el-message-box--center {
padding-bottom: 30px
}
.el-message-box--center .el-message-box__header {
padding-top: 30px
}
.el-message-box--center .el-message-box__title {
position: relative;
display: flex;
align-items: center;
justify-content: center
}
.el-message-box--center .el-message-box__status {
position: relative;
top: auto;
padding-right: 5px;
text-align: center;
transform: translateY(-1px)
}
.el-message-box--center .el-message-box__message {
margin-left: 0
}
.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content {
text-align: center
}
.el-message-box--center .el-message-box__content {
padding-left: calc(var(--el-messagebox-padding-primary) + 12px);
padding-right: calc(var(--el-messagebox-padding-primary) + 12px)
}
.fade-in-linear-enter-active .el-message-box {
animation: msgbox-fade-in var(--el-transition-duration)
}
.fade-in-linear-leave-active .el-message-box {
animation: msgbox-fade-in var(--el-transition-duration) reverse
}
@keyframes msgbox-fade-in {
0% {
transform: translate3d(0,-20px,0);
opacity: 0
}
to {
transform: translateZ(0);
opacity: 1
}
}
@keyframes msgbox-fade-out {
0% {
transform: translateZ(0);
opacity: 1
}
to {
transform: translate3d(0,-20px,0);
opacity: 0
}
}
.el-message {
--el-message-min-width: 380px;
--el-message-background-color: #edf2fc;
--el-message-padding: 15px 15px 15px 20px;
--el-message-close-size: 16px;
--el-message-close-icon-color: var(--el-text-color-placeholder);
--el-message-close-hover-color: var(--el-text-color-secondary);
min-width: var(--el-message-min-width);
box-sizing: border-box;
border-radius: var(--el-border-radius-base);
border: var(--el-border-width-base) var(--el-border-style-base) var(--el-border-color-lighter);
position: fixed;
left: 50%;
top: 20px;
transform: translateX(-50%);
transition: opacity .3s,transform .4s,top .4s;
background-color: var(--el-message-background-color);
transition: opacity var(--el-transition-duration),transform .4s,top .4s;
overflow: hidden;
padding: var(--el-message-padding);
display: flex;
align-items: center
}
.el-message.is-center {
justify-content: center
}
.el-message.is-closable .el-message__content {
padding-right: 16px
}
.el-message p {
margin: 0
}
.el-message--info .el-message__content {
color: var(--el-message-info-font-color)
}
.el-message--success {
background-color: #f0f9eb;
border-color: #e1f3d8;
--el-message-font-color: var(--el-color-success)
}
.el-message--success .el-message__content {
color: var(--el-message-font-color)
}
.el-message--info {
background-color: #f4f4f5;
border-color: #e9e9eb;
--el-message-font-color: var(--el-color-info)
}
.el-message--info .el-message__content {
color: var(--el-message-font-color)
}
.el-message--warning {
background-color: #fdf6ec;
border-color: #faecd8;
--el-message-font-color: var(--el-color-warning)
}
.el-message--warning .el-message__content {
color: var(--el-message-font-color)
}
.el-message--error {
background-color: #fef0f0;
border-color: #fde2e2;
--el-message-font-color: var(--el-color-error)
}
.el-message--error .el-message__content {
color: var(--el-message-font-color)
}
.el-message__icon {
margin-right: 10px
}
.el-message__content {
padding: 0;
font-size: 14px;
line-height: 1
}
.el-message__content:focus {
outline-width: 0
}
.el-message__closeBtn {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
cursor: pointer;
color: var(--el-message-close-icon-color);
font-size: var(--el-message-close-size,16px)
}
.el-message__closeBtn:focus {
outline-width: 0
}
.el-message__closeBtn:hover {
color: var(--el-message-close-hover-color)
}
.el-message .el-icon-success {
--el-message-font-color: var(--el-color-success);
color: var(--el-message-font-color)
}
.el-message .el-icon-info {
--el-message-font-color: var(--el-color-info);
color: var(--el-message-font-color)
}
.el-message .el-icon-warning {
--el-message-font-color: var(--el-color-warning);
color: var(--el-message-font-color)
}
.el-message .el-icon-error {
--el-message-font-color: var(--el-color-error);
color: var(--el-message-font-color)
}
.el-message-fade-enter-from,.el-message-fade-leave-to {
opacity: 0;
transform: translate(-50%,-100%)
}
.el-notification {
--el-notification-width: 330px;
--el-notification-padding: 14px 26px 14px 13px;
--el-notification-radius: 8px;
--el-notification-shadow: var(--el-box-shadow-light);
--el-notification-border-color: var(--el-border-color-lighter);
--el-notification-icon-size: 24px;
--el-notification-close-font-size: var(--el-message-close-size,16px);
--el-notification-group-margin-left: 13px;
--el-notification-group-margin-right: 8px;
--el-notification-content-font-size: var(--el-font-size-base);
--el-notification-content-color: var(--el-text-color-regular);
--el-notification-title-font-size: 16px;
--el-notification-title-color: var(--el-text-color-primary);
--el-notification-close-color: var(--el-text-color-secondary);
--el-notification-close-hover-color: var(--el-text-color-regular);
display: flex;
width: var(--el-notification-width);
padding: var(--el-notification-padding);
border-radius: var(--el-notification-radius);
box-sizing: border-box;
border: 1px solid var(--el-notification-border-color);
position: fixed;
background-color: var(--el-color-white);
box-shadow: var(--el-notification-shadow);
transition: opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);
overflow-wrap: anywhere;
overflow: hidden;
z-index: 9999
}
.el-notification.right {
right: 16px
}
.el-notification.left {
left: 16px
}
.el-notification__group {
margin-left: var(--el-notification-group-margin-left);
margin-right: var(--el-notification-group-margin-right)
}
.el-notification__title {
font-weight: 700;
font-size: var(--el-notification-title-font-size);
line-height: var(--el-notification-icon-size);
color: var(--el-notification-title-color);
margin: 0
}
.el-notification__content {
font-size: var(--el-notification-content-font-size);
line-height: 24px;
margin: 6px 0 0;
color: var(--el-notification-content-color);
text-align: justify
}
.el-notification__content p {
margin: 0
}
.el-notification__icon {
height: var(--el-notification-icon-size);
width: var(--el-notification-icon-size);
font-size: var(--el-notification-icon-size)
}
.el-notification__closeBtn {
position: absolute;
top: 18px;
right: 15px;
cursor: pointer;
color: var(--el-notification-close-color);
font-size: var(--el-notification-close-font-size)
}
.el-notification__closeBtn:hover {
color: var(--el-notification-close-hover-color)
}
.el-notification .el-icon-success {
--el-notification-icon-color: var(--el-color-success);
color: var(--el-notification-icon-color)
}
.el-notification .el-icon-info {
--el-notification-icon-color: var(--el-color-info);
color: var(--el-notification-icon-color)
}
.el-notification .el-icon-warning {
--el-notification-icon-color: var(--el-color-warning);
color: var(--el-notification-icon-color)
}
.el-notification .el-icon-error {
--el-notification-icon-color: var(--el-color-error);
color: var(--el-notification-icon-color)
}
.el-notification-fade-enter-from.right {
right: 0;
transform: translateX(100%)
}
.el-notification-fade-enter-from.left {
left: 0;
transform: translateX(-100%)
}
.el-notification-fade-leave-to {
opacity: 0
}
.el-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2000;
height: 100%;
background-color: rgba(0,0,0,.5);
overflow: auto
}
.el-overlay .el-overlay-root {
height: 0
}
.el-page-header {
display: flex;
line-height: 24px
}
.el-page-header__left {
display: flex;
cursor: pointer;
margin-right: 40px;
position: relative
}
.el-page-header__left:after {
content: "";
position: absolute;
width: 1px;
height: 16px;
right: -20px;
top: 50%;
transform: translateY(-50%);
background-color: var(--el-border-color-base)
}
.el-page-header__icon {
font-size: 18px;
margin-right: 6px;
display: flex;
align-items: center
}
.el-page-header__title {
font-size: 14px;
font-weight: 500
}
.el-page-header__content {
font-size: 18px;
color: var(--el-text-color-primary)
}
.el-pagination {
--el-pagination-font-size: 13px;
--el-pagination-background-color: var(--el-color-white);
--el-pagination-font-color: var(--el-text-color-primary);
--el-pagination-border-radius: 3px;
--el-pagination-button-color: var(--el-text-color-primary);
--el-pagination-button-width: 35.5px;
--el-pagination-button-height: 28px;
--el-pagination-button-disabled-color: var(--el-text-color-placeholder);
--el-pagination-button-disabled-background-color: var(--el-color-white);
--el-pagination-hover-color: var(--el-color-primary);
--el-pagination-height-extra-small: 22px;
--el-pagination-line-height-extra-small: var(--el-pagination-height-extra-small);
white-space: nowrap;
padding: 2px 5px;
color: var(--el-pagination-font-color);
font-weight: 700
}
.el-pagination:after,.el-pagination:before {
display: table;
content: ""
}
.el-pagination:after {
clear: both
}
.el-pagination button,.el-pagination span:not([class*=suffix]) {
display: inline-block;
font-size: var(--el-pagination-font-size);
min-width: var(--el-pagination-button-width);
height: var(--el-pagination-button-height);
line-height: var(--el-pagination-button-height);
vertical-align: top;
box-sizing: border-box
}
.el-pagination .el-input__inner {
text-align: center;
-moz-appearance: textfield;
line-height: normal
}
.el-pagination .el-input__suffix {
right: 0;
transform: scale(.8)
}
.el-pagination .el-select .el-input {
width: 100px;
margin: 0 5px
}
.el-pagination .el-select .el-input .el-input__inner {
padding-right: 25px;
border-radius: var(--el-pagination-border-radius)
}
.el-pagination button {
border: none;
padding: 0 6px;
background: transparent
}
.el-pagination button:focus {
outline: none
}
.el-pagination button:hover {
color: var(--el-pagination-hover-color)
}
.el-pagination button:disabled {
color: var(--el-pagination-button-disabled-color);
background-color: var(--el-pagination-button-disabled-background-color);
cursor: not-allowed
}
.el-pagination .btn-next,.el-pagination .btn-prev {
background: 50% no-repeat;
background-size: 16px;
background-color: var(--el-pagination-background-color);
cursor: pointer;
margin: 0;
color: var(--el-pagination-button-color)
}
.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon {
display: block;
font-size: 12px;
font-weight: 700;
width: inherit
}
.el-pagination .btn-prev {
padding-right: 12px
}
.el-pagination .btn-next {
padding-left: 12px
}
.el-pagination .el-pager li.disabled {
color: var(--el-text-color-placeholder);
cursor: not-allowed
}
.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child {
border-color: transparent;
font-size: var(--el-font-size-extra-small);
line-height: var(--el-pagination-line-height-extra-small);
height: var(--el-pagination-height-extra-small);
min-width: 22px
}
.el-pagination--small .arrow.disabled {
visibility: hidden
}
.el-pagination--small .more:before,.el-pagination--small li.more:before {
line-height: var(--el-pagination-line-height-extra-small)
}
.el-pagination--small button,.el-pagination--small span:not([class*=suffix]) {
height: var(--el-pagination-height-extra-small);
line-height: var(--el-pagination-line-height-extra-small)
}
.el-pagination--small .el-pagination__editor {
height: var(--el-pagination-line-height-extra-small)
}
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
height: var(--el-pagination-height-extra-small)
}
.el-pagination--small .el-input--mini,.el-pagination--small .el-input__inner {
height: var(--el-pagination-height-extra-small)!important;
line-height: var(--el-pagination-line-height-extra-small)
}
.el-pagination--small .el-input__suffix,.el-pagination--small .el-input__suffix .el-input__suffix-inner,.el-pagination--small .el-input__suffix .el-input__suffix-inner i.el-select__caret {
line-height: var(--el-pagination-line-height-extra-small)
}
.el-pagination__sizes {
margin: 0 10px 0 0;
font-weight: 400;
color: var(--el-text-color-regular)
}
.el-pagination__sizes .el-input .el-input__inner {
font-size: var(--el-pagination-font-size);
padding-left: 8px
}
.el-pagination__sizes .el-input .el-input__inner:hover {
border-color: var(--el-pagination-hover-color)
}
.el-pagination__total {
margin-right: 10px
}
.el-pagination__jump,.el-pagination__total {
font-weight: 400;
color: var(--el-text-color-regular)
}
.el-pagination__jump {
margin-left: 24px
}
.el-pagination__jump .el-input__inner {
padding: 0 3px
}
.el-pagination__rightwrapper {
float: right
}
.el-pagination__editor {
line-height: 18px;
padding: 0 2px;
height: var(--el-pagination-button-height);
text-align: center;
margin: 0 2px;
box-sizing: border-box;
border-radius: var(--el-pagination-border-radius)
}
.el-pagination__editor.el-input {
width: 50px
}
.el-pagination__editor.el-input .el-input__inner {
height: var(--el-pagination-button-height)
}
.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li {
margin: 0 5px;
background-color: #f4f4f5;
color: var(--el-text-color-regular);
min-width: 30px;
border-radius: 2px
}
.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .el-pager li.disabled {
color: var(--el-text-color-placeholder)
}
.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev {
padding: 0
}
.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev:disabled {
color: var(--el-text-color-placeholder)
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
color: var(--el-pagination-hover-color)
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: var(--el-color-primary);
color: var(--el-color-white)
}
.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li {
margin: 0 3px;
min-width: 22px
}
.el-pager {
user-select: none;
list-style: none;
display: inline-block;
vertical-align: top;
font-size: 0;
padding: 0;
margin: 0
}
.el-pager .more:before {
line-height: 30px
}
.el-pager li {
padding: 0 4px;
background: var(--el-pagination-background-color);
vertical-align: top;
display: inline-block;
font-size: var(--el-pagination-font-size);
min-width: var(--el-pagination-button-width);
height: var(--el-pagination-button-height);
line-height: var(--el-pagination-button-height);
cursor: pointer;
box-sizing: border-box;
text-align: center;
margin: 1px
}
.el-pager li.btn-quicknext,.el-pager li.btn-quickprev {
line-height: 28px;
color: var(--el-pagination-button-color)
}
.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled {
color: var(--el-text-color-placeholder)
}
.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover {
cursor: pointer
}
.el-pager li.active+li {
border-left: 0
}
.el-pager li:focus-visible {
outline: 1px solid var(--el-pagination-hover-color)
}
.el-pager li.active,.el-pager li:hover {
color: var(--el-pagination-hover-color)
}
.el-pager li.active {
cursor: default
}
.el-popconfirm__main {
display: flex;
align-items: center
}
.el-popconfirm__icon {
margin-right: 5px
}
.el-popconfirm__action {
text-align: right;
margin: 0
}
.el-popover {
--el-popover-background-color: var(--el-color-white);
--el-popover-font-size: var(--el-font-size-base);
--el-popover-border-color: var(--el-border-color-lighter);
--el-popover-padding: 12px;
--el-popover-padding-large: 18px 20px;
--el-popover-title-font-size: 16px;
--el-popover-title-font-color: var(--el-text-color-primary);
--el-popover-border-radius: 4px
}
.el-popover.el-popper {
background: var(--el-popover-background-color);
min-width: 150px;
border-radius: var(--el-popover-border-radius);
border: 1px solid var(--el-popover-border-color);
padding: var(--el-popover-padding);
z-index: var(--el-index-popper);
color: var(--el-text-color-regular);
line-height: 1.4;
text-align: justify;
font-size: var(--el-popover-font-size);
box-shadow: var(--el-box-shadow-light);
word-break: break-all
}
.el-popover.el-popper--plain {
padding: var(--el-popover-padding-large)
}
.el-popover__title {
color: var(--el-popover-title-font-color);
font-size: var(--el-popover-title-font-size);
line-height: 1;
margin-bottom: 12px
}
.el-popover.el-popper:focus,.el-popover.el-popper:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing) {
outline-width: 0
}
.el-progress {
position: relative;
line-height: 1;
display: flex;
align-items: center
}
.el-progress__text {
font-size: 14px;
color: var(--el-text-color-regular);
margin-left: 5px;
min-width: 50px;
line-height: 1
}
.el-progress__text i {
vertical-align: middle;
display: block
}
.el-progress--circle,.el-progress--dashboard {
display: inline-block
}
.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
margin: 0;
transform: translateY(-50%)
}
.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i {
vertical-align: middle;
display: inline-block
}
.el-progress--without-text .el-progress__text {
display: none
}
.el-progress--without-text .el-progress-bar {
padding-right: 0;
margin-right: 0;
display: block
}
.el-progress--text-inside .el-progress-bar {
padding-right: 0;
margin-right: 0
}
.el-progress.is-success .el-progress-bar__inner {
background-color: var(--el-color-success)
}
.el-progress.is-success .el-progress__text {
color: var(--el-color-success)
}
.el-progress.is-warning .el-progress-bar__inner {
background-color: var(--el-color-warning)
}
.el-progress.is-warning .el-progress__text {
color: var(--el-color-warning)
}
.el-progress.is-exception .el-progress-bar__inner {
background-color: var(--el-color-danger)
}
.el-progress.is-exception .el-progress__text {
color: var(--el-color-danger)
}
.el-progress-bar {
flex-grow: 1;
box-sizing: border-box
}
.el-progress-bar__outer {
height: 6px;
border-radius: 100px;
background-color: var(--el-border-color-lighter);
overflow: hidden;
position: relative;
vertical-align: middle
}
.el-progress-bar__inner {
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: var(--el-color-primary);
text-align: right;
border-radius: 100px;
line-height: 1;
white-space: nowrap;
transition: width .6s ease
}
.el-progress-bar__inner:after {
display: inline-block;
content: "";
height: 100%;
vertical-align: middle
}
.el-progress-bar__inner--indeterminate {
transform: translateZ(0);
animation: indeterminate 3s infinite
}
.el-progress-bar__innerText {
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 12px;
margin: 0 5px
}
@keyframes progress {
0% {
background-position: 0 0
}
to {
background-position: 32px 0
}
}
@keyframes indeterminate {
0% {
left: -100%
}
to {
left: 100%
}
}
.el-radio-button {
--el-radio-button-checked-background-color: var(--el-color-primary);
--el-radio-button-checked-font-color: var(--el-color-white);
--el-radio-button-checked-border-color: var(--el-color-primary);
--el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light)
}
.el-radio-button,.el-radio-button__inner {
position: relative;
display: inline-block;
outline: none
}
.el-radio-button__inner {
line-height: 1;
white-space: nowrap;
vertical-align: middle;
background: var(--el-button-background-color,var(--el-color-white));
border: 1px solid #dcdfe6;
font-weight: var(--el-button-font-weight,var(--el-font-weight-primary));
border-left: 0;
color: var(--el-button-font-color,var(--el-text-color-regular));
-webkit-appearance: none;
text-align: center;
box-sizing: border-box;
margin: 0;
cursor: pointer;
transition: var(--el-transition-all);
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 12px 20px;
font-size: var(--el-font-size-base,14px);
border-radius: 0
}
.el-radio-button__inner.is-round {
padding: 12px 20px
}
.el-radio-button__inner:hover {
color: var(--el-color-primary)
}
.el-radio-button__inner [class*=el-icon-] {
line-height: .9
}
.el-radio-button__inner [class*=el-icon-]+span {
margin-left: 5px
}
.el-radio-button:first-child .el-radio-button__inner {
border-left: 1px solid #dcdfe6;
border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
box-shadow: none!important
}
.el-radio-button__original-radio {
opacity: 0;
outline: none;
position: absolute;
z-index: -1
}
.el-radio-button__original-radio:checked+.el-radio-button__inner {
color: var(--el-radio-button-checked-font-color,var(--el-color-white));
background-color: var(--el-radio-button-checked-background-color,var(--el-color-primary));
border-color: var(--el-radio-button-checked-border-color,var(--el-color-primary));
box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary))
}
.el-radio-button__original-radio:disabled+.el-radio-button__inner {
color: var(--el-button-disabled-font-color,var(--el-text-color-placeholder));
cursor: not-allowed;
background-image: none;
background-color: var(--el-button-disabled-background-color,var(--el-color-white));
border-color: var(--el-button-disabled-border-color,var(--el-border-color-light));
box-shadow: none
}
.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner {
background-color: var(--el-radio-button-disabled-checked-fill)
}
.el-radio-button:last-child .el-radio-button__inner {
border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0
}
.el-radio-button:first-child:last-child .el-radio-button__inner {
border-radius: var(--el-border-radius-base)
}
.el-radio-button--medium .el-radio-button__inner {
padding: 10px 20px;
font-size: var(--el-font-size-base,14px);
border-radius: 0
}
.el-radio-button--medium .el-radio-button__inner.is-round {
padding: 10px 20px
}
.el-radio-button--small .el-radio-button__inner {
padding: 9px 15px;
font-size: 12px;
border-radius: 0
}
.el-radio-button--small .el-radio-button__inner.is-round {
padding: 9px 15px
}
.el-radio-button--mini .el-radio-button__inner {
padding: 7px 15px;
font-size: 12px;
border-radius: 0
}
.el-radio-button--mini .el-radio-button__inner.is-round {
padding: 7px 15px
}
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
box-shadow: 0 0 2px 2px var(--el-radio-button-checked-border-color)
}
.el-radio-group {
font-size: 0
}
.el-radio {
--el-radio-font-size: var(--el-font-size-base);
--el-radio-font-color: var(--el-text-color-regular);
--el-radio-font-weight: var(--el-font-weight-primary);
--el-radio-input-height: 14px;
--el-radio-input-width: 14px;
--el-radio-input-border-radius: var(--el-border-radius-circle);
--el-radio-input-background-color: var(--el-color-white);
--el-radio-input-border: var(--el-border-base);
--el-radio-input-border-color: var(--el-border-color-base);
color: var(--el-radio-font-color);
font-weight: var(--el-radio-font-weight);
position: relative;
cursor: pointer;
display: inline-flex;
align-items: center;
white-space: nowrap;
outline: none;
font-size: var(--el-font-size-base);
user-select: none;
margin-right: 30px;
height: 40px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none
}
.el-radio.el-radio--medium {
height: 36px
}
.el-radio.el-radio--small {
height: 32px
}
.el-radio.el-radio--mini {
height: 28px
}
.el-radio.is-bordered {
padding: 0 20px 0 10px;
border-radius: var(--el-border-radius-base);
border: var(--el-border-base);
box-sizing: border-box
}
.el-radio.is-bordered.is-checked {
border-color: var(--el-color-primary)
}
.el-radio.is-bordered.is-disabled {
cursor: not-allowed;
border-color: var(--el-border-color-lighter)
}
.el-radio.is-bordered+.el-radio.is-bordered {
margin-left: 10px
}
.el-radio.is-bordered.el-radio--medium {
padding: 0 20px 0 10px;
border-radius: var(--el-border-radius-base)
}
.el-radio.is-bordered.el-radio--medium .el-radio__label {
font-size: var(--el-font-size-base,14px)
}
.el-radio.is-bordered.el-radio--medium .el-radio__inner {
height: 14px;
width: 14px
}
.el-radio.is-bordered.el-radio--small {
padding: 0 15px 0 10px;
border-radius: var(--el-border-radius-base)
}
.el-radio.is-bordered.el-radio--small .el-radio__label {
font-size: 12px
}
.el-radio.is-bordered.el-radio--small .el-radio__inner {
height: 12px;
width: 12px
}
.el-radio.is-bordered.el-radio--mini {
padding: 0 15px 0 10px;
border-radius: var(--el-border-radius-base)
}
.el-radio.is-bordered.el-radio--mini .el-radio__label {
font-size: 12px
}
.el-radio.is-bordered.el-radio--mini .el-radio__inner {
height: 12px;
width: 12px
}
.el-radio:last-child {
margin-right: 0
}
.el-radio__input {
white-space: nowrap;
cursor: pointer;
outline: none;
display: inline-flex;
position: relative;
vertical-align: middle
}
.el-radio__input.is-disabled .el-radio__inner {
border-color: var(--el-disabled-border-base)
}
.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled .el-radio__inner:after {
background-color: var(--el-disabled-fill-base);
cursor: not-allowed
}
.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
cursor: not-allowed
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
background-color: var(--el-disabled-fill-base);
border-color: var(--el-disabled-border-base)
}
.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
background-color: var(--el-text-color-placeholder)
}
.el-radio__input.is-disabled+span.el-radio__label {
color: var(--el-text-color-placeholder);
cursor: not-allowed
}
.el-radio__input.is-checked .el-radio__inner {
border-color: var(--el-color-primary);
background: var(--el-color-primary)
}
.el-radio__input.is-checked .el-radio__inner:after {
transform: translate(-50%,-50%) scale(1)
}
.el-radio__input.is-checked+.el-radio__label {
color: var(--el-color-primary)
}
.el-radio__input.is-focus .el-radio__inner {
border-color: var(--el-radio-input-border-color-hover)
}
.el-radio__inner {
border: var(--el-radio-input-border);
border-radius: var(--el-radio-input-border-radius);
width: var(--el-radio-input-width);
height: var(--el-radio-input-height);
background-color: var(--el-radio-input-background-color);
position: relative;
cursor: pointer;
display: inline-block;
box-sizing: border-box
}
.el-radio__inner:hover {
border-color: var(--el-radio-input-border-color-hover)
}
.el-radio__inner:after {
width: 4px;
height: 4px;
border-radius: var(--el-radio-input-border-radius);
background-color: var(--el-color-white);
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) scale(0);
transition: transform .15s ease-in
}
.el-radio__original {
opacity: 0;
outline: none;
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0
}
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover)
}
.el-radio__label {
font-size: var(--el-radio-font-size);
padding-left: 10px
}
.el-rate {
--el-rate-height: 20px;
--el-rate-font-size: var(--el-font-size-base);
--el-rate-icon-size: 18px;
--el-rate-icon-margin: 6px;
--el-rate-icon-color: var(--el-text-color-placeholder);
height: var(--el-rate-height);
line-height: 1
}
.el-rate:active,.el-rate:focus {
outline-width: 0
}
.el-rate__item {
font-size: 0;
vertical-align: middle
}
.el-rate__icon,.el-rate__item {
display: inline-block;
position: relative
}
.el-rate__icon {
font-size: var(--el-rate-icon-size);
margin-right: var(--el-rate-icon-margin);
color: var(--el-rate-icon-color);
transition: var(--el-transition-duration)
}
.el-rate__icon.hover {
transform: scale(1.15)
}
.el-rate__decimal,.el-rate__icon .path2 {
position: absolute;
left: 0;
top: 0
}
.el-rate__decimal {
display: inline-block;
overflow: hidden
}
.el-rate__text {
font-size: var(--el-rate-font-size);
vertical-align: middle
}
.el-result {
--el-result-padding: 40px 30px;
--el-result-icon-font-size: 64px;
--el-result-title-font-size: 20px;
--el-result-title-margin-top: 20px;
--el-result-subtitle-margin-top: 10px;
--el-result-extra-margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
box-sizing: border-box;
padding: var(--el-result-padding)
}
.el-result__icon svg {
width: var(--el-result-icon-font-size);
height: var(--el-result-icon-font-size)
}
.el-result__title {
margin-top: var(--el-result-title-margin-top)
}
.el-result__title p {
margin: 0;
font-size: var(--el-result-title-font-size);
color: var(--el-text-color-primary);
line-height: 1.3
}
.el-result__subtitle {
margin-top: var(--el-result-subtitle-margin-top)
}
.el-result__subtitle p {
margin: 0;
font-size: var(--el-font-size-base);
color: var(--el-text-color-regular);
line-height: 1.3
}
.el-result__extra {
margin-top: var(--el-result-extra-margin-top)
}
.el-result .icon-success {
--el-result-color: var(--el-color-success);
fill: var(--el-result-color)
}
.el-result .icon-warning {
--el-result-color: var(--el-color-warning);
fill: var(--el-result-color)
}
.el-result .icon-danger {
--el-result-color: var(--el-color-danger);
fill: var(--el-result-color)
}
.el-result .icon-info {
--el-result-color: var(--el-color-info);
fill: var(--el-result-color)
}
.el-result .icon-error {
--el-result-color: var(--el-color-error);
fill: var(--el-result-color)
}
.el-row {
display: flex;
flex-wrap: wrap;
position: relative;
box-sizing: border-box
}
.el-row.is-justify-center {
justify-content: center
}
.el-row.is-justify-end {
justify-content: flex-end
}
.el-row.is-justify-space-between {
justify-content: space-between
}
.el-row.is-justify-space-around {
justify-content: space-around
}
.el-row.is-align-middle {
align-items: center
}
.el-row.is-align-bottom {
align-items: flex-end
}
.el-scrollbar {
--el-scrollbar-opacity: 0.3;
--el-scrollbar-background-color: var(--el-text-color-secondary);
--el-scrollbar-hover-opacity: 0.5;
--el-scrollbar-hover-background-color: var(--el-text-color-secondary);
overflow: hidden;
position: relative;
height: 100%
}
.el-scrollbar__wrap {
overflow: auto;
height: 100%
}
.el-scrollbar__wrap--hidden-default {
scrollbar-width: none
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
display: none
}
.el-scrollbar__thumb {
position: relative;
display: block;
width: 0;
height: 0;
cursor: pointer;
border-radius: inherit;
background-color: var(--el-scrollbar-background-color,var(--el-text-color-secondary));
transition: var(--el-transition-duration) background-color;
opacity: var(--el-scrollbar-opacity,.3)
}
.el-scrollbar__thumb:hover {
background-color: var(--el-scrollbar-hover-background-color,var(--el-text-color-secondary));
opacity: var(--el-scrollbar-hover-opacity,.5)
}
.el-scrollbar__bar {
position: absolute;
right: 2px;
bottom: 2px;
z-index: 1;
border-radius: 4px
}
.el-scrollbar__bar.is-vertical {
width: 6px;
top: 2px
}
.el-scrollbar__bar.is-vertical>div {
width: 100%
}
.el-scrollbar__bar.is-horizontal {
height: 6px;
left: 2px
}
.el-scrollbar__bar.is-horizontal>div {
height: 100%
}
.el-scrollbar-fade-enter-active {
transition: opacity .34s ease-out
}
.el-scrollbar-fade-leave-active {
transition: opacity .12s ease-out
}
.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active {
opacity: 0
}
.el-select-v2 {
--el-select-border-color-hover: var(--el-border-color-hover);
--el-select-disabled-border: var(--el-disabled-border-base);
--el-select-font-size: var(--el-font-size-base);
--el-select-close-hover-color: var(--el-text-color-secondary);
--el-select-input-color: var(--el-text-color-placeholder);
--el-select-multiple-input-color: var(--el-text-color-regular);
--el-select-input-focus-border-color: var(--el-color-primary);
--el-select-input-font-size: 14px;
display: inline-block;
position: relative;
font-size: var(--el-font-size-base,14px)
}
.el-select-v2__wrapper {
box-sizing: border-box;
cursor: pointer;
padding: 5px 30px 5px 0;
border: 1px solid var(--el-border-color-base);
transition: border-color var(--el-transition-duration-fast) var(--el-ease-in-out-bezier-function)
}
.el-select-v2__wrapper:hover {
border-color: var(--el-text-color-placeholder)
}
.el-select-v2__wrapper.is-filterable {
cursor: text
}
.el-select-v2__wrapper.is-focused {
border-color: var(--el-color-primary)
}
.el-select-v2__wrapper.is-hovering:not(.is-focused) {
border-color: var(--el-text-color-placeholder)
}
.el-select-v2__wrapper.is-disabled {
cursor: not-allowed;
background-color: var(--el-background-color-base);
color: var(--el-text-color-placeholder)
}
.el-select-v2__wrapper.is-disabled,.el-select-v2__wrapper.is-disabled:hover {
border-color: var(--el-select-disabled-border)
}
.el-select-v2__wrapper.is-disabled.is-focus {
border-color: var(--el-input-focus-border-color)
}
.el-select-v2__wrapper.is-disabled .is-transparent {
opacity: 1;
user-select: none
}
.el-select-v2__wrapper .el-select-v2__input-wrapper {
box-sizing: border-box;
position: relative;
margin-inline-start:15px;max-width: 100%;
overflow: hidden
}
.el-select-v2__wrapper,.el-select-v2__wrapper .el-select-v2__input-wrapper {
line-height: 40px
}
.el-select-v2__wrapper .el-select-v2__input-wrapper input {
line-height: 28px;
height: 28px;
min-width: 4px;
width: 100%;
background-color: initial;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: 0 0;
border: none;
margin: 0;
outline: none;
padding: 0
}
.el-select-v2 .el-select-v2__tags-text {
text-overflow: ellipsis;
display: inline-block;
overflow-x: hidden;
vertical-align: bottom
}
.el-select-v2__empty {
padding: 10px 0;
margin: 0;
text-align: center;
color: var(--el-text-color-secondary);
font-size: 14px
}
.el-select-v2__popper.el-popper[role=tooltip] {
background: var(--el-color-white);
border: 1px solid var(--el-border-color-light);
box-shadow: var(--el-box-shadow-light)
}
.el-select-v2__popper.el-popper[role=tooltip] .el-popper__arrow:before {
border: 1px solid var(--el-border-color-light)
}
.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow:before {
border-top-color: transparent;
border-left-color: transparent
}
.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow:before {
border-bottom-color: transparent;
border-right-color: transparent
}
.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow:before {
border-left-color: transparent;
border-bottom-color: transparent
}
.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow:before {
border-right-color: transparent;
border-top-color: transparent
}
.el-select-v2--medium .el-select-v2__wrapper {
padding: 3px 30px 3px 0
}
.el-select-v2--medium .el-select-v2__caret,.el-select-v2--medium .el-select-v2__wrapper,.el-select-v2--medium .el-select-v2__wrapper .el-select-v2__input-wrapper {
line-height: 36px
}
.el-select-v2--medium .el-select-v2__suffix {
height: 36px
}
.el-select-v2--small .el-select-v2__wrapper {
padding: 3px 30px 3px 0;
line-height: 32px
}
.el-select-v2--small .el-select-v2__wrapper .el-select-v2__input-wrapper {
line-height: 24px
}
.el-select-v2--small .el-select-v2__wrapper .el-select-v2__input-wrapper input {
line-height: 24px;
height: 24px
}
.el-select-v2--small .el-select-v2__caret {
line-height: 32px
}
.el-select-v2--small .el-select-v2__suffix {
height: 32px
}
.el-select-v2--mini .el-select-v2__wrapper {
padding: 1px 30px 1px 0;
line-height: 28px
}
.el-select-v2--mini .el-select-v2__wrapper .el-select-v2__input-wrapper {
line-height: 24px
}
.el-select-v2--mini .el-select-v2__wrapper .el-select-v2__input-wrapper input {
line-height: 24px;
height: 24px
}
.el-select-v2--mini .el-select-v2__caret {
line-height: 28px
}
.el-select-v2--mini .el-select-v2__suffix {
height: 28px
}
.el-select-v2 .el-select-v2__selection>span {
display: inline-block
}
.el-select-v2:hover .el-select-v2__combobox-input {
border-color: var(--el-select-border-color-hover)
}
.el-select-v2 .el-select__selection-text {
text-overflow: ellipsis;
display: inline-block;
overflow-x: hidden;
vertical-align: bottom
}
.el-select-v2 .el-select-v2__combobox-input {
padding-right: 35px;
display: block
}
.el-select-v2 .el-select-v2__combobox-input:focus {
border-color: var(--el-select-input-focus-border-color)
}
.el-select-v2__input {
border: none;
outline: none;
padding: 0;
margin-left: 15px;
color: var(--el-select-multiple-input-color);
font-size: var(--el-select-font-size);
appearance: none;
height: 28px
}
.el-select-v2__input.is-mini {
height: 14px
}
.el-select-v2__close {
cursor: pointer;
position: absolute;
top: 8px;
z-index: var(--el-index-top);
right: 25px;
color: var(--el-select-input-color);
line-height: 18px;
font-size: var(--el-select-input-font-size)
}
.el-select-v2__close:hover {
color: var(--el-select-close-hover-color)
}
.el-select-v2__suffix {
position: absolute;
right: 5px;
height: 40px;
top: 50%;
transform: translateY(-50%)
}
.el-select-v2__caret {
color: var(--el-select-input-color);
font-size: var(--el-select-input-font-size);
transition: transform var(--el-transition-duration);
transform: rotate(180deg);
cursor: pointer
}
.el-select-v2__caret.is-reverse {
transform: rotate(0deg)
}
.el-select-v2__caret.is-show-close {
font-size: var(--el-select-font-size);
text-align: center;
transform: rotate(180deg);
border-radius: var(--el-border-radius-circle);
color: var(--el-select-input-color);
transition: var(--el-transition-color)
}
.el-select-v2__caret.is-show-close:hover {
color: --el-select-close-hover-color
}
.el-select-v2__selection {
white-space: normal;
z-index: var(--el-index-normal);
display: flex;
align-items: center;
flex-wrap: wrap
}
.el-select-v2__wrapper {
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: var(--el-border-radius-base);
position: relative;
transition: all var(--el-transition-duration) var(--el-ease-in-out-bezier-function)
}
.el-select-v2__input-calculator {
left: 0;
position: absolute;
top: 0;
visibility: hidden;
white-space: pre;
z-index: 999
}
.el-select-v2__selected-item {
line-height: inherit;
height: inherit;
user-select: none;
display: flex
}
.el-select-v2__placeholder {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-inline-start:15px;width: calc(100% - 52px);
color: var(--el-input-font-color,var(--el-text-color-regular));
font-size: inherit
}
.el-select-v2__placeholder.is-transparent {
color: var(--el-text-color-placeholder)
}
.el-select-v2 .el-select-v2__selection .el-tag {
box-sizing: border-box;
border-color: transparent;
margin: 2px 0 2px 6px;
background-color: #f0f2f5
}
.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close {
background-color: var(--el-text-color-placeholder);
right: -7px;
color: var(--el-color-white)
}
.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close:hover {
background-color: var(--el-text-color-secondary)
}
.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close:before {
display: block;
transform: translateY(.5px)
}
.el-select {
--el-select-border-color-hover: var(--el-border-color-hover);
--el-select-disabled-border: var(--el-disabled-border-base);
--el-select-font-size: var(--el-font-size-base);
--el-select-close-hover-color: var(--el-text-color-secondary);
--el-select-input-color: var(--el-text-color-placeholder);
--el-select-multiple-input-color: var(--el-text-color-regular);
--el-select-input-focus-border-color: var(--el-color-primary);
--el-select-input-font-size: 14px;
display: inline-block;
position: relative;
line-height: 40px
}
.el-select__popper.el-popper[role=tooltip] {
background: var(--el-color-white);
box-shadow: var(--el-box-shadow-light)
}
.el-select__popper.el-popper[role=tooltip],.el-select__popper.el-popper[role=tooltip] .el-popper__arrow:before {
border: 1px solid var(--el-border-color-light)
}
.el-select__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow:before {
border-top-color: transparent;
border-left-color: transparent
}
.el-select__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow:before {
border-bottom-color: transparent;
border-right-color: transparent
}
.el-select__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow:before {
border-left-color: transparent;
border-bottom-color: transparent
}
.el-select__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow:before {
border-right-color: transparent;
border-top-color: transparent
}
.el-select--medium {
line-height: 36px
}
.el-select--small {
line-height: 32px
}
.el-select--mini {
line-height: 28px
}
.el-select .el-select__tags>span {
display: inline-block
}
.el-select:hover .el-input__inner {
border-color: var(--el-select-border-color-hover)
}
.el-select .el-select__tags-text {
text-overflow: ellipsis;
display: inline-block;
overflow-x: hidden;
vertical-align: bottom;
color: #fff;
}
.el-select .el-input__inner {
cursor: pointer;
padding-right: 35px;
display: block
}
.el-select .el-input__inner:focus {
border-color: var(--el-select-input-focus-border-color)
}
.el-select .el-input {
display: block
}
.el-select .el-input .el-select__caret {
color: var(--el-select-input-color);
font-size: var(--el-select-input-font-size);
transition: transform var(--el-transition-duration);
transform: rotate(180deg);
cursor: pointer
}
.el-select .el-input .el-select__caret.is-reverse {
transform: rotate(0deg)
}
.el-select .el-input .el-select__caret.is-show-close {
font-size: var(--el-select-font-size);
text-align: center;
transform: rotate(180deg);
border-radius: var(--el-border-radius-circle);
color: var(--el-select-input-color);
transition: var(--el-transition-color)
}
.el-select .el-input .el-select__caret.is-show-close:hover {
color: var(--el-select-close-hover-color)
}
.el-select .el-input.is-disabled .el-input__inner {
cursor: not-allowed
}
.el-select .el-input.is-disabled .el-input__inner:hover {
border-color: var(--el-select-disabled-border)
}
.el-select .el-input.is-focus .el-input__inner {
border-color: var(--el-select-input-focus-border-color)
}
.el-select__input {
border: none;
outline: none;
padding: 0;
margin-left: 15px;
color: var(--el-select-multiple-input-color);
font-size: var(--el-select-font-size);
appearance: none;
height: 28px;
background-color: initial
}
.el-select__input.is-mini {
height: 14px
}
.el-select__close {
cursor: pointer;
position: absolute;
top: 8px;
z-index: var(--el-index-top);
right: 25px;
color: var(--el-select-input-color);
line-height: 18px;
font-size: var(--el-select-input-font-size)
}
.el-select__close:hover {
color: var(--el-select-close-hover-color)
}
.el-select__tags {
position: absolute;
line-height: normal;
white-space: normal;
z-index: var(--el-index-normal);
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
flex-wrap: wrap
}
.el-select .el-tag__close {
margin-top: -2px
}
.el-select .el-select__tags .el-tag {
box-sizing: border-box;
border-color: transparent;
margin: 2px 0 2px 6px;
background-color: #460ed7;
}
.el-select .el-select__tags .el-tag .el-icon-close {
background-color: var(--el-text-color-placeholder);
/* right: -16px; */
/* top: -14px; */
color: #fff
}
.el-select .el-select__tags .el-tag .el-icon-close:hover {
background-color: var(--el-text-color-secondary)
}
.el-select .el-select__tags .el-tag .el-icon-close:before {
display: block;
transform: translateY(.5px)
}
.el-skeleton {
--el-skeleton-avatar-small-size: var(--el-avatar-small-size);
--el-skeleton-avatar-medium-size: var(--el-avatar-medium-size);
--el-skeleton-avatar-large-size: var(--el-avatar-large-size)
}
.el-skeleton__item {
background: var(--el-skeleton-color);
display: inline-block;
height: 16px;
border-radius: var(--el-border-radius-base);
width: 100%
}
.el-skeleton__circle {
border-radius: 50%;
width: var(--el-skeleton-avatar-medium-size);
height: var(--el-skeleton-avatar-medium-size);
line-height: var(--el-skeleton-avatar-medium-size)
}
.el-skeleton__circle--lg {
width: var(--el-skeleton-avatar-large-size);
height: var(--el-skeleton-avatar-large-size);
line-height: var(--el-skeleton-avatar-large-size)
}
.el-skeleton__circle--md {
width: var(--el-skeleton-avatar-small-size);
height: var(--el-skeleton-avatar-small-size);
line-height: var(--el-skeleton-avatar-small-size)
}
.el-skeleton__button {
height: 40px;
width: 64px;
border-radius: 4px
}
.el-skeleton__p {
width: 100%
}
.el-skeleton__p.is-last {
width: 61%
}
.el-skeleton__p.is-first {
width: 33%
}
.el-skeleton__text {
width: 100%;
height: var(--el-font-size-small)
}
.el-skeleton__caption {
height: var(--el-font-size-extra-small)
}
.el-skeleton__h1 {
height: var(--el-font-size-extra-large)
}
.el-skeleton__h3 {
height: var(--el-font-size-large)
}
.el-skeleton__h5 {
height: var(--el-font-size-medium)
}
.el-skeleton__image {
width: unset;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0
}
.el-skeleton__image svg {
fill: var(--el-svg-monochrome-grey);
width: 22%;
height: 22%
}
.el-skeleton {
--el-skeleton-color: #f2f2f2;
--el-skeleton-to-color: #e6e6e6
}
@keyframes el-skeleton-loading {
0% {
background-position: 100% 50%
}
to {
background-position: 0 50%
}
}
.el-skeleton {
width: 100%
}
.el-skeleton__first-line,.el-skeleton__paragraph {
height: 16px;
margin-top: 16px;
background: var(--el-skeleton-color)
}
.el-skeleton.is-animated .el-skeleton__item {
background: linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);
background-size: 400% 100%;
animation: el-skeleton-loading 1.4s ease infinite
}
.el-slider {
--el-slider-main-background-color: var(--el-color-primary);
--el-slider-runway-background-color: var(--el-border-color-light);
--el-slider-stop-background-color: var(--el-color-white);
--el-slider-disable-color: var(--el-text-color-placeholder);
--el-slider-margin: 16px 0;
--el-slider-border-radius: 3px;
--el-slider-height: 6px;
--el-slider-button-size: 20px;
--el-slider-button-wrapper-size: 36px;
--el-slider-button-wrapper-offset: -15px
}
.el-slider:after,.el-slider:before {
display: table;
content: ""
}
.el-slider:after {
clear: both
}
.el-slider__runway {
width: 100%;
height: var(--el-slider-height);
margin: var(--el-slider-margin);
background-color: var(--el-slider-runway-background-color);
border-radius: var(--el-slider-border-radius);
position: relative;
cursor: pointer;
vertical-align: middle
}
.el-slider__runway.show-input {
margin-right: 160px;
width: auto
}
.el-slider__runway.disabled {
cursor: default
}
.el-slider__runway.disabled .el-slider__bar {
background-color: var(--el-slider-disable-color)
}
.el-slider__runway.disabled .el-slider__button {
border-color: var(--el-slider-disable-color)
}
.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover {
cursor: not-allowed
}
.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover {
transform: scale(1)
}
.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover {
cursor: not-allowed
}
.el-slider__input {
float: right;
margin-top: 3px;
width: 130px
}
.el-slider__input.el-input-number--mini {
margin-top: 5px
}
.el-slider__input.el-input-number--medium {
margin-top: 0
}
.el-slider__input.el-input-number--large {
margin-top: -2px
}
.el-slider__bar {
height: var(--el-slider-height);
background-color: var(--el-slider-main-background-color);
border-top-left-radius: var(--el-slider-border-radius);
border-bottom-left-radius: var(--el-slider-border-radius);
position: absolute
}
.el-slider__button-wrapper {
height: var(--el-slider-button-wrapper-size);
width: var(--el-slider-button-wrapper-size);
position: absolute;
z-index: 1;
top: var(--el-slider-button-wrapper-offset);
transform: translateX(-50%);
background-color: initial;
text-align: center;
user-select: none;
line-height: normal;
outline: none
}
.el-slider__button-wrapper:after {
display: inline-block;
content: "";
height: 100%;
vertical-align: middle
}
.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover {
cursor: grab
}
.el-slider__button-wrapper.dragging {
cursor: grabbing
}
.el-slider__button {
display: inline-block;
width: var(--el-slider-button-size);
height: var(--el-slider-button-size);
vertical-align: middle;
border: 2px solid var(--el-slider-main-background-color);
background-color: var(--el-color-white);
border-radius: 50%;
box-sizing: border-box;
transition: var(--el-transition-duration-fast);
user-select: none
}
.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover {
transform: scale(1.2)
}
.el-slider__button.hover,.el-slider__button:hover {
cursor: grab
}
.el-slider__button.dragging {
cursor: grabbing
}
.el-slider__stop {
position: absolute;
height: var(--el-slider-height);
width: var(--el-slider-height);
border-radius: var(--el-border-radius-circle);
background-color: var(--el-slider-stop-background-color);
transform: translateX(-50%)
}
.el-slider__marks {
top: 0;
left: 12px;
width: 18px;
height: 100%
}
.el-slider__marks-text {
position: absolute;
transform: translateX(-50%);
font-size: 14px;
color: var(--el-color-info);
margin-top: 15px
}
.el-slider.is-vertical {
position: relative
}
.el-slider.is-vertical .el-slider__runway {
width: var(--el-slider-height);
height: 100%;
margin: 0 16px
}
.el-slider.is-vertical .el-slider__bar {
width: var(--el-slider-height);
height: auto;
border-radius: 0 0 3px 3px
}
.el-slider.is-vertical .el-slider__button-wrapper {
top: auto;
left: var(--el-slider-button-wrapper-offset);
transform: translateY(50%)
}
.el-slider.is-vertical .el-slider__stop {
transform: translateY(50%)
}
.el-slider.is-vertical.el-slider--with-input {
padding-bottom: 58px
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input {
overflow: visible;
float: none;
position: absolute;
bottom: 22px;
width: 36px;
margin-top: 15px
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
text-align: center;
padding-left: 5px;
padding-right: 5px
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
top: 32px;
margin-top: -1px;
border: var(--el-input-border,var(--el-border-base));
line-height: 20px;
box-sizing: border-box;
transition: var(--el-transition-border)
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
width: 18px;
right: 18px;
border-bottom-left-radius: var(--el-input-border-radius,var(--el-border-radius-base))
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
width: 19px;
border-bottom-right-radius: var(--el-input-border-radius,var(--el-border-radius-base))
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
border-color: var(--el-input-hover-border,var(--el-border-color-hover))
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
border-color: var(--el-input-focus-border,var(--el-color-primary))
}
.el-slider.is-vertical .el-slider__marks-text {
margin-top: 0;
left: 15px;
transform: translateY(50%)
}
.el-space {
display: inline-flex
}
.el-space--vertical {
flex-direction: column
}
.el-time-spinner {
width: 100%;
white-space: nowrap
}
.el-spinner {
display: inline-block;
vertical-align: middle
}
.el-spinner-inner {
animation: rotate 2s linear infinite;
width: 50px;
height: 50px
}
.el-spinner-inner .path {
stroke: #ececec;
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite
}
@keyframes rotate {
to {
transform: rotate(1turn)
}
}
@keyframes dash {
0% {
stroke-dasharray: 1,150;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90,150;
stroke-dashoffset: -35
}
to {
stroke-dasharray: 90,150;
stroke-dashoffset: -124
}
}
.el-step {
position: relative;
flex-shrink: 1
}
.el-step:last-of-type .el-step__line {
display: none
}
.el-step:last-of-type.is-flex {
flex-basis: auto!important;
flex-shrink: 0;
flex-grow: 0
}
.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main {
padding-right: 0
}
.el-step__head {
position: relative;
width: 100%
}
.el-step__head.is-process {
color: var(--el-text-color-primary);
border-color: var(--el-text-color-primary)
}
.el-step__head.is-wait {
color: var(--el-text-color-placeholder);
border-color: var(--el-text-color-placeholder)
}
.el-step__head.is-success {
color: var(--el-color-success);
border-color: var(--el-color-success)
}
.el-step__head.is-error {
color: var(--el-color-danger);
border-color: var(--el-color-danger)
}
.el-step__head.is-finish {
color: var(--el-color-primary);
border-color: var(--el-color-primary)
}
.el-step__icon {
position: relative;
z-index: 1;
display: inline-flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 14px;
box-sizing: border-box;
background: #fff;
transition: .15s ease-out
}
.el-step__icon.is-text {
border-radius: 50%;
border: 2px solid;
border-color: inherit
}
.el-step__icon.is-icon {
width: 40px
}
.el-step__icon-inner {
display: inline-block;
user-select: none;
text-align: center;
font-weight: 700;
line-height: 1;
color: inherit
}
.el-step__icon-inner[class*=el-icon]:not(.is-status) {
font-size: 25px;
font-weight: 400
}
.el-step__icon-inner.is-status {
transform: translateY(1px)
}
.el-step__line {
position: absolute;
border-color: inherit;
background-color: var(--el-text-color-placeholder)
}
.el-step__line-inner {
display: block;
border: 1px solid;
border-color: inherit;
transition: .15s ease-out;
box-sizing: border-box;
width: 0;
height: 0
}
.el-step__main {
white-space: normal;
text-align: left
}
.el-step__title {
font-size: 16px;
line-height: 38px
}
.el-step__title.is-process {
font-weight: 700;
color: var(--el-text-color-primary)
}
.el-step__title.is-wait {
color: var(--el-text-color-placeholder)
}
.el-step__title.is-success {
color: var(--el-color-success)
}
.el-step__title.is-error {
color: var(--el-color-danger)
}
.el-step__title.is-finish {
color: var(--el-color-primary)
}
.el-step__description {
padding-right: 10%;
margin-top: -5px;
font-size: 12px;
line-height: 20px;
font-weight: 400
}
.el-step__description.is-process {
color: var(--el-text-color-primary)
}
.el-step__description.is-wait {
color: var(--el-text-color-placeholder)
}
.el-step__description.is-success {
color: var(--el-color-success)
}
.el-step__description.is-error {
color: var(--el-color-danger)
}
.el-step__description.is-finish {
color: var(--el-color-primary)
}
.el-step.is-horizontal {
display: inline-block
}
.el-step.is-horizontal .el-step__line {
height: 2px;
top: 11px;
left: 0;
right: 0
}
.el-step.is-vertical {
display: flex
}
.el-step.is-vertical .el-step__head {
flex-grow: 0;
width: 24px
}
.el-step.is-vertical .el-step__main {
padding-left: 10px;
flex-grow: 1
}
.el-step.is-vertical .el-step__title {
line-height: 24px;
padding-bottom: 8px
}
.el-step.is-vertical .el-step__line {
width: 2px;
top: 0;
bottom: 0;
left: 11px
}
.el-step.is-vertical .el-step__icon.is-icon {
width: 24px
}
.el-step.is-center .el-step__head,.el-step.is-center .el-step__main {
text-align: center
}
.el-step.is-center .el-step__description {
padding-left: 20%;
padding-right: 20%
}
.el-step.is-center .el-step__line {
left: 50%;
right: -50%
}
.el-step.is-simple {
display: flex;
align-items: center
}
.el-step.is-simple .el-step__head {
width: auto;
font-size: 0;
padding-right: 10px
}
.el-step.is-simple .el-step__icon {
background: transparent;
width: 16px;
height: 16px;
font-size: 12px
}
.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
font-size: 18px
}
.el-step.is-simple .el-step__icon-inner.is-status {
transform: scale(.8) translateY(1px)
}
.el-step.is-simple .el-step__main {
position: relative;
display: flex;
align-items: stretch;
flex-grow: 1
}
.el-step.is-simple .el-step__title {
font-size: 16px;
line-height: 20px
}
.el-step.is-simple:not(:last-of-type) .el-step__title {
max-width: 50%;
word-break: break-all
}
.el-step.is-simple .el-step__arrow {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center
}
.el-step.is-simple .el-step__arrow:after,.el-step.is-simple .el-step__arrow:before {
content: "";
display: inline-block;
position: absolute;
height: 15px;
width: 1px;
background: var(--el-text-color-placeholder)
}
.el-step.is-simple .el-step__arrow:before {
transform: rotate(-45deg) translateY(-4px);
transform-origin: 0 0
}
.el-step.is-simple .el-step__arrow:after {
transform: rotate(45deg) translateY(4px);
transform-origin: 100% 100%
}
.el-step.is-simple:last-of-type .el-step__arrow {
display: none
}
.el-steps {
display: flex
}
.el-steps--simple {
padding: 13px 8%;
border-radius: 4px;
background: #f5f7fa
}
.el-steps--horizontal {
white-space: nowrap
}
.el-steps--vertical {
height: 100%;
flex-flow: column
}
.el-switch {
--el-switch-on-color: var(--el-color-primary);
--el-switch-off-color: var(--el-border-color-base);
--el-switch-font-size: var(--el-font-size-base);
--el-switch-core-border-radius: 10px;
--el-switch-width: 40px;
--el-switch-height: 20px;
--el-switch-button-size: 16px;
display: inline-flex;
align-items: center;
position: relative;
font-size: var(--el-switch-font-size);
line-height: var(--el-switch-height);
height: var(--el-switch-height);
vertical-align: middle
}
.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label {
cursor: not-allowed
}
.el-switch__label {
transition: var(--el-transition-duration-fast);
height: var(--el-switch-height);
display: inline-block;
font-size: var(--el-switch-font-size);
font-weight: 500;
cursor: pointer;
vertical-align: middle;
color: var(--el-text-color-primary)
}
.el-switch__label.is-active {
color: var(--el-color-primary)
}
.el-switch__label--left {
margin-right: 10px
}
.el-switch__label--right {
margin-left: 10px
}
.el-switch__label * {
line-height: 1;
font-size: var(--el-switch-font-size);
display: inline-block
}
.el-switch__input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
margin: 0
}
.el-switch__core {
margin: 0;
display: inline-block;
position: relative;
width: var(--el-switch-width);
height: var(--el-switch-height);
border: 1px solid var(--el-switch-off-color);
outline: none;
border-radius: var(--el-switch-core-border-radius);
box-sizing: border-box;
background: var(--el-switch-off-color);
cursor: pointer;
transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration);
vertical-align: middle
}
.el-switch__core .el-switch__action {
position: absolute;
top: 1px;
left: 1px;
border-radius: var(--el-border-radius-circle);
transition: all var(--el-transition-duration);
width: var(--el-switch-button-size);
height: var(--el-switch-button-size);
background-color: var(--el-color-white);
display: flex;
justify-content: center;
align-items: center;
color: var(--el-switch-off-color)
}
.el-switch.is-checked .el-switch__core {
border-color: var(--el-switch-on-color);
background-color: var(--el-switch-on-color)
}
.el-switch.is-checked .el-switch__core .el-switch__action {
left: 100%;
margin-left: calc(-1px - var(--el-switch-button-size));
color: var(--el-switch-on-color)
}
.el-switch.is-disabled {
opacity: .6
}
.el-switch--wide .el-switch__label.el-switch__label--left span {
left: 10px
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
right: 10px
}
.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active {
opacity: 0
}
.el-table-column--selection .cell {
padding-left: 14px;
padding-right: 14px
}
.el-table-filter {
border: 1px solid var(--el-border-color-lighter);
border-radius: 2px;
background-color: #fff;
box-shadow: var(--el-box-shadow-light);
box-sizing: border-box;
margin: 2px 0
}
.el-table-filter__list {
padding: 5px 0;
margin: 0;
list-style: none;
min-width: 100px
}
.el-table-filter__list-item {
line-height: 36px;
padding: 0 10px;
cursor: pointer;
font-size: var(--el-font-size-base)
}
.el-table-filter__list-item:hover {
background-color: var(--el-color-primary-light-9);
color: var(--el-color-primary-light-2)
}
.el-table-filter__list-item.is-active {
background-color: var(--el-color-primary);
color: #fff
}
.el-table-filter__content {
min-width: 100px
}
.el-table-filter__bottom {
border-top: 1px solid var(--el-border-color-lighter);
padding: 8px
}
.el-table-filter__bottom button {
background: transparent;
border: none;
color: var(--el-text-color-regular);
cursor: pointer;
font-size: var(--el-font-size-small);
padding: 0 3px
}
.el-table-filter__bottom button:hover {
color: var(--el-color-primary)
}
.el-table-filter__bottom button:focus {
outline: none
}
.el-table-filter__bottom button.is-disabled {
color: var(--el-text-color-placeholder);
cursor: not-allowed
}
.el-table-filter__wrap {
max-height: 280px
}
.el-table-filter__checkbox-group {
padding: 10px
}
.el-table-filter__checkbox-group label.el-checkbox {
display: block;
margin-right: 5px;
margin-bottom: 8px;
margin-left: 5px
}
.el-table-filter__checkbox-group .el-checkbox:last-child {
margin-bottom: 0
}
.el-table {
--el-table-border-color: var(--el-border-color-lighter);
--el-table-border: 1px solid var(--el-table-border-color);
--el-table-font-color: var(--el-text-color-regular);
--el-table-header-font-color: var(--el-text-color-secondary);
--el-table-row-hover-background-color: var(--el-background-color-base);
--el-table-current-row-background-color: var(--el-color-primary-light-9);
--el-table-header-background-color: var(--el-color-white);
--el-table-fixed-box-shadow: 0 0 10px rgba(0,0,0,0.12);
--el-table-background-color: var(--el-color-white);
--el-table-tr-background-color: var(--el-color-white);
--el-table-expanded-cell-background-color: var(--el-color-white);
position: relative;
overflow: hidden;
box-sizing: border-box;
height: fit-content;
width: 100%;
max-width: 100%;
background-color: var(--el-table-background-color);
font-size: 14px;
color: var(--el-table-font-color)
}
.el-table__empty-block {
min-height: 60px;
text-align: center;
width: 100%;
display: flex;
justify-content: center;
align-items: center
}
.el-table__empty-text {
line-height: 60px;
width: 50%;
color: var(--el-text-color-secondary)
}
.el-table__expand-column .cell {
padding: 0;
text-align: center
}
.el-table__expand-icon {
position: relative;
cursor: pointer;
color: var(--el-text-color-regular);
font-size: 12px;
transition: transform var(--el-transition-duration-fast) ease-in-out;
height: 20px
}
.el-table__expand-icon--expanded {
transform: rotate(90deg)
}
.el-table__expand-icon>.el-icon {
position: absolute;
left: 50%;
top: 50%;
margin-left: -5px;
margin-top: -5px
}
.el-table__expanded-cell {
background-color: var(--el-table-expanded-cell-background-color)
}
.el-table__expanded-cell[class*=cell] {
padding: 20px 50px
}
.el-table__expanded-cell:hover {
background-color: initial!important
}
.el-table__placeholder {
display: inline-block;
width: 20px
}
.el-table__append-wrapper {
overflow: hidden
}
.el-table--fit {
border-right: 0;
border-bottom: 0
}
.el-table--fit .el-table__cell.gutter {
border-right-width: 1px
}
.el-table--scrollable-x .el-table__body-wrapper {
overflow-x: auto
}
.el-table--scrollable-y .el-table__body-wrapper {
overflow-y: auto
}
.el-table thead {
color: var(--el-table-header-font-color);
font-weight: 500
}
.el-table thead.is-group th.el-table__cell {
background: var(--el-background-color-base)
}
.el-table .el-table__cell {
padding: 12px 0;
min-width: 0;
box-sizing: border-box;
text-overflow: ellipsis;
vertical-align: middle;
position: relative;
text-align: left
}
.el-table .el-table__cell.is-center {
text-align: center
}
.el-table .el-table__cell.is-right {
text-align: right
}
.el-table .el-table__cell.gutter {
width: 15px;
border-right-width: 0;
border-bottom-width: 0;
padding: 0
}
.el-table .el-table__cell.is-hidden>* {
visibility: hidden
}
.el-table--medium .el-table__cell {
padding: 10px 0
}
.el-table--small {
font-size: 12px
}
.el-table--small .el-table__cell {
padding: 8px 0
}
.el-table--mini {
font-size: 12px
}
.el-table--mini .el-table__cell {
padding: 6px 0
}
.el-table tr {
background-color: var(--el-table-tr-background-color)
}
.el-table tr input[type=checkbox] {
margin: 0
}
.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf {
border-bottom: var(--el-table-border)
}
.el-table th.el-table__cell.is-sortable {
cursor: pointer
}
.el-table th.el-table__cell {
overflow: hidden;
user-select: none;
background-color: var(--el-table-header-background-color)
}
.el-table th.el-table__cell>.cell {
display: inline-block;
box-sizing: border-box;
position: relative;
vertical-align: middle;
width: 100%
}
.el-table th.el-table__cell>.cell.highlight {
color: var(--el-color-primary)
}
.el-table th.el-table__cell.required>div:before {
display: inline-block;
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #ff4d51;
margin-right: 5px;
vertical-align: middle
}
.el-table td.el-table__cell div {
box-sizing: border-box
}
.el-table td.el-table__cell.gutter {
width: 0
}
.el-table .cell {
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-all;
line-height: 23px;
padding-left: 10px;
padding-right: 10px
}
.el-table .cell.el-tooltip {
white-space: nowrap;
min-width: 50px
}
.el-table--border,.el-table--group {
border: var(--el-table-border)
}
.el-table--border:after,.el-table--group:after,.el-table:before {
content: "";
position: absolute;
background-color: var(--el-table-border-color);
z-index: 1
}
.el-table--border:after,.el-table--group:after {
top: 0;
right: 0;
width: 1px;
height: 100%
}
.el-table:before {
left: 0;
bottom: 0;
width: 100%;
height: 1px
}
.el-table--border {
border-right: none;
border-bottom: none
}
.el-table--border .el-table__cell {
border-right: var(--el-table-border)
}
.el-table--border .el-table__cell:first-child .cell {
padding-left: 10px
}
.el-table--border th.el-table__cell.gutter:last-of-type {
border-bottom: var(--el-table-border);
border-bottom-width: 1px
}
.el-table--border th.el-table__cell {
border-bottom: var(--el-table-border)
}
.el-table--hidden {
visibility: hidden
}
.el-table__fixed,.el-table__fixed-right {
position: absolute;
top: 0;
left: 0;
overflow-x: hidden;
overflow-y: hidden;
box-shadow: var(--el-table-fixed-box-shadow)
}
.el-table__fixed-right:before,.el-table__fixed:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: var(--el-border-color-lighter);
z-index: 4
}
.el-table__fixed-right-patch {
position: absolute;
top: -1px;
right: 0;
background-color: var(--el-table-header-background-color);
border-bottom: var(--el-table-border)
}
.el-table__fixed-right {
top: 0;
left: auto;
right: 0
}
.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper {
left: auto;
right: 0
}
.el-table__fixed-header-wrapper {
position: absolute;
left: 0;
top: 0;
z-index: 3
}
.el-table__fixed-footer-wrapper {
position: absolute;
left: 0;
bottom: 0;
z-index: 3
}
.el-table__fixed-footer-wrapper tbody td.el-table__cell {
border-top: var(--el-table-border);
background-color: var(--el-table-row-hover-background-color);
color: var(--el-table-font-color)
}
.el-table__fixed-body-wrapper {
position: absolute;
left: 0;
top: 37px;
overflow: hidden;
z-index: 3
}
.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper {
width: 100%
}
.el-table__footer-wrapper {
margin-top: -1px
}
.el-table__footer-wrapper td.el-table__cell {
border-top: var(--el-table-border)
}
.el-table__body,.el-table__footer,.el-table__header {
table-layout: fixed;
border-collapse: initial
}
.el-table__footer-wrapper,.el-table__header-wrapper {
overflow: hidden
}
.el-table__footer-wrapper tbody td.el-table__cell,.el-table__header-wrapper tbody td.el-table__cell {
background-color: var(--el-table-row-hover-background-color);
color: var(--el-table-font-color)
}
.el-table__body-wrapper {
overflow: hidden;
position: relative
}
.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
box-shadow: none
}
.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
border-left: var(--el-table-border)
}
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
border-right: var(--el-table-border)
}
.el-table .caret-wrapper {
display: inline-flex;
flex-direction: column;
align-items: center;
height: 14px;
width: 24px;
vertical-align: middle;
cursor: pointer;
overflow: initial;
position: relative
}
.el-table .sort-caret {
width: 0;
height: 0;
border: 5px solid transparent;
position: absolute;
left: 7px
}
.el-table .sort-caret.ascending {
border-bottom-color: var(--el-text-color-placeholder);
top: -5px
}
.el-table .sort-caret.descending {
border-top-color: var(--el-text-color-placeholder);
bottom: -3px
}
.el-table .ascending .sort-caret.ascending {
border-bottom-color: var(--el-color-primary)
}
.el-table .descending .sort-caret.descending {
border-top-color: var(--el-color-primary)
}
.el-table .hidden-columns {
visibility: hidden;
position: absolute;
z-index: -1
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
background: #fafafa
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
background-color: var(--el-table-current-row-background-color)
}
.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell {
background-color: var(--el-table-row-hover-background-color)
}
.el-table__body tr.current-row>td.el-table__cell {
background-color: var(--el-table-current-row-background-color)
}
.el-table__column-resize-proxy {
position: absolute;
left: 200px;
top: 0;
bottom: 0;
width: 0;
border-left: var(--el-table-border);
z-index: 10
}
.el-table__column-filter-trigger {
display: inline-block;
cursor: pointer
}
.el-table__column-filter-trigger i {
color: var(--el-color-info);
font-size: 12px;
vertical-align: middle;
transform: scale(.75)
}
.el-table--enable-row-transition .el-table__body td.el-table__cell {
transition: background-color .25s ease
}
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
background-color: var(--el-table-row-hover-background-color)
}
.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right {
bottom: 0;
overflow: hidden
}
.el-table [class*=el-table__row--level] .el-table__expand-icon {
display: inline-block;
width: 20px;
line-height: 20px;
height: 20px;
text-align: center;
margin-right: 3px
}
.el-tabs__header {
padding: 0;
position: relative;
margin: 0 0 15px
}
.el-tabs__active-bar {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
background-color: var(--el-color-primary);
z-index: 1;
transition: transform var(--el-transition-duration) cubic-bezier(.645,.045,.355,1);
list-style: none
}
.el-tabs__new-tab {
float: right;
border: 1px solid #d3dce6;
height: 18px;
width: 18px;
line-height: 18px;
margin: 12px 0 9px 10px;
border-radius: 3px;
text-align: center;
font-size: 12px;
color: #d3dce6;
cursor: pointer;
transition: all .15s
}
.el-tabs__new-tab .el-icon-plus {
transform: scale(.8)
}
.el-tabs__new-tab:hover {
color: var(--el-color-primary)
}
.el-tabs__nav-wrap {
overflow: hidden;
margin-bottom: -1px;
position: relative
}
.el-tabs__nav-wrap:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: var(--el-border-color-light);
z-index: var(--el-index-normal)
}
.el-tabs__nav-wrap.is-scrollable {
padding: 0 20px;
box-sizing: border-box
}
.el-tabs__nav-scroll {
overflow: hidden
}
.el-tabs__nav-next,.el-tabs__nav-prev {
position: absolute;
cursor: pointer;
line-height: 44px;
font-size: 12px;
color: var(--el-text-color-secondary)
}
.el-tabs__nav-next {
right: 0
}
.el-tabs__nav-prev {
left: 0
}
.el-tabs__nav {
white-space: nowrap;
position: relative;
transition: transform var(--el-transition-duration);
float: left;
z-index: calc(var(--el-index-normal) + 1)
}
.el-tabs__nav.is-stretch {
min-width: 100%;
display: flex
}
.el-tabs__nav.is-stretch>* {
flex: 1;
text-align: center
}
.el-tabs__item {
padding: 0 20px;
height: 40px;
box-sizing: border-box;
line-height: 40px;
display: inline-block;
list-style: none;
font-size: 14px;
font-weight: 500;
color: var(--el-text-color-primary);
position: relative
}
.el-tabs__item:focus,.el-tabs__item:focus:active {
outline: none
}
.el-tabs__item .el-icon-close {
border-radius: 50%;
text-align: center;
transition: all var(--el-transition-duration) cubic-bezier(.645,.045,.355,1);
margin-left: 5px
}
.el-tabs__item .el-icon-close:before {
transform: scale(.9);
display: inline-block
}
.el-tabs__item .el-icon-close:hover {
background-color: var(--el-text-color-placeholder);
color: #fff
}
.el-tabs__item.is-active,.el-tabs__item:hover {
color: var(--el-color-primary)
}
.el-tabs__item:hover {
cursor: pointer
}
.el-tabs__item.is-disabled {
color: var(--el-text-color-placeholder);
cursor: default
}
.el-tabs__content {
overflow: hidden;
position: relative
}
.el-tabs--card>.el-tabs__header {
border-bottom: 1px solid var(--el-border-color-light)
}
.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
content: none
}
.el-tabs--card>.el-tabs__header .el-tabs__nav {
border: 1px solid var(--el-border-color-light);
border-bottom: none;
border-radius: 4px 4px 0 0;
box-sizing: border-box
}
.el-tabs--card>.el-tabs__header .el-tabs__active-bar {
display: none
}
.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
position: relative;
font-size: 12px;
width: 0;
height: 14px;
vertical-align: middle;
line-height: 15px;
overflow: hidden;
top: -1px;
right: -2px;
transform-origin: 100% 50%
}
.el-tabs--card>.el-tabs__header .el-tabs__item {
border-bottom: 1px solid transparent;
border-left: 1px solid var(--el-border-color-light);
transition: color var(--el-transition-duration) cubic-bezier(.645,.045,.355,1),padding var(--el-transition-duration) cubic-bezier(.645,.045,.355,1)
}
.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
border-left: none
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
padding-left: 13px;
padding-right: 13px
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
width: 14px
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
border-bottom-color: #fff
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
padding-left: 20px;
padding-right: 20px
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
width: 14px
}
.el-tabs--border-card {
background: #fff;
border: 1px solid var(--el-border-color-base);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)
}
.el-tabs--border-card>.el-tabs__content {
padding: 15px
}
.el-tabs--border-card>.el-tabs__header {
background-color: #f5f7fa;
border-bottom: 1px solid var(--el-border-color-light);
margin: 0
}
.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
content: none
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item {
transition: all var(--el-transition-duration) cubic-bezier(.645,.045,.355,1);
border: 1px solid transparent;
margin-top: -1px;
color: var(--el-text-color-secondary)
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
margin-left: -1px
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
color: var(--el-color-primary);
background-color: #fff;
border-right-color: var(--el-border-color-base);
border-left-color: var(--el-border-color-base)
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
color: var(--el-color-primary)
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
color: var(--el-text-color-placeholder)
}
.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
margin-left: 0
}
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
padding-left: 0
}
.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child {
padding-right: 0
}
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2) {
padding-left: 20px
}
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child {
padding-right: 20px
}
.el-tabs--bottom .el-tabs__header.is-bottom {
margin-bottom: 0;
margin-top: 10px
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
border-bottom: 0;
border-top: 1px solid var(--el-border-color-base)
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
margin-top: -1px;
margin-bottom: 0
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
border: 1px solid transparent
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
margin: 0 -1px -1px
}
.el-tabs--left,.el-tabs--right {
overflow: hidden
}
.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right {
height: 100%
}
.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right {
top: 0;
bottom: auto;
width: 2px;
height: auto
}
.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right {
margin-bottom: 0
}
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
height: 30px;
line-height: 30px;
width: 100%;
text-align: center;
cursor: pointer
}
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
transform: rotate(90deg)
}
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
left: auto;
top: 0
}
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
right: auto;
bottom: 0
}
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
padding: 30px 0
}
.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after {
height: 100%;
width: 2px;
bottom: auto;
top: 0
}
.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right {
float: none
}
.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right {
display: block
}
.el-tabs--left .el-tabs__header.is-left {
float: left;
margin-bottom: 0;
margin-right: 10px
}
.el-tabs--left .el-tabs__nav-wrap.is-left {
margin-right: -1px
}
.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left:after {
left: auto;
right: 0
}
.el-tabs--left .el-tabs__item.is-left {
text-align: right
}
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
display: none
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
border-left: none;
border-right: 1px solid var(--el-border-color-light);
border-bottom: none;
border-top: 1px solid var(--el-border-color-light);
text-align: left
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
border-right: 1px solid var(--el-border-color-light);
border-top: none
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
border: 1px solid var(--el-border-color-light);
border-right: 1px solid #fff;
border-left: none;
border-bottom: none
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
border-top: none
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
border-bottom: none
}
.el-tabs--left.el-tabs--card .el-tabs__nav {
border-radius: 4px 0 0 4px;
border-bottom: 1px solid var(--el-border-color-light);
border-right: none
}
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
float: none
}
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
border-right: 1px solid #dfe4ed
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
border: 1px solid transparent;
margin: -1px 0 -1px -1px
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
border-color: #d1dbe5 transparent
}
.el-tabs--right .el-tabs__header.is-right {
float: right;
margin-bottom: 0;
margin-left: 10px
}
.el-tabs--right .el-tabs__nav-wrap.is-right {
margin-left: -1px
}
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
left: 0;
right: auto
}
.el-tabs--right .el-tabs__active-bar.is-right {
left: 0
}
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
display: none
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
border-bottom: none;
border-top: 1px solid var(--el-border-color-light)
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
border-left: 1px solid var(--el-border-color-light);
border-top: none
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
border: 1px solid var(--el-border-color-light);
border-left: 1px solid #fff;
border-right: none;
border-bottom: none
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
border-top: none
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
border-bottom: none
}
.el-tabs--right.el-tabs--card .el-tabs__nav {
border-radius: 0 4px 4px 0;
border-bottom: 1px solid var(--el-border-color-light);
border-left: none
}
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
border-left: 1px solid #dfe4ed
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
border: 1px solid transparent;
margin: -1px -1px -1px 0
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
border-color: #d1dbe5 transparent
}
.slideInLeft-transition,.slideInRight-transition {
display: inline-block
}
.slideInRight-enter {
animation: slideInRight-enter var(--el-transition-duration)
}
.slideInRight-leave {
position: absolute;
left: 0;
right: 0;
animation: slideInRight-leave var(--el-transition-duration)
}
.slideInLeft-enter {
animation: slideInLeft-enter var(--el-transition-duration)
}
.slideInLeft-leave {
position: absolute;
left: 0;
right: 0;
animation: slideInLeft-leave var(--el-transition-duration)
}
@keyframes slideInRight-enter {
0% {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
to {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInRight-leave {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0
}
}
@keyframes slideInLeft-enter {
0% {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
to {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInLeft-leave {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0
}
}
.el-tag {
--el-tag-font-size: 12px;
--el-tag-border-radius: 4px;
--el-tag-padding: 0 10px;
--el-tag-background-color: #ecf5ff;
--el-tag-border-color: #d9ecff;
--el-tag-font-color: #409eff;
--el-tag-hover-color: #409eff;
background-color: var(--el-tag-background-color);
color: var(--el-tag-font-color);
display: inline-block;
height: 32px;
padding: var(--el-tag-padding);
line-height: 30px;
font-size: var(--el-tag-font-size);
border: 1px solid var(--el-tag-border-color);
border-radius: var(--el-tag-border-radius);
box-sizing: border-box;
white-space: nowrap
}
.el-tag.is-hit {
border-color: #409eff
}
.el-tag .el-tag__close {
color: var(--el-tag-font-color)
}
.el-tag .el-tag__close:hover {
color: var(--el-color-white);
background-color: var(--el-tag-hover-color)
}
.el-tag.el-tag--primary {
--el-tag-background-color: #ecf5ff;
--el-tag-border-color: #d9ecff;
--el-tag-font-color: #409eff;
--el-tag-hover-color: #409eff
}
.el-tag.el-tag--primary.is-hit {
border-color: #409eff
}
.el-tag.el-tag--success {
--el-tag-background-color: #f0f9eb;
--el-tag-border-color: #e1f3d8;
--el-tag-font-color: #67c23a;
--el-tag-hover-color: #67c23a
}
.el-tag.el-tag--success.is-hit {
border-color: #67c23a
}
.el-tag.el-tag--warning {
--el-tag-background-color: #fdf6ec;
--el-tag-border-color: #faecd8;
--el-tag-font-color: #e6a23c;
--el-tag-hover-color: #e6a23c
}
.el-tag.el-tag--warning.is-hit {
border-color: #e6a23c
}
.el-tag.el-tag--danger {
--el-tag-background-color: #fef0f0;
--el-tag-border-color: #fde2e2;
--el-tag-font-color: #f56c6c;
--el-tag-hover-color: #f56c6c
}
.el-tag.el-tag--danger.is-hit {
border-color: #f56c6c
}
.el-tag.el-tag--error {
--el-tag-background-color: #fef0f0;
--el-tag-border-color: #fde2e2;
--el-tag-font-color: #f56c6c;
--el-tag-hover-color: #f56c6c
}
.el-tag.el-tag--error.is-hit {
border-color: #f56c6c
}
.el-tag.el-tag--info {
--el-tag-background-color: #f4f4f5;
--el-tag-border-color: #e9e9eb;
--el-tag-font-color: #909399;
--el-tag-hover-color: #909399
}
.el-tag.el-tag--info.is-hit {
border-color: #909399
}
.el-tag .el-icon-close {
border-radius: 50%;
text-align: center;
position: relative;
cursor: pointer;
font-size: 12px;
height: 16px;
width: 16px;
line-height: 16px;
vertical-align: middle;
top: -1px;
right: -5px
}
.el-tag .el-icon-close:before {
display: block
}
.el-tag--dark {
--el-tag-background-color: #409eff;
--el-tag-border-color: #409eff;
--el-tag-font-color: #fff;
--el-tag-hover-color: #66b1ff;
background-color: var(--el-tag-background-color);
border-color: var(--el-tag-border-color);
color: var(--el-tag-font-color)
}
.el-tag--dark.is-hit {
border-color: #409eff
}
.el-tag--dark .el-tag__close {
color: var(--el-tag-font-color)
}
.el-tag--dark .el-tag__close:hover {
color: var(--el-color-white);
background-color: var(--el-tag-hover-color)
}
.el-tag--dark.el-tag--primary {
--el-tag-background-color: #409eff;
--el-tag-border-color: #409eff;
--el-tag-font-color: #fff;
--el-tag-hover-color: #66b1ff
}
.el-tag--dark.el-tag--primary.is-hit {
border-color: #409eff
}
.el-tag--dark.el-tag--success {
--el-tag-background-color: #67c23a;
--el-tag-border-color: #67c23a;
--el-tag-font-color: #fff;
--el-tag-hover-color: #85ce61
}
.el-tag--dark.el-tag--success.is-hit {
border-color: #67c23a
}
.el-tag--dark.el-tag--warning {
--el-tag-background-color: #e6a23c;
--el-tag-border-color: #e6a23c;
--el-tag-font-color: #fff;
--el-tag-hover-color: #ebb563
}
.el-tag--dark.el-tag--warning.is-hit {
border-color: #e6a23c
}
.el-tag--dark.el-tag--danger {
--el-tag-background-color: #f56c6c;
--el-tag-border-color: #f56c6c;
--el-tag-font-color: #fff;
--el-tag-hover-color: #f78989
}
.el-tag--dark.el-tag--danger.is-hit {
border-color: #f56c6c
}
.el-tag--dark.el-tag--error {
--el-tag-background-color: #f56c6c;
--el-tag-border-color: #f56c6c;
--el-tag-font-color: #fff;
--el-tag-hover-color: #f78989
}
.el-tag--dark.el-tag--error.is-hit {
border-color: #f56c6c
}
.el-tag--dark.el-tag--info {
--el-tag-background-color: #909399;
--el-tag-border-color: #909399;
--el-tag-font-color: #fff;
--el-tag-hover-color: #a6a9ad
}
.el-tag--dark.el-tag--info.is-hit {
border-color: #909399
}
.el-tag--plain {
--el-tag-background-color: #fff;
--el-tag-border-color: #b3d8ff;
--el-tag-font-color: #409eff;
--el-tag-hover-color: #409eff;
background-color: var(--el-tag-background-color);
border-color: var(--el-tag-border-color);
color: var(--el-tag-font-color)
}
.el-tag--plain.is-hit {
border-color: #409eff
}
.el-tag--plain .el-tag__close {
color: var(--el-tag-font-color)
}
.el-tag--plain .el-tag__close:hover {
color: var(--el-color-white);
background-color: var(--el-tag-hover-color)
}
.el-tag--plain.el-tag--primary {
--el-tag-background-color: #fff;
--el-tag-border-color: #b3d8ff;
--el-tag-font-color: #409eff;
--el-tag-hover-color: #409eff
}
.el-tag--plain.el-tag--primary.is-hit {
border-color: #409eff
}
.el-tag--plain.el-tag--success {
--el-tag-background-color: #fff;
--el-tag-border-color: #c2e7b0;
--el-tag-font-color: #67c23a;
--el-tag-hover-color: #67c23a
}
.el-tag--plain.el-tag--success.is-hit {
border-color: #67c23a
}
.el-tag--plain.el-tag--warning {
--el-tag-background-color: #fff;
--el-tag-border-color: #f5dab1;
--el-tag-font-color: #e6a23c;
--el-tag-hover-color: #e6a23c
}
.el-tag--plain.el-tag--warning.is-hit {
border-color: #e6a23c
}
.el-tag--plain.el-tag--danger {
--el-tag-background-color: #fff;
--el-tag-border-color: #fbc4c4;
--el-tag-font-color: #f56c6c;
--el-tag-hover-color: #f56c6c
}
.el-tag--plain.el-tag--danger.is-hit {
border-color: #f56c6c
}
.el-tag--plain.el-tag--error {
--el-tag-background-color: #fff;
--el-tag-border-color: #fbc4c4;
--el-tag-font-color: #f56c6c;
--el-tag-hover-color: #f56c6c
}
.el-tag--plain.el-tag--error.is-hit {
border-color: #f56c6c
}
.el-tag--plain.el-tag--info {
--el-tag-background-color: #fff;
--el-tag-border-color: #d3d4d6;
--el-tag-font-color: #909399;
--el-tag-hover-color: #909399
}
.el-tag--plain.el-tag--info.is-hit {
border-color: #909399
}
.el-tag--medium {
height: 28px;
line-height: 26px
}
.el-tag--small {
height: 24px;
line-height: 22px
}
.el-tag--mini {
height: 20px;
line-height: 18px
}
.el-tag--medium .el-icon-close {
transform: scale(.8)
}
.el-tag--small {
padding: 0 8px
}
.el-tag--small .el-icon-close {
transform: scale(.8)
}
.el-tag--mini {
padding: 0 5px
}
.el-tag--mini .el-icon-close {
margin-left: -3px;
transform: scale(.7)
}
.el-time-spinner.has-seconds .el-time-spinner__wrapper {
width: 33.3%
}
.el-time-spinner__wrapper {
max-height: 192px;
overflow: auto;
display: inline-block;
width: 50%;
vertical-align: top;
position: relative
}
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
padding-bottom: 15px
}
.el-time-spinner__wrapper.is-arrow {
box-sizing: border-box;
text-align: center;
overflow: hidden
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
transform: translateY(-32px)
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
background: #fff;
cursor: default
}
.el-time-spinner__arrow {
font-size: 12px;
color: var(--el-text-color-secondary);
position: absolute;
left: 0;
width: 100%;
z-index: var(--el-index-normal);
text-align: center;
height: 30px;
line-height: 30px;
cursor: pointer
}
.el-time-spinner__arrow:hover {
color: var(--el-color-primary)
}
.el-time-spinner__arrow.el-icon-arrow-up {
top: 10px
}
.el-time-spinner__arrow.el-icon-arrow-down {
bottom: 10px
}
.el-time-spinner__input.el-input {
width: 70%
}
.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list {
padding: 0;
text-align: center
}
.el-time-spinner__list {
margin: 0;
list-style: none
}
.el-time-spinner__list:after,.el-time-spinner__list:before {
content: "";
display: block;
width: 100%;
height: 80px
}
.el-time-spinner__item {
height: 32px;
line-height: 32px;
font-size: 12px;
color: var(--el-text-color-regular)
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
background: #f5f7fa;
cursor: pointer
}
.el-time-spinner__item.active:not(.disabled) {
color: var(--el-text-color-primary);
font-weight: 700
}
.el-time-spinner__item.disabled {
color: var(--el-text-color-placeholder);
cursor: not-allowed
}
.el-time-panel {
border-radius: 2px;
position: relative;
width: 180px;
left: 0;
z-index: var(--el-index-top);
user-select: none;
box-sizing: initial
}
.el-time-panel__content {
font-size: 0;
position: relative;
overflow: hidden
}
.el-time-panel__content:after,.el-time-panel__content:before {
content: "";
top: 50%;
position: absolute;
margin-top: -15px;
height: 32px;
z-index: -1;
left: 0;
right: 0;
box-sizing: border-box;
padding-top: 6px;
text-align: left;
border-top: 1px solid var(--el-border-color-light);
border-bottom: 1px solid var(--el-border-color-light)
}
.el-time-panel__content:after {
left: 50%;
margin-left: 12%;
margin-right: 12%
}
.el-time-panel__content:before {
padding-left: 50%;
margin-right: 12%;
margin-left: 12%
}
.el-time-panel__content.has-seconds:after {
left: 66.66667%
}
.el-time-panel__content.has-seconds:before {
padding-left: 33.33333%
}
.el-time-panel__footer {
border-top: 1px solid var(--el-timepicker-inner-border-color,var(--el-border-color-light));
padding: 4px;
height: 36px;
line-height: 25px;
text-align: right;
box-sizing: border-box
}
.el-time-panel__btn {
border: none;
line-height: 28px;
padding: 0 5px;
margin: 0 5px;
cursor: pointer;
background-color: initial;
outline: none;
font-size: 12px;
color: var(--el-text-color-primary)
}
.el-time-panel__btn.confirm {
font-weight: 800;
color: var(--el-timepicker-active-color,var(--el-color-primary))
}
.el-time-range-picker {
width: 354px;
overflow: visible
}
.el-time-range-picker__content {
position: relative;
text-align: center;
padding: 10px;
z-index: 1
}
.el-time-range-picker__cell {
box-sizing: border-box;
margin: 0;
padding: 4px 7px 7px;
width: 50%;
display: inline-block
}
.el-time-range-picker__header {
margin-bottom: 5px;
text-align: center;
font-size: 14px
}
.el-time-range-picker__body {
border-radius: 2px;
border: 1px solid var(--el-datepicker-border-color)
}
.el-picker__popper.el-popper[role=tooltip] {
background: var(--el-color-white);
box-shadow: var(--el-box-shadow-light)
}
.el-picker__popper.el-popper[role=tooltip],.el-picker__popper.el-popper[role=tooltip] .el-popper__arrow:before {
border: 1px solid var(--el-datepicker-border-color)
}
.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow:before {
border-top-color: transparent;
border-left-color: transparent
}
.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow:before {
border-bottom-color: transparent;
border-right-color: transparent
}
.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow:before {
border-left-color: transparent;
border-bottom-color: transparent
}
.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow:before {
border-right-color: transparent;
border-top-color: transparent
}
.el-date-editor {
--el-date-editor-width: 220px;
--el-date-editor-monthrange-width: 300px;
--el-date-editor-daterange-width: 350px;
--el-date-editor-datetimerange-width: 400px;
position: relative;
display: inline-block;
text-align: left
}
.el-date-editor.el-input,.el-date-editor.el-input__inner {
width: var(--el-date-editor-width)
}
.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner {
width: var(--el-date-editor-monthrange-width)
}
.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner {
width: var(--el-date-editor-daterange-width)
}
.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner {
width: var(--el-date-editor-datetimerange-width)
}
.el-date-editor--dates .el-input__inner {
text-overflow: ellipsis;
white-space: nowrap
}
.el-date-editor .el-icon-circle-close {
cursor: pointer
}
.el-date-editor .el-range__icon {
font-size: 14px;
margin-left: -5px;
color: var(--el-text-color-placeholder);
float: left;
line-height: 32px
}
.el-date-editor .el-range-input {
appearance: none;
border: none;
outline: none;
display: inline-block;
height: 100%;
margin: 0;
padding: 0;
width: 39%;
text-align: center;
font-size: var(--el-font-size-base);
color: var(--el-text-color-regular)
}
.el-date-editor .el-range-input::placeholder {
color: var(--el-text-color-placeholder)
}
.el-date-editor .el-range-separator {
display: inline-block;
height: 100%;
padding: 0 5px;
margin: 0;
text-align: center;
line-height: 32px;
font-size: 14px;
width: 5%;
color: var(--el-text-color-primary)
}
.el-date-editor .el-range__close-icon {
font-size: 14px;
color: var(--el-text-color-placeholder);
width: 25px;
display: inline-block;
float: right;
line-height: 32px
}
.el-range-editor.el-input__inner {
display: inline-flex;
align-items: center;
padding: 3px 10px
}
.el-range-editor .el-range-input {
line-height: 1
}
.el-range-editor.is-active,.el-range-editor.is-active:hover {
border-color: var(--el-color-primary)
}
.el-range-editor--medium {
line-height: 36px
}
.el-range-editor--medium.el-input__inner {
height: 36px
}
.el-range-editor--medium .el-range-separator {
line-height: 28px;
font-size: 14px
}
.el-range-editor--medium .el-range-input {
font-size: 14px
}
.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon {
line-height: 28px
}
.el-range-editor--small {
line-height: 32px
}
.el-range-editor--small.el-input__inner {
height: 32px
}
.el-range-editor--small .el-range-separator {
line-height: 24px;
font-size: 13px
}
.el-range-editor--small .el-range-input {
font-size: 13px
}
.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon {
line-height: 24px
}
.el-range-editor--mini {
line-height: 28px
}
.el-range-editor--mini.el-input__inner {
height: 28px
}
.el-range-editor--mini .el-range-separator {
line-height: 20px;
font-size: 12px
}
.el-range-editor--mini .el-range-input {
font-size: 12px
}
.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon {
line-height: 20px
}
.el-range-editor.is-disabled {
background-color: var(--el-disabled-fill-base);
color: var(--el-disabled-color-base);
cursor: not-allowed
}
.el-range-editor.is-disabled,.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover {
border-color: var(--el-disabled-border-base)
}
.el-range-editor.is-disabled input {
background-color: var(--el-disabled-fill-base);
color: var(--el-disabled-color-base);
cursor: not-allowed
}
.el-range-editor.is-disabled input::placeholder {
color: var(--el-text-color-placeholder)
}
.el-range-editor.is-disabled .el-range-separator {
color: var(--el-disabled-color-base)
}
.el-picker-panel {
color: var(--el-text-color-regular);
background: #fff;
border-radius: var(--el-border-radius-base);
line-height: 30px
}
.el-picker-panel .el-time-panel {
margin: 5px 0;
border: 1px solid var(--el-datepicker-border-color);
background-color: #fff;
box-shadow: var(--el-box-shadow-light)
}
.el-picker-panel__body-wrapper:after,.el-picker-panel__body:after {
content: "";
display: table;
clear: both
}
.el-picker-panel__content {
position: relative;
margin: 15px
}
.el-picker-panel__footer {
border-top: 1px solid var(--el-datepicker-inner-border-color);
padding: 4px;
text-align: right;
background-color: #fff;
position: relative;
font-size: 0
}
.el-picker-panel__shortcut {
display: block;
width: 100%;
border: 0;
background-color: initial;
line-height: 28px;
font-size: 14px;
color: var(--el-datepicker-font-color);
padding-left: 12px;
text-align: left;
outline: none;
cursor: pointer
}
.el-picker-panel__shortcut:hover {
color: var(--el-datepicker-hover-font-color)
}
.el-picker-panel__shortcut.active {
background-color: #e6f1fe;
color: var(--el-datepicker-active-color)
}
.el-picker-panel__btn {
border: 1px solid #dcdcdc;
color: var(--el-text-color-primary);
line-height: 24px;
border-radius: 2px;
padding: 0 20px;
cursor: pointer;
background-color: initial;
outline: none;
font-size: 12px
}
.el-picker-panel__btn[disabled] {
color: #ccc;
cursor: not-allowed
}
.el-picker-panel__icon-btn {
font-size: 12px;
color: var(--el-datepicker-icon-color);
border: 0;
background: transparent;
cursor: pointer;
outline: none;
margin-top: 8px
}
.el-picker-panel__icon-btn:hover {
color: var(--el-datepicker-hover-font-color)
}
.el-picker-panel__icon-btn.is-disabled {
color: var(--el-font-color-disabled-base)
}
.el-picker-panel__icon-btn.is-disabled:hover {
cursor: not-allowed
}
.el-picker-panel__link-btn {
vertical-align: middle
}
.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar {
position: absolute;
top: 0;
bottom: 0;
width: 110px;
border-right: 1px solid var(--el-datepicker-inner-border-color);
box-sizing: border-box;
padding-top: 6px;
background-color: #fff;
overflow: auto
}
.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body {
margin-left: 110px
}
.el-date-picker {
--el-datepicker-font-color: var(--el-text-color-regular);
--el-datepicker-off-font-color: var(--el-text-color-placeholder);
--el-datepicker-header-font-color: var(--el-text-color-regular);
--el-datepicker-icon-color: var(--el-text-color-primary);
--el-datepicker-border-color: var(--el-disabled-border-base);
--el-datepicker-inner-border-color: var(--el-border-color-light);
--el-datepicker-inrange-background-color: var(--el-border-color-extra-light);
--el-datepicker-inrange-hover-background-color: var(--el-border-color-extra-light);
--el-datepicker-active-color: var(--el-color-primary);
--el-datepicker-hover-font-color: var(--el-color-primary);
width: 322px
}
.el-date-picker.has-sidebar.has-time {
width: 434px
}
.el-date-picker.has-sidebar {
width: 438px
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
position: relative
}
.el-date-picker .el-picker-panel__content {
width: 292px
}
.el-date-picker table {
table-layout: fixed;
width: 100%
}
.el-date-picker__editor-wrap {
position: relative;
display: table-cell;
padding: 0 5px
}
.el-date-picker__time-header {
position: relative;
border-bottom: 1px solid var(--el-datepicker-inner-border-color);
font-size: 12px;
padding: 8px 5px 5px;
display: table;
width: 100%;
box-sizing: border-box
}
.el-date-picker__header {
margin: 12px;
text-align: center
}
.el-date-picker__header--bordered {
margin-bottom: 0;
padding-bottom: 12px;
border-bottom: 1px solid var(--el-border-color-lighter)
}
.el-date-picker__header--bordered+.el-picker-panel__content {
margin-top: 0
}
.el-date-picker__header-label {
font-size: 16px;
font-weight: 500;
padding: 0 5px;
line-height: 22px;
text-align: center;
cursor: pointer;
color: var(--el-text-color-regular)
}
.el-date-picker__header-label:hover {
color: var(--el-datepicker-hover-font-color)
}
.el-date-picker__header-label.active {
color: var(--el-datepicker-active-color)
}
.el-date-picker__prev-btn {
float: left
}
.el-date-picker__next-btn {
float: right
}
.el-date-picker__time-wrap {
padding: 10px;
text-align: center
}
.el-date-picker__time-label {
float: left;
cursor: pointer;
line-height: 30px;
margin-left: 10px
}
.el-date-picker .el-time-panel {
position: absolute
}
.time-select {
margin: 5px 0;
min-width: 0
}
.time-select .el-picker-panel__content {
max-height: 200px;
margin: 0
}
.time-select-item {
padding: 8px 10px;
font-size: 14px;
line-height: 20px
}
.time-select-item.disabled {
color: var(--el-datepicker-border-color);
cursor: not-allowed
}
.time-select-item:hover {
background-color: #f5f7fa;
font-weight: 700;
cursor: pointer
}
.time-select .time-select-item.selected:not(.disabled) {
color: var(--el-color-primary);
font-weight: 700
}
.el-timeline-item {
position: relative;
padding-bottom: 20px
}
.el-timeline-item__wrapper {
position: relative;
padding-left: 28px;
top: -3px
}
.el-timeline-item__tail {
position: absolute;
left: 4px;
height: 100%;
border-left: 2px solid var(--el-timeline-node-color)
}
.el-timeline-item__icon {
color: var(--el-color-white);
font-size: var(--el-font-size-small)
}
.el-timeline-item__node {
position: absolute;
background-color: var(--el-timeline-node-color);
border-color: var(--el-timeline-node-color);
border-radius: 50%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center
}
.el-timeline-item__node--normal {
left: -1px;
width: var(--el-timeline-node-size-normal);
height: var(--el-timeline-node-size-normal)
}
.el-timeline-item__node--large {
left: -2px;
width: var(--el-timeline-node-size-large);
height: var(--el-timeline-node-size-large)
}
.el-timeline-item__node.is-hollow {
background: var(--el-color-white);
border-style: solid;
border-width: 2px
}
.el-timeline-item__node--primary {
background-color: var(--el-color-primary);
border-color: var(--el-color-primary)
}
.el-timeline-item__node--success {
background-color: var(--el-color-success);
border-color: var(--el-color-success)
}
.el-timeline-item__node--warning {
background-color: var(--el-color-warning);
border-color: var(--el-color-warning)
}
.el-timeline-item__node--danger {
background-color: var(--el-color-danger);
border-color: var(--el-color-danger)
}
.el-timeline-item__node--info {
background-color: var(--el-color-info);
border-color: var(--el-color-info)
}
.el-timeline-item__dot {
position: absolute;
display: flex;
justify-content: center;
align-items: center
}
.el-timeline-item__content {
color: var(--el-text-color-primary)
}
.el-timeline-item__timestamp {
color: var(--el-text-color-secondary);
line-height: 1;
font-size: var(--el-font-size-small)
}
.el-timeline-item__timestamp.is-top {
margin-bottom: 8px;
padding-top: 4px
}
.el-timeline-item__timestamp.is-bottom {
margin-top: 8px
}
.el-timeline {
--el-timeline-node-size-normal: 12px;
--el-timeline-node-size-large: 14px;
--el-timeline-node-color: var(--el-border-color-light);
margin: 0;
font-size: var(--el-font-size-base);
list-style: none
}
.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
display: none
}
.el-tooltip {
--el-tooltip-fill: var(--el-text-color-primary);
--el-tooltip-color: var(--el-color-white);
--el-tooltip-font-size: 12px;
--el-tooltip-border-color: var(--el-text-color-primary);
--el-tooltip-arrow-size: 6px;
--el-tooltip-padding: 10px
}
.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing) {
outline-width: 0
}
.el-tooltip__popper {
position: absolute;
border-radius: 4px;
padding: var(--el-tooltip-padding);
z-index: var(--el-index-popper);
font-size: var(--el-tooltip-font-size);
line-height: 1.2;
min-width: 10px;
word-wrap: break-word
}
.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.el-tooltip__popper .popper__arrow {
border-width: var(--el-tooltip-arrow-size)
}
.el-tooltip__popper .popper__arrow:after {
content: " ";
border-width: 5px
}
.el-tooltip__popper[x-placement^=top] {
margin-bottom: calc(var(--el-tooltip-arrow-size) + 6px)
}
.el-tooltip__popper[x-placement^=top] .popper__arrow {
bottom: calc(0px - var(--el-tooltip-arrow-size));
border-top-color: var(--el-tooltip-border-color);
border-bottom-width: 0
}
.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
bottom: 1px;
border-top-color: var(--el-tooltip-fill);
border-bottom-width: 0
}
.el-tooltip__popper[x-placement^=bottom] {
margin-top: calc(var(--el-tooltip-arrow-size) + 6px)
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
top: calc(0px - var(--el-tooltip-arrow-size));
border-bottom-color: var(--el-tooltip-border-color);
border-top-width: 0
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
top: 1px;
border-bottom-color: var(--el-tooltip-fill);
border-top-width: 0
}
.el-tooltip__popper[x-placement^=left] {
margin-right: calc(var(--el-tooltip-arrow-size) + 6px)
}
.el-tooltip__popper[x-placement^=left] .popper__arrow {
right: calc(0px - var(--el-tooltip-arrow-size));
border-left-color: var(--el-tooltip-border-color);
border-right-width: 0
}
.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
right: 1px;
border-left-color: var(--el-tooltip-fill);
border-right-width: 0
}
.el-tooltip__popper[x-placement^=right] {
margin-left: calc(var(--el-tooltip-arrow-size) + 6px)
}
.el-tooltip__popper[x-placement^=right] .popper__arrow {
left: calc(0px - var(--el-tooltip-arrow-size));
border-right-color: var(--el-tooltip-border-color);
border-left-width: 0
}
.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
left: 1px;
border-right-color: var(--el-tooltip-fill);
border-left-width: 0
}
.el-tooltip__popper.is-dark {
background: var(--el-tooltip-fill);
color: var(--el-tooltip-color)
}
.el-tooltip__popper.is-light {
background: var(--el-tooltip-color);
border: 1px solid var(--el-tooltip-fill)
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
border-top-color: var(--el-tooltip-fill)
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
border-top-color: var(--el-tooltip-color)
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
border-top-color: var(--el-tooltip-fill)
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
border-top-color: var(--el-tooltip-color)
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
border-top-color: var(--el-tooltip-fill)
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
border-top-color: var(--el-tooltip-color)
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
border-top-color: var(--el-tooltip-fill)
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
border-top-color: var(--el-tooltip-color)
}
.el-transfer {
--el-transfer-border-color: var(--el-border-color-lighter);
--el-transfer-border-radius: var(--el-border-radius-base);
--el-transfer-panel-width: 200px;
--el-transfer-panel-header-height: 40px;
--el-transfer-panel-header-background-color: var(--el-background-color-base);
--el-transfer-panel-footer-height: 40px;
--el-transfer-panel-body-height: 246px;
--el-transfer-item-height: 30px;
--el-transfer-filter-height: 32px;
font-size: var(--el-font-size-base)
}
.el-transfer__buttons {
display: inline-block;
vertical-align: middle;
padding: 0 30px
}
.el-transfer__button:first-child {
margin-bottom: 10px
}
.el-transfer__button:nth-child(2) {
margin: 0 0 0 10px
}
.el-transfer__button i,.el-transfer__button span {
font-size: 14px
}
.el-transfer__button [class*=el-icon-]+span {
margin-left: 0
}
.el-transfer-panel {
border: 1px solid var(--el-transfer-border-color);
border-radius: var(--el-transfer-border-radius);
overflow: hidden;
background: var(--el-color-white);
display: inline-block;
text-align: left;
vertical-align: middle;
width: var(--el-transfer-panel-width);
max-height: 100%;
box-sizing: border-box;
position: relative
}
.el-transfer-panel__body {
height: var(--el-transfer-panel-body-height)
}
.el-transfer-panel__body.is-with-footer {
padding-bottom: var(--el-transfer-panel-footer-height)
}
.el-transfer-panel__list {
margin: 0;
padding: 6px 0;
list-style: none;
height: var(--el-transfer-panel-body-height);
overflow: auto;
box-sizing: border-box
}
.el-transfer-panel__list.is-filterable {
height: calc(var(--el-transfer-panel-body-height) - var(--el-transfer-filter-height) - 20px);
padding-top: 0
}
.el-transfer-panel__item {
height: var(--el-transfer-item-height);
line-height: var(--el-transfer-item-height);
padding-left: 15px;
display: block!important
}
.el-transfer-panel__item+.el-transfer-panel__item {
margin-left: 0
}
.el-transfer-panel__item.el-checkbox {
color: var(--el-text-color-regular)
}
.el-transfer-panel__item:hover {
color: var(--el-color-primary)
}
.el-transfer-panel__item.el-checkbox .el-checkbox__label {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
box-sizing: border-box;
padding-left: 24px;
line-height: var(--el-transfer-item-height)
}
.el-transfer-panel__item .el-checkbox__input {
position: absolute;
top: 8px
}
.el-transfer-panel__filter {
text-align: center;
margin: 15px;
box-sizing: border-box;
display: block;
width: auto
}
.el-transfer-panel__filter .el-input__inner {
height: var(--el-transfer-filter-height);
width: 100%;
font-size: 12px;
display: inline-block;
box-sizing: border-box;
border-radius: calc(var(--el-transfer-filter-height)/2);
padding-right: 10px;
padding-left: 30px
}
.el-transfer-panel__filter .el-input__icon {
margin-left: 5px
}
.el-transfer-panel__filter .el-icon-circle-close {
cursor: pointer
}
.el-transfer-panel .el-transfer-panel__header {
height: var(--el-transfer-panel-header-height);
line-height: var(--el-transfer-panel-header-height);
background: var(--el-transfer-panel-header-background-color);
margin: 0;
padding-left: 15px;
border-bottom: 1px solid var(--el-transfer-border-color);
box-sizing: border-box;
color: var(--el-color-black)
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox {
display: block;
line-height: 40px
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
font-size: 16px;
color: var(--el-text-color-primary);
font-weight: 400
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
position: absolute;
right: 15px;
color: var(--el-text-color-secondary);
font-size: 12px;
font-weight: 400
}
.el-transfer-panel .el-transfer-panel__footer {
height: var(--el-transfer-panel-footer-height);
background: var(--el-color-white);
margin: 0;
padding: 0;
border-top: 1px solid var(--el-transfer-border-color);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: var(--el-index-normal)
}
.el-transfer-panel .el-transfer-panel__footer:after {
display: inline-block;
content: "";
height: 100%;
vertical-align: middle
}
.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
padding-left: 20px;
color: var(--el-text-color-regular)
}
.el-transfer-panel .el-transfer-panel__empty {
margin: 0;
height: var(--el-transfer-item-height);
line-height: var(--el-transfer-item-height);
padding: 6px 15px 0;
color: var(--el-text-color-secondary);
text-align: center
}
.el-transfer-panel .el-checkbox__label {
padding-left: 8px
}
.el-transfer-panel .el-checkbox__inner {
height: 14px;
width: 14px;
border-radius: 3px
}
.el-transfer-panel .el-checkbox__inner:after {
height: 6px;
width: 3px;
left: 4px
}
.fade-in-linear-enter-active,.fade-in-linear-leave-active {
transition: var(--el-transition-fade-linear)
}
.fade-in-linear-enter-from,.fade-in-linear-leave-to {
opacity: 0
}
.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active {
transition: var(--el-transition-fade-linear)
}
.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to {
opacity: 0
}
.el-fade-in-enter-active,.el-fade-in-leave-active {
transition: all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)
}
.el-fade-in-enter-from,.el-fade-in-leave-active {
opacity: 0
}
.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active {
transition: all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)
}
.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active {
opacity: 0;
transform: scaleX(0)
}
.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active {
opacity: 1;
transform: scaleY(1);
transition: var(--el-transition-md-fade);
transform-origin: center top
}
.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top] {
transform-origin: center bottom
}
.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active {
opacity: 0;
transform: scaleY(0)
}
.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active {
opacity: 1;
transform: scaleY(1);
transition: var(--el-transition-md-fade);
transform-origin: center bottom
}
.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active {
opacity: 0;
transform: scaleY(0)
}
.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active {
opacity: 1;
transform: scale(1);
transition: var(--el-transition-md-fade);
transform-origin: top left
}
.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active {
opacity: 0;
transform: scale(.45)
}
.collapse-transition {
transition: var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out
}
.horizontal-collapse-transition {
transition: var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out
}
.el-list-enter-active,.el-list-leave-active {
transition: all 1s
}
.el-list-enter-from,.el-list-leave-active {
opacity: 0;
transform: translateY(-30px)
}
.el-opacity-transition {
transition: opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)
}
.el-tree {
--el-tree-node-hover-background-color: var(--el-background-color-base);
--el-tree-font-color: var(--el-text-color-regular);
--el-tree-expand-icon-color: var(--el-text-color-placeholder);
position: relative;
cursor: default;
background: var(--el-color-white);
color: var(--el-tree-font-color)
}
.el-tree__empty-block {
position: relative;
min-height: 60px;
text-align: center;
width: 100%;
height: 100%
}
.el-tree__empty-text {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
color: var(--el-text-color-secondary);
font-size: var(--el-font-size-base)
}
.el-tree__drop-indicator {
position: absolute;
left: 0;
right: 0;
height: 1px;
background-color: var(--el-color-primary)
}
.el-tree-node {
white-space: nowrap;
outline: none
}
.el-tree-node:focus>.el-tree-node__content {
background-color: var(--el-tree-node-hover-background-color)
}
.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
background-color: var(--el-color-primary);
color: #fff
}
.el-tree-node__content {
display: flex;
align-items: center;
height: 26px;
cursor: pointer
}
.el-tree-node__content>.el-tree-node__expand-icon {
padding: 6px
}
.el-tree-node__content>label.el-checkbox {
margin-right: 8px
}
.el-tree-node__content:hover {
background-color: var(--el-tree-node-hover-background-color)
}
.el-tree.is-dragging .el-tree-node__content {
cursor: move
}
.el-tree.is-dragging .el-tree-node__content * {
pointer-events: none
}
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
cursor: not-allowed
}
.el-tree-node__expand-icon {
cursor: pointer;
color: var(--el-tree-expand-icon-color);
font-size: 12px;
transform: rotate(0deg);
transition: transform var(--el-transition-duration) ease-in-out
}
.el-tree-node__expand-icon.expanded {
transform: rotate(90deg)
}
.el-tree-node__expand-icon.is-leaf {
color: transparent;
cursor: default
}
.el-tree-node__label,.el-tree-node__loading-icon {
font-size: var(--el-font-size-base)
}
.el-tree-node__loading-icon {
margin-right: 8px;
color: var(--el-tree-expand-icon-color)
}
.el-tree-node>.el-tree-node__children {
overflow: hidden;
background-color: initial
}
.el-tree-node.is-expanded>.el-tree-node__children {
display: block
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
background-color: var(--el-color-primary-light-9)
}
.el-upload {
display: inline-block;
text-align: center;
cursor: pointer;
outline: none
}
.el-upload__input {
display: none
}
.el-upload__tip {
font-size: 12px;
color: var(--el-text-color-regular);
margin-top: 7px
}
.el-upload iframe {
position: absolute;
z-index: -1;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0)
}
.el-upload--picture-card {
background-color: #fbfdff;
border: 1px dashed #c0ccda;
border-radius: 6px;
box-sizing: border-box;
width: 148px;
height: 148px;
cursor: pointer;
line-height: 146px;
vertical-align: top
}
.el-upload--picture-card i {
font-size: 28px;
color: #8c939d
}
.el-upload--picture-card:hover,.el-upload:focus {
border-color: var(--el-color-primary);
color: var(--el-color-primary)
}
.el-upload:focus .el-upload-dragger {
border-color: var(--el-color-primary)
}
.el-upload-dragger {
background-color: #fff;
border: 1px dashed #d9d9d9;
border-radius: 6px;
box-sizing: border-box;
width: 360px;
height: 180px;
text-align: center;
cursor: pointer;
position: relative;
overflow: hidden
}
.el-upload-dragger .el-icon-upload {
font-size: 67px;
color: var(--el-text-color-placeholder);
margin: 40px 0 16px;
line-height: 50px
}
.el-upload-dragger+.el-upload__tip {
text-align: center
}
.el-upload-dragger~.el-upload__files {
border-top: 1px solid #dcdfe6;
margin-top: 7px;
padding-top: 5px
}
.el-upload-dragger .el-upload__text {
color: var(--el-text-color-regular);
font-size: 14px;
text-align: center
}
.el-upload-dragger .el-upload__text em {
color: var(--el-color-primary);
font-style: normal
}
.el-upload-dragger:hover {
border-color: var(--el-color-primary)
}
.el-upload-dragger.is-dragover {
background-color: rgba(32,159,255,.06);
border: 2px dashed var(--el-color-primary)
}
.el-upload-list {
margin: 0;
padding: 0;
list-style: none
}
.el-upload-list__item {
transition: all .5s cubic-bezier(.55,0,.1,1);
font-size: 14px;
color: var(--el-text-color-regular);
line-height: 1.8;
margin-top: 5px;
position: relative;
box-sizing: border-box;
border-radius: 4px;
width: 100%
}
.el-upload-list__item .el-progress {
position: absolute;
top: 20px;
width: 100%
}
.el-upload-list__item .el-progress__text {
position: absolute;
right: 0;
top: -13px
}
.el-upload-list__item .el-progress-bar {
margin-right: 0;
padding-right: 0
}
.el-upload-list__item:first-child {
margin-top: 10px
}
.el-upload-list__item .el-icon-upload-success {
color: var(--el-color-success)
}
.el-upload-list__item .el-icon-close {
display: none;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
opacity: .75;
color: var(--el-text-color-regular)
}
.el-upload-list__item .el-icon-close:hover {
opacity: 1
}
.el-upload-list__item .el-icon-close-tip {
display: none;
position: absolute;
top: 5px;
right: 5px;
font-size: 12px;
cursor: pointer;
opacity: 1;
color: var(--el-color-primary)
}
.el-upload-list__item:hover {
background-color: #f5f7fa
}
.el-upload-list__item:hover .el-icon-close {
display: inline-block
}
.el-upload-list__item:hover .el-progress__text {
display: none
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
display: block
}
.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover {
color: var(--el-color-primary);
cursor: pointer
}
.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
display: inline-block
}
.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus {
outline-width: 0
}
.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
display: none
}
.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
display: block
}
.el-upload-list__item-name {
color: var(--el-text-color-regular);
display: block;
margin-right: 40px;
overflow: hidden;
padding-left: 4px;
text-overflow: ellipsis;
transition: color var(--el-transition-duration);
white-space: nowrap
}
.el-upload-list__item-name [class^=el-icon] {
height: 100%;
margin-right: 7px;
color: var(--el-text-color-secondary);
line-height: inherit
}
.el-upload-list__item-status-label {
position: absolute;
right: 5px;
top: 0;
line-height: inherit;
display: none
}
.el-upload-list__item-delete {
position: absolute;
right: 10px;
top: 0;
font-size: 12px;
color: var(--el-text-color-regular);
display: none
}
.el-upload-list__item-delete:hover {
color: var(--el-color-primary)
}
.el-upload-list--picture-card {
margin: 0;
display: inline;
vertical-align: top
}
.el-upload-list--picture-card .el-upload-list__item {
overflow: hidden;
background-color: #fff;
border: 1px solid #c0ccda;
border-radius: 6px;
box-sizing: border-box;
width: 148px;
height: 148px;
margin: 0 8px 8px 0;
display: inline-block
}
.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
color: #fff
}
.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
display: none
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
display: block
}
.el-upload-list--picture-card .el-upload-list__item-name {
display: none
}
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
width: 100%;
height: 100%
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
position: absolute;
right: -15px;
top: -6px;
width: 40px;
height: 24px;
background: #13ce66;
text-align: center;
transform: rotate(45deg);
box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
}
.el-upload-list--picture-card .el-upload-list__item-status-label i {
font-size: 12px;
margin-top: 11px;
transform: rotate(-45deg)
}
.el-upload-list--picture-card .el-upload-list__item-actions {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: default;
text-align: center;
color: #fff;
opacity: 0;
font-size: 20px;
background-color: rgba(0,0,0,.5);
transition: opacity var(--el-transition-duration)
}
.el-upload-list--picture-card .el-upload-list__item-actions:after {
display: inline-block;
content: "";
height: 100%;
vertical-align: middle
}
.el-upload-list--picture-card .el-upload-list__item-actions span {
display: none;
cursor: pointer
}
.el-upload-list--picture-card .el-upload-list__item-actions span+span {
margin-left: 15px
}
.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
position: static;
font-size: inherit;
color: inherit
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
opacity: 1
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
display: inline-block
}
.el-upload-list--picture-card .el-progress {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
bottom: auto;
width: 126px
}
.el-upload-list--picture-card .el-progress .el-progress__text {
top: 50%
}
.el-upload-list--picture .el-upload-list__item {
overflow: hidden;
z-index: 0;
background-color: #fff;
border: 1px solid #c0ccda;
border-radius: 6px;
box-sizing: border-box;
margin-top: 10px;
padding: 10px 10px 10px 90px;
height: 92px
}
.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
color: #fff
}
.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
background: transparent;
box-shadow: none;
top: -2px;
right: -12px
}
.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
display: block
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
line-height: 70px;
margin-top: 0
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
display: none
}
.el-upload-list--picture .el-upload-list__item-thumbnail {
vertical-align: middle;
display: inline-block;
width: 70px;
height: 70px;
float: left;
position: relative;
z-index: 1;
margin-left: -80px;
background-color: #fff
}
.el-upload-list--picture .el-upload-list__item-name {
display: block;
margin-top: 20px
}
.el-upload-list--picture .el-upload-list__item-name i {
font-size: 70px;
line-height: 1;
position: absolute;
left: 9px;
top: 10px
}
.el-upload-list--picture .el-upload-list__item-status-label {
position: absolute;
right: -17px;
top: -7px;
width: 46px;
height: 26px;
background: #13ce66;
text-align: center;
transform: rotate(45deg);
box-shadow: 0 1px 1px #ccc
}
.el-upload-list--picture .el-upload-list__item-status-label i {
font-size: 12px;
margin-top: 12px;
transform: rotate(-45deg)
}
.el-upload-list--picture .el-progress {
position: relative;
top: -7px
}
.el-upload-cover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 10;
cursor: default
}
.el-upload-cover:after {
display: inline-block;
content: "";
height: 100%;
vertical-align: middle
}
.el-upload-cover img {
display: block;
width: 100%;
height: 100%
}
.el-upload-cover__label {
position: absolute;
right: -15px;
top: -6px;
width: 40px;
height: 24px;
background: #13ce66;
text-align: center;
transform: rotate(45deg);
box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
}
.el-upload-cover__label i {
font-size: 12px;
margin-top: 11px;
transform: rotate(-45deg);
color: #fff
}
.el-upload-cover__progress {
display: inline-block;
vertical-align: middle;
position: static;
width: 243px
}
.el-upload-cover__progress+.el-upload__inner {
opacity: 0
}
.el-upload-cover__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.el-upload-cover__interact {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.72);
text-align: center
}
.el-upload-cover__interact .btn {
display: inline-block;
color: #fff;
font-size: 14px;
cursor: pointer;
vertical-align: middle;
transition: var(--el-transition-md-fade);
margin-top: 60px
}
.el-upload-cover__interact .btn i {
margin-top: 0
}
.el-upload-cover__interact .btn span {
opacity: 0;
transition: opacity .15s linear
}
.el-upload-cover__interact .btn:not(:first-child) {
margin-left: 35px
}
.el-upload-cover__interact .btn:hover {
transform: translateY(-13px)
}
.el-upload-cover__interact .btn:hover span {
opacity: 1
}
.el-upload-cover__interact .btn i {
color: #fff;
display: block;
font-size: 24px;
line-height: inherit;
margin: 0 auto 5px
}
.el-upload-cover__title {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
height: 36px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400;
text-align: left;
padding: 0 10px;
margin: 0;
line-height: 36px;
font-size: 14px;
color: var(--el-text-color-primary)
}
.el-upload-cover+.el-upload__inner {
opacity: 0;
position: relative;
z-index: 1
}
.el-vl__wrapper {
position: relative
}
.el-popper {
--el-popper-border-radius: var(--el-popover-border-radius,4px);
position: absolute;
border-radius: var(--el-popper-border-radius);
padding: 10px;
z-index: 2000;
font-size: 12px;
line-height: 1.2;
min-width: 10px;
word-wrap: break-word;
visibility: visible
}
.el-popper.is-dark {
color: var(--el-color-white);
background: var(--el-text-color-primary)
}
.el-popper.is-dark .el-popper__arrow:before {
background: var(--el-text-color-primary);
right: 0
}
.el-popper.is-light,.el-popper.is-light .el-popper__arrow:before {
background: var(--el-color-white);
border: 1px solid var(--el-border-color-light)
}
.el-popper.is-light .el-popper__arrow:before {
right: 0
}
.el-popper.is-pure {
padding: 0
}
.el-popper__arrow,.el-popper__arrow:before {
position: absolute;
width: 10px;
height: 10px;
z-index: -1
}
.el-popper__arrow:before {
content: " ";
transform: rotate(45deg);
background: var(--el-text-color-primary);
box-sizing: border-box
}
.el-popper[data-popper-placement^=top]>.el-popper__arrow {
bottom: -5px
}
.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
top: -5px
}
.el-popper[data-popper-placement^=left]>.el-popper__arrow {
right: -5px
}
.el-popper[data-popper-placement^=right]>.el-popper__arrow {
left: -5px
}
.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before {
border-top-color: transparent;
border-left-color: transparent
}
.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before {
border-bottom-color: transparent;
border-right-color: transparent
}
.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before {
border-left-color: transparent;
border-bottom-color: transparent
}
.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before {
border-right-color: transparent;
border-top-color: transparent
}
.el-select-dropdown__option-item:hover:not(.hover) {
background-color: initial
}
.el-select-dropdown__list {
margin: 6px 0!important;
padding: 0!important
}
.el-select-dropdown {
z-index: calc(var(--el-index-top) + 1);
border-radius: var(--el-border-radius-base);
box-sizing: border-box
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
color: var(--el-color-primary);
background-color: var(--el-color-white)
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
background-color: var(--el-background-color-base)
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
position: absolute;
right: 20px;
font-family: element-icons;
content: "";
font-size: 12px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
padding: 0
}
.el-select-dropdown__empty {
padding: 10px 0;
margin: 0;
text-align: center;
color: var(--el-text-color-secondary);
font-size: var(--el-select-font-size)
}
.el-select-dropdown__wrap {
max-height: 274px
}
.el-select-dropdown__list {
list-style: none;
padding: 6px 0;
margin: 0;
box-sizing: border-box
}
.el-select-dropdown__item {
font-size: var(--el-font-size-base);
padding: 0 32px 0 20px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--el-text-color-regular);
height: 34px;
line-height: 34px;
box-sizing: border-box;
cursor: pointer
}
.el-select-dropdown__item.is-disabled {
color: var(--el-text-color-placeholder);
cursor: not-allowed
}
.el-select-dropdown__item.is-disabled:hover {
background-color: var(--el-color-white)
}
.el-select-dropdown__item.hover,.el-select-dropdown__item:hover {
background-color: var(--el-background-color-base)
}
.el-select-dropdown__item.selected {
color: var(--el-color-primary);
font-weight: 700
}
.el-select-group {
margin: 0;
padding: 0
}
.el-select-group__wrap {
position: relative;
list-style: none;
margin: 0;
padding: 0
}
.el-select-group__wrap:not(:last-of-type) {
padding-bottom: 24px
}
.el-select-group__wrap:not(:last-of-type):after {
content: "";
display: block;
bottom: 12px
}
.el-select-group__split-dash,.el-select-group__wrap:not(:last-of-type):after {
position: absolute;
left: 20px;
right: 20px;
height: 1px;
background: var(--el-border-color-light)
}
.el-select-group__title {
padding-left: 20px;
font-size: 12px;
color: var(--el-color-info);
line-height: 30px
}
.el-select-group .el-select-dropdown__item {
padding-left: 20px
}
.el-select-dropdown__option-item {
font-size: var(--el-select-font-size);
padding: 0 32px 0 20px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--el-text-color-regular);
height: 34px;
line-height: 34px;
box-sizing: border-box;
cursor: pointer
}
.el-select-dropdown__option-item.is-disabled {
color: var(--el-text-color-placeholder);
cursor: not-allowed
}
.el-select-dropdown__option-item.is-disabled:hover {
background-color: var(--el-color-white)
}
.el-select-dropdown__option-item.is-selected {
background-color: var(--el-background-color-base);
font-weight: 700
}
.el-select-dropdown__option-item.is-selected:not(.is-multiple) {
color: var(--el-color-primary)
}
.el-select-dropdown__option-item.hover {
background-color: var(--el-background-color-base)!important
}
.el-select-dropdown__option-item:hover {
background-color: var(--el-background-color-base)
}
.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected {
color: var(--el-color-primary);
background-color: var(--el-color-white);
font-weight: 700
}
.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected:after {
position: absolute;
right: 20px;
top: 0;
font-family: element-icons;
content: "";
font-size: 12px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width: 768px) {
.hidden-xs-only {
display:none!important
}
}
@media only screen and (min-width: 768px) {
.hidden-sm-and-up {
display:none!important
}
}
@media only screen and (min-width: 768px)and (max-width:992px) {
.hidden-sm-only {
display:none!important
}
}
@media only screen and (max-width: 992px) {
.hidden-sm-and-down {
display:none!important
}
}
@media only screen and (min-width: 992px) {
.hidden-md-and-up {
display:none!important
}
}
@media only screen and (min-width: 992px)and (max-width:1200px) {
.hidden-md-only {
display:none!important
}
}
@media only screen and (max-width: 1200px) {
.hidden-md-and-down {
display:none!important
}
}
@media only screen and (min-width: 1200px) {
.hidden-lg-and-up {
display:none!important
}
}
@media only screen and (min-width: 1200px)and (max-width:1920px) {
.hidden-lg-only {
display:none!important
}
}
@media only screen and (max-width: 1920px) {
.hidden-lg-and-down {
display:none!important
}
}
@media only screen and (min-width: 1920px) {
.hidden-xl-only {
display:none!important
}
}
标签：__,el,参考,样式,Element,--,var,border,color From： https://www.cnblogs.com/xmyfsj/p/17374068.html