eagle-web-ui
Version:
1,866 lines • 602 kB
CSS
@charset "UTF-8";
.custom-theme-light .fade-in-linear-enter-active,
.custom-theme-light .fade-in-linear-leave-active {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.custom-theme-light .fade-in-linear-enter,
.custom-theme-light .fade-in-linear-leave,
.custom-theme-light .fade-in-linear-leave-active {
opacity: 0;
}
.custom-theme-light .el-fade-in-linear-enter-active,
.custom-theme-light .el-fade-in-linear-leave-active {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.custom-theme-light .el-fade-in-linear-enter,
.custom-theme-light .el-fade-in-linear-leave,
.custom-theme-light .el-fade-in-linear-leave-active {
opacity: 0;
}
.custom-theme-light .el-fade-in-enter-active,
.custom-theme-light .el-fade-in-leave-active {
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.custom-theme-light .el-fade-in-enter,
.custom-theme-light .el-fade-in-leave-active {
opacity: 0;
}
.custom-theme-light .el-zoom-in-center-enter-active,
.custom-theme-light .el-zoom-in-center-leave-active {
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.custom-theme-light .el-zoom-in-center-enter,
.custom-theme-light .el-zoom-in-center-leave-active {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
.custom-theme-light .el-zoom-in-top-enter-active,
.custom-theme-light .el-zoom-in-top-leave-active {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: center top;
transform-origin: center top;
}
.custom-theme-light .el-zoom-in-top-enter,
.custom-theme-light .el-zoom-in-top-leave-active {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
.custom-theme-light .el-zoom-in-bottom-enter-active,
.custom-theme-light .el-zoom-in-bottom-leave-active {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.custom-theme-light .el-zoom-in-bottom-enter,
.custom-theme-light .el-zoom-in-bottom-leave-active {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
.custom-theme-light .el-zoom-in-left-enter-active,
.custom-theme-light .el-zoom-in-left-leave-active {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.custom-theme-light .el-zoom-in-left-enter,
.custom-theme-light .el-zoom-in-left-leave-active {
opacity: 0;
-webkit-transform: scale(0.45, 0.45);
transform: scale(0.45, 0.45);
}
.custom-theme-light .collapse-transition {
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out,
0.3s padding-bottom ease-in-out;
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out,
0.3s padding-bottom ease-in-out;
}
.custom-theme-light .horizontal-collapse-transition {
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out,
0.3s padding-right ease-in-out;
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out,
0.3s padding-right ease-in-out;
}
.custom-theme-light .el-list-enter-active,
.custom-theme-light .el-list-leave-active {
-webkit-transition: all 1s;
transition: all 1s;
}
.custom-theme-light .el-list-enter,
.custom-theme-light .el-list-leave-active {
opacity: 0;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.custom-theme-light .el-opacity-transition {
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
@font-face {
font-family: element-icons;
src: url(fonts/element-icons.woff) format("woff"),
url(fonts/element-icons.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
.custom-theme-light [class*=" el-icon-"],
.custom-theme-light [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: baseline;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.custom-theme-light .el-icon-info:before {
content: "\e61a";
}
.custom-theme-light .el-icon-error:before {
content: "\e62c";
}
.custom-theme-light .el-icon-success:before {
content: "\e62d";
}
.custom-theme-light .el-icon-warning:before {
content: "\e62e";
}
.custom-theme-light .el-icon-question:before {
content: "\e634";
}
.custom-theme-light .el-icon-back:before {
content: "\e606";
}
.custom-theme-light .el-icon-arrow-left:before {
content: "\e600";
}
.custom-theme-light .el-icon-arrow-down:before {
content: "\e603";
}
.custom-theme-light .el-icon-arrow-right:before {
content: "\e604";
}
.custom-theme-light .el-icon-arrow-up:before {
content: "\e605";
}
.custom-theme-light .el-icon-caret-left:before {
content: "\e60a";
}
.custom-theme-light .el-icon-caret-bottom:before {
content: "\e60b";
}
.custom-theme-light .el-icon-caret-top:before {
content: "\e60c";
}
.custom-theme-light .el-icon-caret-right:before {
content: "\e60e";
}
.custom-theme-light .el-icon-d-arrow-left:before {
content: "\e610";
}
.custom-theme-light .el-icon-d-arrow-right:before {
content: "\e613";
}
.custom-theme-light .el-icon-minus:before {
content: "\e621";
}
.custom-theme-light .el-icon-plus:before {
content: "\e62b";
}
.custom-theme-light .el-icon-remove:before {
content: "\e635";
}
.custom-theme-light .el-icon-circle-plus:before {
content: "\e601";
}
.custom-theme-light .el-icon-remove-outline:before {
content: "\e63c";
}
.custom-theme-light .el-icon-circle-plus-outline:before {
content: "\e602";
}
.custom-theme-light .el-icon-close:before {
content: "\e60f";
}
.custom-theme-light .el-icon-check:before {
content: "\e611";
}
.custom-theme-light .el-icon-circle-close:before {
content: "\e607";
}
.custom-theme-light .el-icon-circle-check:before {
content: "\e639";
}
.custom-theme-light .el-icon-circle-close-outline:before {
content: "\e609";
}
.custom-theme-light .el-icon-circle-check-outline:before {
content: "\e63e";
}
.custom-theme-light .el-icon-zoom-out:before {
content: "\e645";
}
.custom-theme-light .el-icon-zoom-in:before {
content: "\e641";
}
.custom-theme-light .el-icon-d-caret:before {
content: "\e615";
}
.custom-theme-light .el-icon-sort:before {
content: "\e640";
}
.custom-theme-light .el-icon-sort-down:before {
content: "\e630";
}
.custom-theme-light .el-icon-sort-up:before {
content: "\e631";
}
.custom-theme-light .el-icon-tickets:before {
content: "\e63f";
}
.custom-theme-light .el-icon-document:before {
content: "\e614";
}
.custom-theme-light .el-icon-goods:before {
content: "\e618";
}
.custom-theme-light .el-icon-sold-out:before {
content: "\e63b";
}
.custom-theme-light .el-icon-news:before {
content: "\e625";
}
.custom-theme-light .el-icon-message:before {
content: "\e61b";
}
.custom-theme-light .el-icon-date:before {
content: "\e608";
}
.custom-theme-light .el-icon-printer:before {
content: "\e62f";
}
.custom-theme-light .el-icon-time:before {
content: "\e642";
}
.custom-theme-light .el-icon-bell:before {
content: "\e622";
}
.custom-theme-light .el-icon-mobile-phone:before {
content: "\e624";
}
.custom-theme-light .el-icon-service:before {
content: "\e63a";
}
.custom-theme-light .el-icon-view:before {
content: "\e643";
}
.custom-theme-light .el-icon-menu:before {
content: "\e620";
}
.custom-theme-light .el-icon-more:before {
content: "\e646";
}
.custom-theme-light .el-icon-more-outline:before {
content: "\e626";
}
.custom-theme-light .el-icon-star-on:before {
content: "\e637";
}
.custom-theme-light .el-icon-star-off:before {
content: "\e63d";
}
.custom-theme-light .el-icon-location:before {
content: "\e61d";
}
.custom-theme-light .el-icon-location-outline:before {
content: "\e61f";
}
.custom-theme-light .el-icon-phone:before {
content: "\e627";
}
.custom-theme-light .el-icon-phone-outline:before {
content: "\e628";
}
.custom-theme-light .el-icon-picture:before {
content: "\e629";
}
.custom-theme-light .el-icon-picture-outline:before {
content: "\e62a";
}
.custom-theme-light .el-icon-delete:before {
content: "\e612";
}
.custom-theme-light .el-icon-search:before {
content: "\e619";
}
.custom-theme-light .el-icon-edit:before {
content: "\e61c";
}
.custom-theme-light .el-icon-edit-outline:before {
content: "\e616";
}
.custom-theme-light .el-icon-rank:before {
content: "\e632";
}
.custom-theme-light .el-icon-refresh:before {
content: "\e633";
}
.custom-theme-light .el-icon-share:before {
content: "\e636";
}
.custom-theme-light .el-icon-setting:before {
content: "\e638";
}
.custom-theme-light .el-icon-upload:before {
content: "\e60d";
}
.custom-theme-light .el-icon-upload2:before {
content: "\e644";
}
.custom-theme-light .el-icon-download:before {
content: "\e617";
}
.custom-theme-light .el-icon-loading:before {
content: "\e61e";
}
.custom-theme-light .el-icon-loading {
-webkit-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
.custom-theme-light .el-icon--right {
margin-left: 5px;
}
.custom-theme-light .el-icon--left {
margin-right: 5px;
}
@-webkit-keyframes rotating {
0% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes rotating {
0% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
.custom-theme-light .el-popper .popper__arrow,
.custom-theme-light .el-popper .popper__arrow::after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.custom-theme-light .el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.custom-theme-light .el-popper .popper__arrow::after {
content: " ";
border-width: 6px;
}
.custom-theme-light .el-popper[x-placement^="top"] {
margin-bottom: 12px;
}
.custom-theme-light .el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
left: 50%;
margin-right: 3px;
border-top-color: #e6ebf5;
border-bottom-width: 0;
}
.custom-theme-light .el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
border-top-color: #fff;
border-bottom-width: 0;
}
.custom-theme-light .el-popper[x-placement^="bottom"] {
margin-top: 12px;
}
.custom-theme-light .el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #e6ebf5;
}
.custom-theme-light .el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
border-top-width: 0;
border-bottom-color: #fff;
}
.custom-theme-light .el-popper[x-placement^="right"] {
margin-left: 12px;
}
.custom-theme-light .el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
margin-bottom: 3px;
border-right-color: #e6ebf5;
border-left-width: 0;
}
.custom-theme-light .el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
left: 1px;
border-right-color: #fff;
border-left-width: 0;
}
.custom-theme-light .el-popper[x-placement^="left"] {
margin-right: 12px;
}
.custom-theme-light .el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #e6ebf5;
}
.custom-theme-light .el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
border-right-width: 0;
border-left-color: #fff;
}
.custom-theme-light .el-select-dropdown {
position: absolute;
z-index: 1001;
border: solid 1px #dfe4ed;
border-radius: 4px;
background-color: #fff;
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 5px 0;
}
.custom-theme-light
.el-select-dropdown.is-multiple
.el-select-dropdown__item.selected {
color: #1890ff;
background-color: #fff;
}
.custom-theme-light
.el-select-dropdown.is-multiple
.el-select-dropdown__item.selected.hover {
background-color: #f5f7fa;
}
.custom-theme-light
.el-select-dropdown.is-multiple
.el-select-dropdown__item.selected::after {
position: absolute;
right: 20px;
font-family: element-icons;
content: "\E611";
font-size: 12px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.custom-theme-light
.el-select-dropdown
.el-scrollbar.is-empty
.el-select-dropdown__list {
padding: 0;
}
.custom-theme-light .el-select-dropdown__empty {
padding: 10px 0;
margin: 0;
text-align: center;
color: #999;
font-size: 14px;
}
.custom-theme-light .el-select-dropdown__wrap {
max-height: 274px;
}
.custom-theme-light .el-select-dropdown__list {
list-style: none;
padding: 6px 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.custom-theme-light .el-textarea {
display: inline-block;
width: 100%;
vertical-align: bottom;
font-size: 14px;
}
.custom-theme-light .el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: inherit;
color: #606266;
background-color: #fff;
background-image: none;
border: 1px solid #dcdfe6;
border-radius: 4px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.custom-theme-light .el-textarea__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-textarea__inner::-moz-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-textarea__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-textarea__inner::placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-textarea__inner:hover {
border-color: #c0c4cc;
}
.custom-theme-light .el-textarea__inner:focus {
outline: 0;
border-color: #1890ff;
}
.custom-theme-light .el-textarea.is-disabled .el-textarea__inner {
background-color: #f5f7fa;
border-color: #dfe4ed;
color: #c0c4cc;
cursor: not-allowed;
}
.custom-theme-light
.el-textarea.is-disabled
.el-textarea__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light
.el-textarea.is-disabled
.el-textarea__inner::-moz-placeholder {
color: #c0c4cc;
}
.custom-theme-light
.el-textarea.is-disabled
.el-textarea__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-textarea.is-disabled .el-textarea__inner::placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input {
position: relative;
font-size: 14px;
display: inline-block;
width: 100%;
}
.custom-theme-light .el-input::-webkit-scrollbar {
z-index: 11;
width: 6px;
}
.custom-theme-light .el-input::-webkit-scrollbar:horizontal {
height: 6px;
}
.custom-theme-light .el-input::-webkit-scrollbar-thumb {
border-radius: 5px;
width: 6px;
background: #b4bccc;
}
.custom-theme-light .el-input::-webkit-scrollbar-corner {
background: #fff;
}
.custom-theme-light .el-input::-webkit-scrollbar-track {
background: #fff;
}
.custom-theme-light .el-input::-webkit-scrollbar-track-piece {
background: #fff;
width: 6px;
}
.custom-theme-light .el-input .el-input__clear {
color: #c0c4cc;
font-size: 14px;
line-height: 16px;
cursor: pointer;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.custom-theme-light .el-input .el-input__clear:hover {
color: #909399;
}
.custom-theme-light .el-input__inner {
-webkit-appearance: none;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #606266;
display: inline-block;
font-size: inherit;
height: 40px;
line-height: 40px;
outline: 0;
padding: 0 15px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%;
}
.custom-theme-light .el-input__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input__inner::-moz-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input__inner::placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input__inner:hover {
border-color: #c0c4cc;
}
.custom-theme-light .el-input__inner:focus {
outline: 0;
border-color: #1890ff;
}
.custom-theme-light .el-input__suffix {
position: absolute;
height: 100%;
right: 5px;
top: 0;
text-align: center;
color: #c0c4cc;
-webkit-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.custom-theme-light .el-input__suffix-inner {
pointer-events: all;
}
.custom-theme-light .el-input__prefix {
position: absolute;
height: 100%;
left: 5px;
top: 0;
text-align: center;
color: #c0c4cc;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.custom-theme-light .el-input__icon {
height: 100%;
width: 25px;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
line-height: 40px;
}
.custom-theme-light .el-input__icon:after {
content: "";
height: 100%;
width: 0;
display: inline-block;
vertical-align: middle;
}
.custom-theme-light .el-input__validateIcon {
pointer-events: none;
}
.custom-theme-light .el-input.is-active .el-input__inner {
outline: 0;
border-color: #1890ff;
}
.custom-theme-light .el-input.is-disabled .el-input__inner {
background-color: #f5f7fa;
border-color: #dfe4ed;
color: #c0c4cc;
cursor: not-allowed;
}
.custom-theme-light
.el-input.is-disabled
.el-input__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input.is-disabled .el-input__inner::-moz-placeholder {
color: #c0c4cc;
}
.custom-theme-light
.el-input.is-disabled
.el-input__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input.is-disabled .el-input__inner::placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input.is-disabled .el-input__icon {
cursor: not-allowed;
}
.custom-theme-light .el-input--suffix .el-input__inner {
padding-right: 30px;
}
.custom-theme-light .el-input--prefix .el-input__inner {
padding-left: 30px;
}
.custom-theme-light .el-input--medium {
font-size: 14px;
}
.custom-theme-light .el-input--medium .el-input__inner {
height: 36px;
line-height: 36px;
}
.custom-theme-light .el-input--medium .el-input__icon {
line-height: 36px;
}
.custom-theme-light .el-input--small {
font-size: 13px;
}
.custom-theme-light .el-input--small .el-input__inner {
height: 32px;
line-height: 32px;
}
.custom-theme-light .el-input--small .el-input__icon {
line-height: 32px;
}
.custom-theme-light .el-input--mini {
font-size: 12px;
}
.custom-theme-light .el-input--mini .el-input__inner {
height: 28px;
line-height: 28px;
}
.custom-theme-light .el-input--mini .el-input__icon {
line-height: 28px;
}
.custom-theme-light .el-input-group {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.custom-theme-light .el-input-group > .el-input__inner {
vertical-align: middle;
display: table-cell;
}
.custom-theme-light .el-input-group__append,
.custom-theme-light .el-input-group__prepend {
background-color: #f5f7fa;
color: #1e1e1e;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #dcdfe6;
border-radius: 4px;
padding: 0 20px;
width: 1px;
white-space: nowrap;
}
.custom-theme-light .el-input-group__append:focus,
.custom-theme-light .el-input-group__prepend:focus {
outline: 0;
}
.custom-theme-light .el-input-group__append .el-button,
.custom-theme-light .el-input-group__append .el-select,
.custom-theme-light .el-input-group__prepend .el-button,
.custom-theme-light .el-input-group__prepend .el-select {
display: inline-block;
margin: -10px -20px;
}
.custom-theme-light .el-input-group__append button.el-button,
.custom-theme-light .el-input-group__append div.el-select .el-input__inner,
.custom-theme-light
.el-input-group__append
div.el-select:hover
.el-input__inner,
.custom-theme-light .el-input-group__prepend button.el-button,
.custom-theme-light .el-input-group__prepend div.el-select .el-input__inner,
.custom-theme-light
.el-input-group__prepend
div.el-select:hover
.el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
border-top: 0;
border-bottom: 0;
}
.custom-theme-light .el-input-group__append .el-button,
.custom-theme-light .el-input-group__append .el-input,
.custom-theme-light .el-input-group__prepend .el-button,
.custom-theme-light .el-input-group__prepend .el-input {
font-size: inherit;
}
.custom-theme-light .el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.custom-theme-light .el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom-theme-light .el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom-theme-light
.el-input-group--prepend
.el-select
.el-input.is-focus
.el-input__inner {
border-color: transparent;
}
.custom-theme-light .el-input-group--append .el-input__inner {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.custom-theme-light
.el-input-group--append
.el-select
.el-input.is-focus
.el-input__inner {
border-color: transparent;
}
.custom-theme-light .el-input__inner::-ms-clear {
display: none;
width: 0;
height: 0;
}
.custom-theme-light .el-tag {
background-color: rgba(24, 144, 255, 0.1);
display: inline-block;
padding: 0 10px;
height: 32px;
line-height: 30px;
font-size: 12px;
color: #1890ff;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(24, 144, 255, 0.2);
white-space: nowrap;
}
.custom-theme-light .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;
color: #1890ff;
}
.custom-theme-light .el-tag .el-icon-close::before {
display: block;
}
.custom-theme-light .el-tag .el-icon-close:hover {
background-color: #1890ff;
color: #fff;
}
.custom-theme-light .el-tag--info {
background-color: rgba(30, 30, 30, 0.1);
border-color: rgba(30, 30, 30, 0.2);
color: #1e1e1e;
}
.custom-theme-light .el-tag--info.is-hit {
border-color: #1e1e1e;
}
.custom-theme-light .el-tag--info .el-tag__close {
color: #1e1e1e;
}
.custom-theme-light .el-tag--info .el-tag__close:hover {
background-color: #1e1e1e;
color: #fff;
}
.custom-theme-light .el-tag--success {
background-color: rgba(19, 206, 102, 0.1);
border-color: rgba(19, 206, 102, 0.2);
color: #13ce66;
}
.custom-theme-light .el-tag--success.is-hit {
border-color: #13ce66;
}
.custom-theme-light .el-tag--success .el-tag__close {
color: #13ce66;
}
.custom-theme-light .el-tag--success .el-tag__close:hover {
background-color: #13ce66;
color: #fff;
}
.custom-theme-light .el-tag--warning {
background-color: rgba(255, 186, 0, 0.1);
border-color: rgba(255, 186, 0, 0.2);
color: #ffba00;
}
.custom-theme-light .el-tag--warning.is-hit {
border-color: #ffba00;
}
.custom-theme-light .el-tag--warning .el-tag__close {
color: #ffba00;
}
.custom-theme-light .el-tag--warning .el-tag__close:hover {
background-color: #ffba00;
color: #fff;
}
.custom-theme-light .el-tag--danger {
background-color: rgba(255, 73, 73, 0.1);
border-color: rgba(255, 73, 73, 0.2);
color: #ff4949;
}
.custom-theme-light .el-tag--danger.is-hit {
border-color: #ff4949;
}
.custom-theme-light .el-tag--danger .el-tag__close {
color: #ff4949;
}
.custom-theme-light .el-tag--danger .el-tag__close:hover {
background-color: #ff4949;
color: #fff;
}
.custom-theme-light .el-tag--medium {
height: 28px;
line-height: 26px;
}
.custom-theme-light .el-tag--medium .el-icon-close {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.custom-theme-light .el-tag--small {
height: 24px;
padding: 0 8px;
line-height: 22px;
}
.custom-theme-light .el-tag--small .el-icon-close {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.custom-theme-light .el-tag--mini {
height: 20px;
padding: 0 5px;
line-height: 19px;
}
.custom-theme-light .el-tag--mini .el-icon-close {
margin-left: -3px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
.custom-theme-light .el-select-dropdown__item {
font-size: 14px;
padding: 0 20px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #606266;
height: 34px;
line-height: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.custom-theme-light .el-select-dropdown__item.is-disabled {
color: #c0c4cc;
cursor: not-allowed;
}
.custom-theme-light .el-select-dropdown__item.is-disabled:hover {
background-color: #fff;
}
.custom-theme-light .el-select-dropdown__item.hover,
.custom-theme-light .el-select-dropdown__item:hover {
background-color: #f5f7fa;
}
.custom-theme-light .el-select-dropdown__item.selected {
color: #1890ff;
font-weight: 700;
}
.custom-theme-light .el-select-group {
margin: 0;
padding: 0;
}
.custom-theme-light .el-select-group__wrap {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.custom-theme-light .el-select-group__wrap:not(:last-of-type) {
padding-bottom: 24px;
}
.custom-theme-light .el-select-group__wrap:not(:last-of-type)::after {
content: "";
position: absolute;
display: block;
left: 20px;
right: 20px;
bottom: 12px;
height: 1px;
background: #dfe4ed;
}
.custom-theme-light .el-select-group__title {
padding-left: 20px;
font-size: 12px;
color: #1e1e1e;
line-height: 30px;
}
.custom-theme-light .el-select-group .el-select-dropdown__item {
padding-left: 20px;
}
.custom-theme-light .el-scrollbar {
overflow: hidden;
position: relative;
}
.custom-theme-light .el-scrollbar:active > .el-scrollbar__bar,
.custom-theme-light .el-scrollbar:focus > .el-scrollbar__bar,
.custom-theme-light .el-scrollbar:hover > .el-scrollbar__bar {
opacity: 1;
-webkit-transition: opacity 340ms ease-out;
transition: opacity 340ms ease-out;
}
.custom-theme-light .el-scrollbar__wrap {
overflow: scroll;
height: 100%;
}
.custom-theme-light .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
width: 0;
height: 0;
}
.custom-theme-light .el-scrollbar__thumb {
position: relative;
display: block;
width: 0;
height: 0;
cursor: pointer;
border-radius: inherit;
background-color: rgba(144, 147, 153, 0.3);
-webkit-transition: 0.3s background-color;
transition: 0.3s background-color;
}
.custom-theme-light .el-scrollbar__thumb:hover {
background-color: rgba(144, 147, 153, 0.5);
}
.custom-theme-light .el-scrollbar__bar {
position: absolute;
right: 2px;
bottom: 2px;
z-index: 1;
border-radius: 4px;
opacity: 0;
-webkit-transition: opacity 120ms ease-out;
transition: opacity 120ms ease-out;
}
.custom-theme-light .el-scrollbar__bar.is-vertical {
width: 6px;
top: 2px;
}
.custom-theme-light .el-scrollbar__bar.is-vertical > div {
width: 100%;
}
.custom-theme-light .el-scrollbar__bar.is-horizontal {
height: 6px;
left: 2px;
}
.custom-theme-light .el-scrollbar__bar.is-horizontal > div {
height: 100%;
}
.custom-theme-light .el-select {
display: inline-block;
position: relative;
}
.custom-theme-light .el-select .el-select__tags > span {
display: contents;
}
.custom-theme-light .el-select:hover .el-input__inner {
border-color: #c0c4cc;
}
.custom-theme-light .el-select .el-input__inner {
cursor: pointer;
padding-right: 35px;
}
.custom-theme-light .el-select .el-input__inner:focus {
border-color: #1890ff;
}
.custom-theme-light .el-select .el-input .el-select__caret {
color: #c0c4cc;
font-size: 14px;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
cursor: pointer;
}
.custom-theme-light .el-select .el-input .el-select__caret.is-reverse {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
.custom-theme-light .el-select .el-input .el-select__caret.is-show-close {
font-size: 14px;
text-align: center;
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
border-radius: 100%;
color: #c0c4cc;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.custom-theme-light .el-select .el-input .el-select__caret.is-show-close:hover {
color: #909399;
}
.custom-theme-light .el-select .el-input.is-disabled .el-input__inner {
cursor: not-allowed;
}
.custom-theme-light .el-select .el-input.is-disabled .el-input__inner:hover {
border-color: #dfe4ed;
}
.custom-theme-light .el-select .el-input.is-focus .el-input__inner {
border-color: #1890ff;
}
.custom-theme-light .el-select > .el-input {
display: block;
}
.custom-theme-light .el-select__input {
border: none;
outline: 0;
padding: 0;
margin-left: 15px;
color: #666;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 28px;
background-color: transparent;
}
.custom-theme-light .el-select__input.is-mini {
height: 14px;
}
.custom-theme-light .el-select__close {
cursor: pointer;
position: absolute;
top: 8px;
z-index: 1000;
right: 25px;
color: #c0c4cc;
line-height: 18px;
font-size: 14px;
}
.custom-theme-light .el-select__close:hover {
color: #909399;
}
.custom-theme-light .el-select__tags {
position: absolute;
line-height: normal;
white-space: normal;
z-index: 1;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.custom-theme-light .el-select .el-tag__close {
margin-top: -2px;
}
.custom-theme-light .el-select .el-tag {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: transparent;
margin: 2px 0 2px 6px;
background-color: #f0f2f5;
}
.custom-theme-light .el-select .el-tag__close.el-icon-close {
background-color: #c0c4cc;
right: -7px;
top: 0;
color: #fff;
}
.custom-theme-light .el-select .el-tag__close.el-icon-close:hover {
background-color: #909399;
}
.custom-theme-light .el-select .el-tag__close.el-icon-close::before {
display: block;
-webkit-transform: translate(0, 0.5px);
transform: translate(0, 0.5px);
}
.custom-theme-light .el-pagination {
white-space: nowrap;
padding: 2px 5px;
color: #303133;
font-weight: 700;
}
.custom-theme-light .el-pagination::after,
.custom-theme-light .el-pagination::before {
display: table;
content: "";
}
.custom-theme-light .el-pagination::after {
clear: both;
}
.custom-theme-light .el-pagination button,
.custom-theme-light .el-pagination span:not([class*="suffix"]) {
display: inline-block;
font-size: 13px;
min-width: 35.5px;
height: 28px;
line-height: 28px;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.custom-theme-light .el-pagination .el-input__inner {
text-align: center;
-moz-appearance: textfield;
line-height: normal;
}
.custom-theme-light .el-pagination .el-input__suffix {
right: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.custom-theme-light .el-pagination .el-select .el-input {
width: 100px;
margin: 0 5px;
}
.custom-theme-light .el-pagination .el-select .el-input .el-input__inner {
padding-right: 25px;
border-radius: 3px;
}
.custom-theme-light .el-pagination button {
border: none;
padding: 0 6px;
background: 0 0;
}
.custom-theme-light .el-pagination button:focus {
outline: 0;
}
.custom-theme-light .el-pagination button:hover {
color: #1890ff;
}
.custom-theme-light .el-pagination button:disabled {
color: #c0c4cc;
background-color: #fff;
cursor: not-allowed;
}
.custom-theme-light .el-pagination .btn-next,
.custom-theme-light .el-pagination .btn-prev {
background: center center no-repeat;
background-size: 16px;
background-color: #fff;
cursor: pointer;
margin: 0;
color: #303133;
}
.custom-theme-light .el-pagination .btn-next .el-icon,
.custom-theme-light .el-pagination .btn-prev .el-icon {
display: block;
font-size: 12px;
font-weight: 700;
}
.custom-theme-light .el-pagination .btn-prev {
padding-right: 12px;
}
.custom-theme-light .el-pagination .btn-next {
padding-left: 12px;
}
.custom-theme-light .el-pagination .el-pager li.disabled {
color: #c0c4cc;
cursor: not-allowed;
}
.custom-theme-light .el-pagination--small .btn-next,
.custom-theme-light .el-pagination--small .btn-prev,
.custom-theme-light .el-pagination--small .el-pager li,
.custom-theme-light .el-pagination--small .el-pager li.btn-quicknext,
.custom-theme-light .el-pagination--small .el-pager li.btn-quickprev,
.custom-theme-light .el-pagination--small .el-pager li:last-child {
border-color: transparent;
font-size: 12px;
line-height: 22px;
height: 22px;
min-width: 22px;
}
.custom-theme-light .el-pagination--small .arrow.disabled {
visibility: hidden;
}
.custom-theme-light .el-pagination--small .more::before,
.custom-theme-light .el-pagination--small li.more::before {
line-height: 24px;
}
.custom-theme-light .el-pagination--small button,
.custom-theme-light .el-pagination--small span:not([class*="suffix"]) {
height: 22px;
line-height: 22px;
}
.custom-theme-light .el-pagination--small .el-pagination__editor {
height: 22px;
}
.custom-theme-light
.el-pagination--small
.el-pagination__editor.el-input
.el-input__inner {
height: 22px;
}
.custom-theme-light .el-pagination__sizes {
margin: 0 10px 0 0;
font-weight: 400;
color: #606266;
}
.custom-theme-light .el-pagination__sizes .el-input .el-input__inner {
font-size: 13px;
padding-left: 8px;
}
.custom-theme-light .el-pagination__sizes .el-input .el-input__inner:hover {
border-color: #1890ff;
}
.custom-theme-light .el-pagination__total {
margin-right: 10px;
font-weight: 400;
color: #606266;
}
.custom-theme-light .el-pagination__jump {
margin-left: 24px;
font-weight: 400;
color: #606266;
}
.custom-theme-light .el-pagination__jump .el-input__inner {
padding: 0 3px;
}
.custom-theme-light .el-pagination__rightwrapper {
float: right;
}
.custom-theme-light .el-pagination__editor {
line-height: 18px;
padding: 0 2px;
height: 28px;
text-align: center;
margin: 0 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
}
.custom-theme-light .el-pagination__editor.el-input {
width: 50px;
}
.custom-theme-light .el-pagination__editor.el-input .el-input__inner {
height: 28px;
}
.custom-theme-light
.el-pagination__editor
.el-input__inner::-webkit-inner-spin-button,
.custom-theme-light
.el-pagination__editor
.el-input__inner::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.custom-theme-light .el-pagination.is-background .btn-next,
.custom-theme-light .el-pagination.is-background .btn-prev,
.custom-theme-light .el-pagination.is-background .el-pager li {
margin: 0 5px;
background-color: #e9e9e9;
color: #606266;
min-width: 30px;
border-radius: 2px;
}
.custom-theme-light .el-pagination.is-background .btn-next.disabled,
.custom-theme-light .el-pagination.is-background .btn-prev.disabled,
.custom-theme-light .el-pagination.is-background .el-pager li.disabled {
color: #c0c4cc;
}
.custom-theme-light .el-pagination.is-background .btn-next,
.custom-theme-light .el-pagination.is-background .btn-prev {
padding: 0;
}
.custom-theme-light .el-pagination.is-background .btn-next:disabled,
.custom-theme-light .el-pagination.is-background .btn-prev:disabled {
color: #c0c4cc;
}
.custom-theme-light
.el-pagination.is-background
.el-pager
li:not(.disabled):hover {
color: #1890ff;
}
.custom-theme-light
.el-pagination.is-background
.el-pager
li:not(.disabled).active {
background-color: #1890ff;
color: #fff;
}
.custom-theme-light .el-pagination.is-background.el-pagination--small .btn-next,
.custom-theme-light .el-pagination.is-background.el-pagination--small .btn-prev,
.custom-theme-light
.el-pagination.is-background.el-pagination--small
.el-pager
li {
margin: 0 3px;
min-width: 22px;
}
.custom-theme-light .el-pager {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
list-style: none;
display: inline-block;
vertical-align: top;
font-size: 0;
padding: 0;
margin: 0;
}
.custom-theme-light .el-pager .more::before {
line-height: 30px;
}
.custom-theme-light .el-pager li {
padding: 0 4px;
background: #fff;
vertical-align: top;
display: inline-block;
font-size: 13px;
min-width: 35.5px;
height: 28px;
line-height: 28px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin: 0;
}
.custom-theme-light .el-pager li.btn-quicknext,
.custom-theme-light .el-pager li.btn-quickprev {
line-height: 28px;
color: #303133;
}
.custom-theme-light .el-pager li.btn-quicknext.disabled,
.custom-theme-light .el-pager li.btn-quickprev.disabled {
color: #c0c4cc;
}
.custom-theme-light .el-pager li.btn-quickprev:hover {
cursor: pointer;
}
.custom-theme-light .el-pager li.btn-quicknext:hover {
cursor: pointer;
}
.custom-theme-light .el-pager li.active + li {
border-left: 0;
}
.custom-theme-light .el-pager li:hover {
color: #1890ff;
}
.custom-theme-light .el-pager li.active {
color: #1890ff;
cursor: default;
}
.custom-theme-light .v-modal-enter {
-webkit-animation: v-modal-in 0.2s ease;
animation: v-modal-in 0.2s ease;
}
.custom-theme-light .v-modal-leave {
-webkit-animation: v-modal-out 0.2s ease forwards;
animation: v-modal-out 0.2s ease forwards;
}
@-webkit-keyframes v-modal-in {
0% {
opacity: 0;
}
}
@keyframes v-modal-in {
0% {
opacity: 0;
}
}
@-webkit-keyframes v-modal-out {
100% {
opacity: 0;
}
}
@keyframes v-modal-out {
100% {
opacity: 0;
}
}
.custom-theme-light .v-modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.5;
background: #000;
}
.custom-theme-light .el-popup-parent--hidden {
overflow: hidden;
}
.custom-theme-light .el-dialog {
position: relative;
margin: 0 auto 50px;
background: #fff;
border-radius: 2px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
}
.custom-theme-light .el-dialog.is-fullscreen {
width: 100%;
margin-top: 0;
margin-bottom: 0;
height: 100%;
overflow: auto;
}
.custom-theme-light .el-dialog__wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
margin: 0;
}
.custom-theme-light .el-dialog__header {
padding: 20px;
padding-bottom: 10px;
}
.custom-theme-light .el-dialog__headerbtn {
position: absolute;
top: 20px;
right: 20px;
padding: 0;
background: 0 0;
border: none;
outline: 0;
cursor: pointer;
font-size: 16px;
}
.custom-theme-light .el-dialog__headerbtn .el-dialog__close {
color: #1e1e1e;
}
.custom-theme-light .el-dialog__headerbtn:focus .el-dialog__close,
.custom-theme-light .el-dialog__headerbtn:hover .el-dialog__close {
color: #1890ff;
}
.custom-theme-light .el-dialog__title {
line-height: 24px;
font-size: 18px;
color: #303133;
}
.custom-theme-light .el-dialog__body {
padding: 30px 20px;
color: #606266;
font-size: 14px;
}
.custom-theme-light .el-dialog__footer {
padding: 20px;
padding-top: 10px;
text-align: right;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.custom-theme-light .el-dialog--center {
text-align: center;
}
.custom-theme-light .el-dialog--center .el-dialog__body {
text-align: initial;
padding: 25px 25px 30px;
}
.custom-theme-light .el-dialog--center .el-dialog__footer {
text-align: inherit;
}
.custom-theme-light .dialog-fade-enter-active {
-webkit-animation: dialog-fade-in 0.3s;
animation: dialog-fade-in 0.3s;
}
.custom-theme-light .dialog-fade-leave-active {
-webkit-animation: dialog-fade-out 0.3s;
animation: dialog-fade-out 0.3s;
}
@-webkit-keyframes dialog-fade-in {
0% {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes dialog-fade-in {
0% {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes dialog-fade-out {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
opacity: 0;
}
}
@keyframes dialog-fade-out {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
opacity: 0;
}
}
.custom-theme-light .el-textarea {
display: inline-block;
width: 100%;
vertical-align: bottom;
font-size: 14px;
}
.custom-theme-light .el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: inherit;
color: #606266;
background-color: #fff;
background-image: none;
border: 1px solid #dcdfe6;
border-radius: 4px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.custom-theme-light .el-textarea__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-textarea__inner::-moz-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-textarea__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-textarea__inner::placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-textarea__inner:hover {
border-color: #c0c4cc;
}
.custom-theme-light .el-textarea__inner:focus {
outline: 0;
border-color: #1890ff;
}
.custom-theme-light .el-textarea.is-disabled .el-textarea__inner {
background-color: #f5f7fa;
border-color: #dfe4ed;
color: #c0c4cc;
cursor: not-allowed;
}
.custom-theme-light
.el-textarea.is-disabled
.el-textarea__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light
.el-textarea.is-disabled
.el-textarea__inner::-moz-placeholder {
color: #c0c4cc;
}
.custom-theme-light
.el-textarea.is-disabled
.el-textarea__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-textarea.is-disabled .el-textarea__inner::placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input {
position: relative;
font-size: 14px;
display: inline-block;
width: 100%;
}
.custom-theme-light .el-input::-webkit-scrollbar {
z-index: 11;
width: 6px;
}
.custom-theme-light .el-input::-webkit-scrollbar:horizontal {
height: 6px;
}
.custom-theme-light .el-input::-webkit-scrollbar-thumb {
border-radius: 5px;
width: 6px;
background: #b4bccc;
}
.custom-theme-light .el-input::-webkit-scrollbar-corner {
background: #fff;
}
.custom-theme-light .el-input::-webkit-scrollbar-track {
background: #fff;
}
.custom-theme-light .el-input::-webkit-scrollbar-track-piece {
background: #fff;
width: 6px;
}
.custom-theme-light .el-input .el-input__clear {
color: #c0c4cc;
font-size: 14px;
line-height: 16px;
cursor: pointer;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.custom-theme-light .el-input .el-input__clear:hover {
color: #909399;
}
.custom-theme-light .el-input__inner {
-webkit-appearance: none;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #606266;
display: inline-block;
font-size: inherit;
height: 40px;
line-height: 40px;
outline: 0;
padding: 0 15px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%;
}
.custom-theme-light .el-input__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input__inner::-moz-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input__inner::placeholder {
color: #c0c4cc;
}
.custom-theme-light .el-input__inner:hover {
border-color: #c0c4cc;
}
.custom-theme-light .el-input__inner:focus {
outline: 0;
border-color: #1890ff;
}
.custom-theme-light .el-input__suffix {
position: absolute;
height: 100%;
right: 5px;
top: 0;
text-align: center;
color: #c0c4cc;
-webkit-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.custom-theme-light .el-input__suffix-inner {
pointer-events: all;
}
.custom-theme-light .el-input__prefix {
position: absolute;
height: 100%;
left: 5px;
top: 0;
text-align: center;
color: #c0c4cc;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.custom-theme-light .el-input__icon {
height: 100%;
width: 25px;
text-align: center;
-webkit-transition: all 0.3s;
transition: all