:root {
    /* Primary color */
    --el-color-primary: #48B319;
    --el-color-primary-dark-2: #248A26;
    --el-color-primary-light-3: #60C132;
    --el-color-primary-light-5: #A9EC7C;
    --el-color-primary-light-7: #D5F6AC;
    --el-color-primary-light-8: #E3F6CB;
    --el-color-primary-light-9: #EBF9D9;

    /* Standard error */
    --el-color-error: #ED561B;
    --el-color-error-dark-2: #D24F23;
    --el-color-error-light-3: #FF7400;
    --el-color-error-light-5: #F49B78;
    --el-color-error-light-7: #F7CEBC;
    --el-color-error-light-8: #F6DED3;
    --el-color-error-light-9: #FFF4F0;

    /* Warning  */
    --el-color-warning: #FF8F03;
    --el-color-warning-dark-2: #E07C02;
    --el-color-warning-light-3: #FDA81A;
    --el-color-warning-light-5: #FCD77C;
    --el-color-warning-light-7: #F7DEC1;
    --el-color-warning-light-8: #FBEDDD;
    --el-color-warning-light-9: #FAF3E9;

    /*!* success *!*/
    /*--el-color-success: #48B319;*/
    /*--el-color-success-dark-2: #327412;*/
    /*--el-color-success-light-3: #8EDD68;*/
    /*--el-color-success-light-5: #CDF0A0;*/
    /*--el-color-success-light-7: #DBF4BB;*/
    /*--el-color-success-light-8: #E3F6CB;*/
    /*--el-color-success-light-9: #EBF9D9;*/

    /* Standard blue */
    --el-color-blue: #0093DD;
    --el-color-blue-dark-2: #0077C0;
    --el-color-blue-light-3: #15ADEE;
    --el-color-blue-light-5: #75DBFF;
    --el-color-blue-light-7: #BCE7FF;
    --el-color-blue-light-8: #D6EFFE;
    --el-color-blue-light-9: #ECF5FF;

    /* Dark blue */
    --el-color-darkBlue: #0077C0;
    --el-color-darkBlue-dark-2: #005BA2;
    --el-color-darkBlue-light-3: #0093DD;
    --el-color-darkBlue-light-5: #15ADEE;
    --el-color-darkBlue-light-7: #6FCAFE;
    --el-color-darkBlue-light-8: #97D9FE;
    --el-color-darkBlue-light-9: #BCE7FF;

    /* Standard purple */
    --el-color-purple: #AA1A79;
    --el-color-purple-dark-2: #98186D;
    --el-color-purple-light-3: #B0328C;
    --el-color-purple-light-5: #C27AC3;
    --el-color-purple-light-7: #E9BEF0;
    --el-color-purple-light-8: #F6DBFA;
    --el-color-purple-light-9: #FCF1FE;

    /* info */
    --el-color-info: #666666;
    --el-color-info-dark-2: #555555;
    --el-color-info-light-3: #999999;
    --el-color-info-light-5: #C7C7C7;
    --el-color-info-light-7: #DEDEDE;
    --el-color-info-light-8: #E9E9EB;
    --el-color-info-light-9: #F4F4F5;

    /* danger */
    /*--el-color-danger: #EE0A24;
    --el-color-danger-dark-2: #C1081F;
    --el-color-danger-light-3: #F24157;
    --el-color-danger-light-5: #FE7686;
    --el-color-danger-light-7: #FF99A5;
    --el-color-danger-light-8: #FDE2E2;
    --el-color-danger-light-9: #FEF0F0;*/

    /* danger */
    --el-color-danger: #ED431E;
    --el-color-danger-dark-2: #D53611;
    --el-color-danger-light-3: #EF512E;
    --el-color-danger-light-5: #F0603E;
    --el-color-danger-light-7: #F59078;
    --el-color-danger-light-8: #F7A894;
    --el-color-danger-light-9: #F9BFB1;

    --el-component-size-small: 22px;
    --el-component-size: 26px;
    --el-component-size-large: 34px;
}

.el-checkbox{
    margin-right:32px;
}
a:hover,a:focus {
    text-decoration: none;
}
.flex-space-between {
    display: flex;
    justify-content: space-between;
}

.el-check-tag.is-checked {
    background-color: var(--el-color-primary-light-9);
    color: var(--el-color-primary);
}

.el-tag{
    --el-tag-border-color: var(--el-color-primary-light-9);
}

.el-tag.el-tag--info {
    --el-tag-border-color: white;
    --el-tag-text-color: #333;
}

.el-button.el-button--blue{
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-blue);
    --el-button-border-color: var(--el-color-blue);
    --el-button-outline-color: var(--el-color-blue-light-5);
    --el-button-active-color: var(--el-color-blue-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-blue-light-5);
    --el-button-hover-bg-color: var(--el-color-blue-light-3);
    --el-button-hover-border-color: var(--el-color-blue-light-3);
    --el-button-active-bg-color: var(--el-color-blue-dark-2);
    --el-button-active-border-color: var(--el-color-blue-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-blue-light-5);
    --el-button-disabled-border-color: var(--el-color-blue-light-5);
}
/*文字按钮样式*/
.el-button--blue.is-link, .el-button--blue.is-plain, .el-button--blue.is-text {
    --el-button-text-color: var(--el-color-blue);
    --el-button-bg-color: var(--el-color-blue-light-9);
    --el-button-border-color: var(--el-color-blue-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-blue);
    --el-button-hover-border-color: var(--el-color-blue);
    --el-button-active-text-color: var(--el-color-white);
}
/*文字按钮disabled样式*/
.el-button--blue.is-link.is-disabled, .el-button--blue.is-link.is-disabled:active,
.el-button--blue.is-link.is-disabled:focus, .el-button--blue.is-link.is-disabled:hover,
.el-button--blue.is-plain.is-disabled, .el-button--blue.is-plain.is-disabled:active,
.el-button--blue.is-plain.is-disabled:focus, .el-button--blue.is-plain.is-disabled:hover,
.el-button--blue.is-text.is-disabled, .el-button--blue.is-text.is-disabled:active,
.el-button--blue.is-text.is-disabled:focus, .el-button--blue.is-text.is-disabled:hover {
    color: var(--el-color-blue-light-5);
    border-color: var(--el-color-blue-light-8);
}
.el-link.el-link--blue{
    --el-link-text-color: var(--mainBlue);
    --el-link-hover-text-color: var(--darkBlue);
/ / 原--el-color-blue-light-3 --el-link-disabled-text-color: var(--lightBlue);
}
.el-tag.el-tag--blue{
    --el-tag-text-color: var(--el-color-blue);
    --el-tag-border-color: var(--el-color-blue-light-9);
    --el-tag-bg-color: var(--el-color-blue-light-9);
    --el-tag-hover-color: var(--el-color-blue);
}

.el-button.el-button--darkBlue{
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-darkBlue);
    --el-button-border-color: var(--el-color-darkBlue);
    --el-button-outline-color: var(--el-color-darkBlue-light-5);
    --el-button-active-color: var(--el-color-darkBlue-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-darkBlue-light-5);
    --el-button-hover-bg-color: var(--el-color-darkBlue-light-3);
    --el-button-hover-border-color: var(--el-color-darkBlue-light-3);
    --el-button-active-bg-color: var(--el-color-darkBlue-dark-2);
    --el-button-active-border-color: var(--el-color-darkBlue-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-darkBlue-light-5);
    --el-button-disabled-border-color: var(--el-color-darkBlue-light-5);
}
.el-link.el-link--darkBlue{
    --el-link-text-color: var(--darkBlue);
    --el-link-hover-text-color: var(--EExdarkBlue);
    --el-link-disabled-text-color:var(--mainBlue);

}
.el-tag.el-tag--darkBlue{
    --el-tag-text-color: var(--el-color-darkBlue);
    --el-tag-border-color: var(--el-color-darkBlue-light-9);
    --el-tag-bg-color: var(--el-color-darkBlue-light-9);
    --el-tag-hover-color: var(--el-color-darkBlue);
}

.el-button.el-button--purple{
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-purple);
    --el-button-border-color: var(--el-color-purple);
    --el-button-outline-color: var(--el-color-purple-light-5);
    --el-button-active-color: var(--el-color-purple-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-purple-light-5);
    --el-button-hover-bg-color: var(--el-color-purple-light-3);
    --el-button-hover-border-color: var(--el-color-purple-light-3);
    --el-button-active-bg-color: var(--el-color-purple-dark-2);
    --el-button-active-border-color: var(--el-color-purple-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-purple-light-5);
    --el-button-disabled-border-color: var(--el-color-purple-light-5);
}

.el-link.el-link--purple{
    --el-link-text-color: var(--mainPurple);
    --el-link-hover-text-color: var(--darkPurple);
    --el-link-disabled-text-color: var(--lightPurple);
}

.el-link.el-link--primary {
    --el-link-text-color: var(--mainGreen);
    --el-link-hover-text-color: var(--darkGreen);
    --el-link-disabled-text-color: var(--lightGreen);
}

.el-link.el-link--warning {
    --el-link-text-color: var(--mainOrange);
    --el-link-hover-text-color: var(--darkOrange);
    --el-link-disabled-text-color: var(--lightOrange);
}

.el-link.el-link--error {
    --el-link-text-color: var(--mainRed);
    --el-link-hover-text-color: var(--darkRed);
    --el-link-disabled-text-color: var(--lightRed);
}

.el-link.el-link--success {
    --el-link-text-color: var(--mainGreen);
    --el-link-hover-text-color: var(--darkGreen);
    --el-link-disabled-text-color: var(--lightGreen);
}

.el-link.el-link--info {
    --el-link-text-color: var(--mainGray);
    --el-link-hover-text-color: var(--darkGray);
    --el-link-disabled-text-color: var(--lightGray);
}
.el-alert--danger{
    background-color: var(--el-color-danger-light-9);
    color: var(--el-color-danger);
}


.el-button {
    height: 26px;
    font-size: 12px;
}
.el-button--large {
    height: 34px !important;
    font-size:14px !important;
    padding: 6px 12px !important;
}
.el-button--large i{
    height:17px;

}

.el-button--small{
    height: 22px !important;
    font-size:12px !important;
    padding: 1px 8px !important;
}

.el-drawer__title{
    font-size: 18px;
}
.el-radio-button .el-radio-button__inner{
    font-size: 12px;
    padding: 6px 12px;
}
.el-form-item__label{
    height: inherit;
}

.el-button.is-text:not(.is-disabled).is-has-bg {
    background-color: #F4F4F5;
}
/*.el-button.is-text:not(.is-disabled).is-has-bg:active, .el-button.is-text:not(.is-disabled).is-has-bg:hover, .el-button.is-text:not(.is-disabled).is-has-bg:focus{*/
/*    background-color: var(--el-color-primary-light-9);*/
/*}*/
/*.el-button.is-text:not(.is-disabled):hover {*/
/*    background-color: var(--el-color-primary-light-9);*/
/*}*/

label {
    margin-bottom: 0;
    font-weight: normal;
}

.el-input-group__append {
    background-color: var(--el-color-primary-light-9);
    color: var(--el-color-primary);
}
/*输入框尾部“字数限制(0/10)”颜色*/
.el-input .el-input__count .el-input__count-inner{
    color: var(--el-color-info-light-5);
}
.el-input{
    --el-input-border-color: var(--el-color-info-light-7);
}
.el-textarea .el-input__count
{
    color: var(--el-color-info-light-5);
}

.el-table,
.el-table__header-wrapper,
.el-table__fixed-header-wrapper {
    word-break: break-word;
}

.el-table{
    --el-table-border-color: #DEDEDE;
}

.el-table th {
    background-color: var(--el-color-primary-light-9) !important;
    color: var(--el-color-primary);
    height: 40px !important;
    font-size: 14px;
}

.el-table td{
    font-size: 14px;
}

.el-message-box__btns {
    justify-content: flex-start;
    flex-direction: row-reverse;
    gap: 10px;
}

.el-check-tag{
    padding:6px 15px;
}

.el-select .el-input__inner{
    font-size:12px;
}
.el-select-dropdown__item{
    font-size:12px;
}
.el-divider--horizontal{
    margin: 10px 0;
}
.el-drawer__header{
    margin-bottom:20px;
}

.filter-name {
    color: #80848B;
    font-size: 14px;
    white-space: pre;
    line-height: 24px;
    font-weight: bold;
    margin-right:15px;
}

.cp{
    cursor: pointer;
}
.el-date-editor.el-input{
    font-size:12px;
}
.el-date-editor.el-input__wrapper{
    width: 240px;
}
.el-date-editor .el-range-input {
    font-size: 12px; !important;
}

/*form表单红星*/
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after, .el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after {
    content: "*";
    color: var(--el-color-danger);
    margin-left: 4px;
    font-size: 16px !important;
}

[v-cloak] {
    display: none;
}

/*表格行颜色*/
/*
.el-table .success-row {
    --el-table-tr-bg-color: var(--el-color-success-light-9);
}
.el-table .success-row .el-table-fixed-column--left{
    background-color: var(--el-color-success-light-9);
}
.el-table .success-row .el-table-fixed-column--right{
    background-color: var(--el-color-success-light-9);
}*/

/*抽屉标题颜色*/
.el-drawer__header{
    color: #333333 !important;
}
/*抽屜padding     */
.el-drawer__body{
    padding: 5px 20px 20px !important;
}
/*大号radio字体颜色*/
.el-radio-button--large .el-radio-button__inner{
    font-size: 14px !important;
    height: 34px;
    line-height: 1.4;
}

/*buttion 默认间距*/
.el-button+.el-button {
    margin-left: 5px;
}

/*MessageBox宽度*/
.el-message-box {
    --el-messagebox-width: 560px;
}

.el-popconfirm__action {
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.el-check-tag {
    font-weight: normal !important;
}

/*提醒条内边距*/
.el-alert__content {
    padding: 0 !important;
}

.el-button:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-green, .btn-green:focus:not(.btn-green:hover) {
    border-color: transparent;
    background-color: var(--mainGreen);
    color: #fff;
}

.btn-green:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-green:hover, .btn-green:focus {
    background-color: var(--darkGreen);
    border-color: transparent;
    color: #fff;
}

.btn-green[disabled] {
    border-color: transparent;
    background-color: var(--wetGreen);
    color: #fff;
}

.btn-green[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetGreen);
    color: #fff;
}

.btn-green[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-lightGreen, .btn-lightGreen:focus:not(.btn-lightGreen:hover) {
    border-color: transparent;
    background-color: var(--lightGreen);
    color: #fff;
}

.btn-lightGreen:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-lightGreen:hover, .btn-lightGreen:focus {
    background-color: var(--mainGreen);
    border-color: transparent;
    color: #fff;
}

.btn-lightGreen[disabled] {
    border-color: transparent;
    background-color: var(--wetGreen);
    color: #fff;
}

.btn-lightGreen[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetGreen);
    color: #fff;
}

.btn-lightGreen[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-blue, .btn-blue:focus:not(.btn-blue:hover) {
    border-color: transparent;
    background-color: var(--mainBlue);
    color: #fff;
}

.btn-blue:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-blue:hover, .btn-blue:focus {
    background-color: var(--darkBlue);
    border-color: transparent;
    color: #fff;
}

.btn-blue[disabled] {
    border-color: transparent;
    background-color: var(--wetBlue);
    color: #fff;
}

.btn-blue[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetBlue);
    color: #fff;
}

.btn-blue[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-lightBlue, .btn-lightBlue:focus:not(.btn-lightBlue:hover) {
    border-color: transparent;
    background-color: var(--lightBlue);
    color: #fff;
}

.btn-lightBlue:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-lightBlue:hover, .btn-lightBlue:focus {
    background-color: var(--mainBlue);
    border-color: transparent;
    color: #fff;
}

.btn-lightBlue[disabled] {
    border-color: transparent;
    background-color: var(--wetBlue);
    color: #fff;
}

.btn-lightBlue[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetBlue);
    color: #fff;
}

.btn-lightBlue[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-ExdarkBlue, .btn-ExdarkBlue:focus:not(.btn-ExdarkBlue:hover) {
    border-color: transparent;
    background-color: var(--ExdarkBlue);
    color: #fff;
}

.btn-ExdarkBlue:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-ExdarkBlue:hover, .btn-ExdarkBlue:focus {
    background-color: var(--EExdarkBlue);
    border-color: transparent;
    color: #fff;
}

.btn-ExdarkBlue[disabled] {
    border-color: transparent;
    background-color: var(--wetBlue);
    color: #fff;
}

.btn-ExdarkBlue[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetBlue);
    color: #fff;
}

.btn-ExdarkBlue[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-orange, .btn-orange:focus:not(.btn-orange:hover) {
    border-color: transparent;
    background-color: var(--mainOrange);
    color: #fff;
}

.btn-orange:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-orange:hover, .btn-orange:focus {
    background-color: var(--darkOrange);
    border-color: transparent;
    color: #fff;
}

.btn-orange[disabled] {
    border-color: transparent;
    background-color: var(--wetOrange);
    color: #fff;
}

.btn-orange[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetOrange);
    color: #fff;
}

.btn-orange[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-lightOrange, .btn-lightOrange:focus:not(.btn-lightOrange:hover) {
    border-color: transparent;
    background-color: var(--lightOrange);
    color: #fff;
}

.btn-lightOrange:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-lightOrange:hover, .btn-lightOrange:focus {
    background-color: var(--mainOrange);
    border-color: transparent;
    color: #fff;
}

.btn-lightOrange[disabled] {
    border-color: transparent;
    background-color: var(--wetOrange);
    color: #fff;
}

.btn-lightOrange[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetOrange);
    color: #fff;
}

.btn-lightOrange[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-red, .btn-red:focus:not(.btn-red:hover) {
    border-color: transparent;
    background-color: var(--mainRed);
    color: #fff;
}

.btn-red:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-red:hover, .btn-red:focus {
    background-color: var(--darkRed);
    border-color: transparent;
    color: #fff;
}

.btn-red[disabled] {
    border-color: transparent;
    background-color: var(--wetRed);
    color: #fff;
}

.btn-red[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetRed);
    color: #fff;
}

.btn-red[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-lightRed, .btn-lightRed:focus:not(.btn-lightRed:hover) {
    border-color: transparent;
    background-color: var(--lightRed);
    color: #fff;
}

.btn-lightRed:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-lightRed:hover, .btn-lightRed:focus {
    background-color: var(--mainRed);
    border-color: transparent;
    color: #fff;
}

.btn-lightRed[disabled] {
    border-color: transparent;
    background-color: var(--wetRed);
    color: #fff;
}

.btn-lightRed[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetRed);
    color: #fff;
}

.btn-lightRed[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-purple, .btn-purple:focus:not(.btn-purple:hover) {
    border-color: transparent;
    background-color: var(--mainPurple);
    color: #fff;
}

.btn-purple:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-purple:hover, .btn-purple:focus {
    background-color: var(--darkPurple);
    border-color: transparent;
    color: #fff;
}

.btn-purple[disabled] {
    border-color: transparent;
    background-color: var(--wetPurple);
    color: #fff;
}

.btn-purple[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetPurple);
    color: #fff;
}

.btn-purple[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-lightPurple, .btn-lightPurple:focus:not(.btn-lightPurple:hover) {
    border-color: transparent;
    background-color: var(--lightPurple);
    color: #fff;
}

.btn-lightPurple:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-lightPurple:hover, .btn-lightPurple:focus {
    background-color: var(--mainPurple);
    border-color: transparent;
    color: #fff;
}

.btn-lightPurple[disabled] {
    border-color: transparent;
    background-color: var(--wetPurple);
    color: #fff;
}

.btn-lightPurple[disabled]:hover {
    border-color: transparent;
    background-color: var(--wetPurple);
    color: #fff;
}

.btn-lightPurple[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-gray, .btn-gray:focus:not(.btn-gray:hover) {
    border-color: transparent;
    background-color: var(--mainGray);
    color: #fff;
}

.btn-gray:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-gray:hover, .btn-gray:focus {
    background-color: var(--darkGray);
    border-color: transparent;
    color: #fff;
}

.btn-gray[disabled] {
    border-color: transparent;
    background-color: var(--lightGray);
    color: #fff;
}

.btn-gray[disabled]:hover {
    border-color: transparent;
    background-color: var(--lightGray);
    color: #fff;
}

.btn-gray[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-cancle, .btn-cancle:focus:not(.btn-cancle:hover) {
    border-color: transparent;
    background-color: var(--backgroundGray);
    color: #333333;
}

.btn-cancle:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.btn-cancle:hover, .btn-cancle:focus {
    background-color: var(--lineDisable);
    border-color: transparent;
    color: #333333;
}

.btn-cancle[disabled] {
    border-color: transparent;
    background-color: var(--mainGrayI9);
    color: #333333;
}

.btn-cancle[disabled]:hover {
    border-color: transparent;
    background-color: var(--mainGrayI9);
    color: #333333;
}

.btn-cancle[disabled]:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.el-button {
    padding: 3px 10px;
}

.a_ExdarkBlue {
    color: var(--ExdarkBlue);
    cursor: pointer;
}

.a_ExdarkBlue:hover {
    color: var(--EExdarkBlue);
    cursor: pointer;
}
.a_ExdarkBlue:active {
    color: var(--ExdarkBlue);
    cursor: pointer;
}
.a_lightGray{
    color: var(--lightGray);
    cursor: pointer;
}
.a_lightGray:hover{
    color: var(--mainGray);
    cursor: pointer;
}
.a_lightGray:active{
    color: var(--lightGray);
    cursor: pointer;
}