.el-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.el-result__title {
    margin-top: 20px
}

.el-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 30px
}

.el-result__icon svg {
    width: 64px;
    height: 64px
}

.el-result__title p {
    margin: 0;
    font-size: 20px;
    color: #303133;
    line-height: 1.3
}

.el-result__subtitle {
    margin-top: 10px
}

.el-result__subtitle p {
    margin: 0;
    font-size: 14px;
    color: #606266;
    line-height: 1.3
}

.el-result__extra {
    margin-top: 30px
}

.el-result .icon-success {
    fill: #67C23A
}

.el-result .icon-error {
    fill: #F56C6C
}

.el-result .icon-info {
    fill: #909399
}

.el-result .icon-warning {
    fill: #E6A23C
}


:root {
    --color-primary: #1890ff;
    --color-primary-1: #e6f7ff;
    --color-primary-2: #bae7ff;
    --color-primary-3: #91d5ff;
    --color-primary-4: #69c0ff;
    --color-primary-5: #40a9ff;
    --color-primary-6: #1890ff;
    --color-primary-7: #096dd9;
    --color-primary-8: #0050b3;
    --color-primary-9: #003a8c;
    --color-primary-10: #002766;
    --color-success: #52c41a;
    --color-success-1: #f6ffed;
    --color-success-2: #d9f7be;
    --color-success-3: #b7eb8f;
    --color-success-4: #95de64;
    --color-success-5: #73d13d;
    --color-success-6: #52c41a;
    --color-success-7: #389e0d;
    --color-success-8: #237804;
    --color-success-9: #135200;
    --color-success-10: #092b00;
    --color-warning: #faad14;
    --color-warning-1: #fffbe6;
    --color-warning-2: #fff1b8;
    --color-warning-3: #ffe58f;
    --color-warning-4: #ffd666;
    --color-warning-5: #ffc53d;
    --color-warning-6: #faad14;
    --color-warning-7: #d48806;
    --color-warning-8: #ad6800;
    --color-warning-9: #874d00;
    --color-warning-10: #613400;
    --color-danger: #ff4d4f;
    --color-danger-1: #fff1f0;
    --color-danger-2: #ffccc7;
    --color-danger-3: #ffa39e;
    --color-danger-4: #ff7875;
    --color-danger-5: #ff4d4f;
    --color-danger-6: #f5222d;
    --color-danger-7: #cf1322;
    --color-danger-8: #a8071a;
    --color-danger-9: #820014;
    --color-danger-10: #5c0011;
    --color-info: #909399;
    --color-info-1: #f4f4f5;
    --color-info-2: #dedfe0;
    --color-info-3: #d3d4d6;
    --color-info-4: #bcbec2;
    --color-info-5: #a6a9ad;
    --color-info-6: #909399;
    --color-info-7: #6e7074;
    --color-info-8: #58595c;
    --color-info-9: #414244;
    --color-info-10: #2a2b2b;
    --color-white: #fff;
    --color-white-5: hsla(0, 0%, 100%, 0.5);
    --color-black: #000;
    --color-black-1: rgba(0, 0, 0, 0.1);
    --color-black-3: rgba(0, 0, 0, 0.3);
    --color-black-5: rgba(0, 0, 0, 0.5);
    --color-text-primary: #303133;
    --color-text-regular: #606266;
    --color-text-secondary: #909399;
    --color-text-placeholder: #c0c4cc;
    --color-text-dark-primary: #fff;
    --color-text-dark-regular: hsla(0, 0%, 100%, 0.8);
    --border-color-base: #ddd;
    --border-color-light: #e5e5e5;
    --border-color-lighter: #ededed;
    --border-color-extra-light: #f4f4f4;
    --background-color-base: #fafafa;
    --box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
    --box-shadow-light: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
    --checkbox-background-color: var(--color-white);
    --radio-input-background-color: var(--color-white);
    --radio-checked-icon-color: var(--color-white);
    --input-background-color: var(--color-white);
    --button-default-background-color: var(--color-white);
    --button-disabled-background-color: var(--color-white);
    --button-default-border-color-5: hsla(0, 0%, 86.7%, 0.5);
    --table-header-background-color: var(--background-color-base);
    --table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    --popup-modal-background-color: #000;
    --popup-modal-opacity: 0.5;
    --popover-background-color: var(--color-white);
    --dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --tooltip-fill: var(--color-text-primary);
    --tooltip-color: var(--color-text-dark-primary);
    --tooltip-border-color: var(--tooltip-fill);
    --scrollbar-background-color: hsla(0, 0%, 66.7%, 0.5);
    --scrollbar-hover-background-color: hsla(0, 0%, 66.7%, 0.8);
    --backtop-background-color: var(--color-white);
    --backtop-font-color: var(--color-primary);
    --backtop-hover-background-color: var(--border-color-extra-light);
    --avatar-background-color: #c0c4cc;
    --skeleton-color: #f2f2f2;
    --skeleton-to-color: #e6e6e6;
    --svg-monochrome-grey: #dcdde0;
    --loading-mask-bg: hsla(0, 0%, 100%, 0.9);
    --layout-body-background: #f0f2f5;
    --sidebar-light-shadow: 1px 3px 3px rgba(0, 21, 41, 0.08);
    --sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);
    --header-light-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
    --header-dark-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    --header-tool-hover-bg: rgba(0, 0, 0, 0.025);
    --header-dark-tool-hover-bg: hsla(0, 0%, 100%, 0.05);
    --logo-light-shadow: 1px 2px 3px rgba(0, 21, 41, 0.08);
    --logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, 0.35);
    --menu-dark-background: #191a23;
    --content-image-filter: none
}

.el-message {
    min-width: inherit;
    box-sizing: border-box;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-primary-3);
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    background-color: var(--color-primary-1);
    transition: opacity .3s, transform .4s, top .4s;
    overflow: hidden;
    padding: 12px 16px;
    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(--color-primary)
}

.el-message--success {
    background-color: var(--color-success-1);
    border-color: var(--color-success-3)
}

.el-message--success .el-message__content {
    color: var(--color-success)
}

.el-message--warning {
    background-color: var(--color-warning-1);
    border-color: var(--color-warning-3)
}

.el-message--warning .el-message__content {
    color: var(--color-warning)
}

.el-message--error {
    background-color: var(--color-danger-1);
    border-color: var(--color-danger-3)
}

.el-message--error .el-message__content {
    color: var(--color-danger)
}

.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(--color-text-placeholder);
    font-size: 16px
}

.el-message__closeBtn:focus {
    outline-width: 0
}

.el-message__closeBtn:hover {
    color: var(--color-text-secondary)
}

.el-message .el-icon-success {
    color: var(--color-success)
}

.el-message .el-icon-error {
    color: var(--color-danger)
}

.el-message .el-icon-info {
    color: var(--color-primary)
}

.el-message .el-icon-warning {
    color: var(--color-warning)
}

.el-message-fade-enter, .el-message-fade-leave-active {
    opacity: 0;
    transform: translate(-50%, -100%)
}

.el-message .el-message__icon {
    font-size: 18px
}

.el-message .el-message__content {
    line-height: 18px
}

.el-message.el-message--info {
    border-color: var(--color-primary-3)
}

.el-message:not(.ele-message-border) {
    background: var(--popover-background-color);
    box-shadow: var(--box-shadow-light);
    border-radius: 2px;
    border: none
}

.el-message:not(.ele-message-border) .el-message__content {
    color: inherit
}

.el-message.ele-message-loading .el-message__icon {
    -webkit-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite
}

.el-message.ele-message-loading .el-message__icon:before {
    content: "";
    font-family: ele-icon !important
}

.el-textarea__inner, .el-input__inner {
    background-color: #F1F8FF;
}